:root{--ink:#0d1117;--nav:#0b111a;--blue:#1363df;--cyan:#22d3ee;--muted:#6b7280;--line:#e5e7eb;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh}.login-art{background:radial-gradient(circle at 90% 90%,#103c75 0,transparent 35%),linear-gradient(145deg,#070b12,#0c1d2f);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:50px 9%}.login-art img,aside>img{height:65px;object-fit:contain;object-position:left;width:250px}.login-art span,.welcome span,.modal header span{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2px}.login-art h1{font-size:52px;line-height:1.12;margin:20px 0}.login-art em,.welcome em{background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;color:transparent;font-style:normal}.login>form{align-self:center;display:grid;gap:18px;margin:auto;max-width:440px;padding:50px;width:100%}.login form>span{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:2px}.login h2{font-size:32px;margin:0}.login p{color:var(--muted);margin:0 0 10px}label{display:grid;font-size:11px;font-weight:600;gap:6px}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%}button{background:linear-gradient(90deg,var(--blue),#1689ee);border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:11px 18px}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:var(--nav);color:#aeb8c7;display:flex;flex-direction:column;height:100vh;padding:28px 16px;position:sticky;top:0}aside>img{height:48px;margin:0 14px 35px;width:175px}aside nav{display:grid;gap:6px;overflow-y:auto}aside nav button{background:none;color:#aeb8c7;text-align:left}aside nav button.active{background:#102638;color:#fff}aside footer{align-items:center;border-top:1px solid #1f2937;display:flex;justify-content:space-between;margin-top:auto;padding:18px 8px 0}aside footer strong,aside footer small{display:block}aside footer small{font-size:9px}aside footer button{background:none;padding:8px}main{min-width:0;padding:0 30px 40px}main>header{align-items:center;display:flex;gap:15px;height:95px}main>header h1{font-size:23px;margin:0}main>header p,.section-head p{color:var(--muted);font-size:10px;margin:3px 0}#menu{display:none}.welcome{align-items:center;background:linear-gradient(125deg,#0b1320,#102a45);border-radius:20px;color:#fff;display:flex;justify-content:space-between;min-height:190px;overflow:hidden;padding:35px 45px}.welcome h2{font-size:34px;margin:12px 0}.welcome-mark{border:1px solid #2872bd;border-radius:50%;color:#1a8efd;font-size:48px;font-weight:700;padding:32px}.metrics{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:18px 0}.metrics article,.panel,.cards article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.metrics small,.metrics strong{display:block}.metrics small{color:var(--muted);font-size:10px}.metrics strong{font-size:24px;margin-top:5px}.section-head{align-items:center;display:flex;justify-content:space-between;margin:5px 0 16px}.section-head h2{font-size:20px;margin:0}.table{overflow-x:auto;padding:0}table{border-collapse:collapse;min-width:850px;width:100%}th,td{border-bottom:1px solid var(--line);font-size:10px;padding:14px;text-align:left}th{color:var(--muted);font-size:9px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.cards{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.cards article{display:flex;flex-direction:column;min-height:210px}.cards h3{margin:10px 0}.cards p{color:var(--muted);font-size:10px}.cards footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.badge{border-radius:99px;display:inline-block;font-size:9px;font-weight:600;padding:5px 9px}.active-badge{background:#dcfce7;color:#15803d}.test-badge{background:#e0f2fe;color:#0369a1}.inactive-badge{background:#fee2e2;color:#b91c1c}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.alerts{display:grid;gap:8px}.alerts article{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px}.alerts small{color:#b45309}.modal{align-items:center;background:#0d111799;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10}.modal>div{background:#fff;border-radius:16px;max-height:92vh;max-width:680px;overflow:auto;padding:24px;width:100%}.modal header,.modal footer{align-items:center;display:flex;justify-content:space-between}.modal header h2{margin:5px 0 18px}.modal header button{background:none;color:var(--ink);font-size:25px;padding:0}.modal form{display:grid;gap:14px}.modal form footer{justify-content:flex-end;gap:10px}.check-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.check-grid label{align-items:center;border:1px solid var(--line);border-radius:9px;display:flex;padding:10px}.check-grid input{width:auto}.form-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.error{color:#c62828;font-size:10px}.toast{background:#0d1117;border-radius:9px;bottom:25px;color:#fff;font-size:11px;padding:13px 18px;position:fixed;right:25px}@media(max-width:900px){.login{grid-template-columns:1fr}.login-art{display:none}.app{grid-template-columns:1fr}aside{left:-260px;position:fixed;transition:.2s;width:250px;z-index:20}aside.open{left:0}#menu{display:block;padding:8px}.metrics,.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:0 15px 30px}.metrics,.cards,.form-grid{grid-template-columns:1fr}.welcome{padding:25px}.welcome-mark{display:none}.login>form{padding:30px}}