:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color:#f4f6fb;background:#020c17;--bg: #020c17;--sidebar: #020b15;--card: #071426;--card-2: #09192d;--line: #13283f;--muted: #8995aa;--muted-2: #5d6a80;--blue: #0d9dff;--purple: #6c55ff;--purple-2: #954dff;--green: #00c982;--red: #ff535e;--yellow: #ffb51a}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(12,48,96,.15),transparent 30%),#010b15}.login-card{width:410px;max-width:calc(100vw - 32px);padding:34px 32px 38px;border-radius:22px;border:1px solid rgba(25,45,70,.3);background:#071426;box-shadow:0 20px 70px #00000059}.login-brand{display:flex;justify-content:center;margin-bottom:22px}.login-card h1{margin:0;text-align:center;font-size:25px;font-weight:720}.login-card>p{margin:10px 0 28px;text-align:center;color:var(--muted);font-size:14px}.login-card form{display:grid;gap:20px}.login-card label{display:grid;gap:8px;color:#a5afbf;font-size:14px}.login-card input{height:46px;padding:0 14px;color:#fff;border:1px solid #8290a4;border-radius:8px;outline:none;background:#0a1d34}.login-card input:focus{border-color:#4f8dff;box-shadow:0 0 0 2px #4c77ff1f}.primary-button{border:0;color:#fff;background:linear-gradient(90deg,#5c59f5,#6559f8);border-radius:6px;font-weight:700}.login-button{height:52px;margin-top:4px}.error-box{padding:10px 12px;border-radius:7px;color:#ffb6bd;border:1px solid #612e36;background:#32161c;font-size:13px}.brand{height:96px;display:flex;align-items:center;gap:10px;padding:0 18px;white-space:nowrap}.brand-symbol{width:31px;height:31px;display:grid;place-items:center;transform:rotate(45deg);border:2px solid #12a9ff;box-shadow:inset 0 0 0 4px #5429d4;border-radius:7px}.brand-symbol span{transform:rotate(-45deg);font-weight:800;color:#fff}.brand-word{font-size:16px;font-weight:720}.brand-word b{color:#9f42ff}.brand-word em{color:#8390a4;font-size:12px;font-style:normal;font-weight:500}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px 1fr;background:#020c17}.sidebar{min-height:100vh;border-right:1px solid #0c1a2a;background:var(--sidebar);padding:0 10px}.sidebar nav{display:grid;gap:8px;margin-top:56px}.sidebar nav button{position:relative;width:100%;min-height:52px;display:flex;align-items:center;gap:16px;padding:0 22px;border:1px solid transparent;border-radius:12px;color:#f0f3f8;background:transparent;text-align:left;font-size:15px}.sidebar nav button svg{color:#f6f8fb}.sidebar nav button:hover{background:#071527}.sidebar nav button.active{border-color:transparent;background:linear-gradient(#071527,#071527) padding-box,linear-gradient(100deg,#00a9ff,#9b42ff) border-box;box-shadow:0 0 26px #495cff21}.sidebar nav button.active svg{color:#00a9ff}.content-shell{min-width:0}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:linear-gradient(180deg,#071526eb,#061322b8)}.top-title{font-size:27px;font-weight:700}.top-actions{display:flex;align-items:center;gap:16px}.icon-button,.logout-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;color:#dbe2eb;background:transparent}.icon-button:hover,.logout-button:hover{background:#0c1b30}.avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;background:linear-gradient(135deg,#ff9d38,#8b53ff,#00a9ff)}.account{display:grid;gap:3px}.account span{font-size:14px}.account small{color:var(--muted);font-size:10px}.chevron{color:#675cff}.page{padding:34px 38px 70px}.page-title{margin-bottom:26px}.page-title h1{margin:0;font-size:28px;font-weight:700}.page-title p{margin:7px 0 0;color:var(--muted);font-size:14px}.section-heading{margin:34px 0 16px;font-size:18px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{min-height:104px;display:flex;align-items:center;gap:18px;padding:22px;border-radius:18px;background:linear-gradient(145deg,#071426,#061221)}.stat-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;color:#7065ff;background:#101948}.stat-icon.green{color:#00d998;background:#062a27}.stat-icon.red{color:#ff626c;background:#30161e}.stat-label{color:#929db0;font-size:13px}.stat-value{margin-top:7px;font-size:17px;font-weight:700}.dashboard-panels,.two-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.panel{min-height:260px;padding:24px;border-radius:20px;background:#071426}.panel-title{margin-bottom:22px;font-size:17px;font-weight:700}.system-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #14253b;font-size:13px}.system-row span:first-child{color:#8895aa}.status{padding:5px 10px;border-radius:20px;color:#aab5c7;background:#132037;font-size:11px}.status.good{color:#00d792;background:#073026}.health-state{min-height:170px;display:flex;align-items:center;justify-content:center;gap:16px;color:#00d495}.health-state b,.health-state span{display:block}.health-state span{margin-top:5px;color:#8390a5;font-size:13px}.toolbar{display:flex;justify-content:flex-end;gap:12px;margin-bottom:18px}.search-field{width:320px;height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #67758a;border-radius:8px;color:#7e8ba1}.search-field input{flex:1;min-width:0;border:0;outline:none;color:#fff;background:transparent}.toolbar select{min-width:170px;padding:0 13px;color:#fff;border:1px solid #67758a;border-radius:8px;background:#071426}.table-panel{padding:14px 24px;border-radius:20px;background:#071426;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0 7px}th{padding:10px 16px;color:#8794a8;text-align:left;font-size:12px;font-weight:500}td{padding:15px 16px;color:#f0f3f8;font-size:13px;background:#081425}tbody tr:nth-child(odd) td{background:#102847}tbody tr:hover td{background:#123156;cursor:pointer}tbody td:first-child{border-radius:14px 0 0 14px}tbody td:last-child{border-radius:0 14px 14px 0}.question{max-width:560px}.risk{display:inline-block;padding:5px 10px;border-radius:18px;font-size:11px;font-weight:700}.risk.normal{color:#00c982;background:#073128}.risk.controlled{color:#ffbd2e;background:#382b0f}.risk.strict{color:#ff646e;background:#351820}.empty-good{min-height:165px;display:flex;align-items:center;justify-content:center;gap:12px;color:#00d190}.ops-item{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #15263c}.ops-item span,.ops-item small{color:#8591a5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:30px;background:#00050cc7}.modal{position:relative;width:min(900px,100%);max-height:88vh;overflow-y:auto;padding:30px;border-radius:24px;background:#071426;box-shadow:0 25px 90px #0000008c}.modal-close{position:absolute;top:19px;right:19px;width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:50%;color:#00a9ff;background:transparent}.modal h2{margin-top:0}.modal h3{margin-top:28px}.modal-question{color:#c8d0dc;line-height:1.55}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.detail-grid>div{padding:13px;border-radius:10px;background:#0a1a2f}.detail-grid span,.detail-grid b{display:block}.detail-grid span{color:#7e8aa0;font-size:11px}.detail-grid b{margin-top:5px;font-size:12px}.call-row{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr;gap:8px;padding:12px;margin-bottom:5px;border-radius:9px;background:#0b1d34;font-size:12px}.evidence-row{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #15263c;font-size:12px}.evidence-row span{color:#8692a7}.placeholder{min-height:480px;display:grid;place-items:center;align-content:center;text-align:center;border-radius:20px;background:#071426}.placeholder-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;color:#675cff;background:#101948}.placeholder h2{margin:0 0 8px}.placeholder p{max-width:570px;margin:0 20px 18px;color:#8a96a9;line-height:1.55}.placeholder>span{padding:6px 10px;border-radius:14px;color:#8a80ff;background:#151540;font-size:11px}.loading{padding:30px;color:var(--muted)}@media (max-width: 1150px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 850px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.sidebar nav{margin-top:0}.topbar{padding:0 20px}.page{padding:24px 16px 60px}.account{display:none}.dashboard-panels,.two-panels{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.stats-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.search-field{width:100%}.top-title{font-size:21px}}.login-brand{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.login-brand-logo{display:block;width:min(320px,78%);height:auto;object-fit:contain}.sidebar-brand{display:flex;align-items:center;min-height:44px}.sidebar-brand-logo{display:block;width:170px;max-width:100%;height:auto;object-fit:contain}@media (max-width: 900px){.sidebar-brand-logo{width:140px}.login-brand-logo{width:min(280px,82%)}}.brand{height:96px;display:flex;align-items:center;padding:0 18px}.brand-logo{display:block;width:185px;max-width:100%;height:auto;object-fit:contain}.login-brand .brand{width:100%;height:auto;justify-content:center;padding:0}.login-brand .brand-logo{width:285px;max-width:90%}.brand-symbol,.brand-word{display:none}.login-brand .brand-logo{width:240px;max-width:82%}.academy-label{margin-top:8px;margin-bottom:10px;text-align:center;font-size:16px;font-weight:650;letter-spacing:.32em;color:#7770ff}.login-card>p{margin:0 0 28px;text-align:center;color:#8995aa;font-size:14px}.login-brand .brand-logo{width:215px;max-width:78%}.academy-label{margin-top:10px;margin-bottom:18px;text-align:center;font-size:12px;font-weight:650;letter-spacing:.26em;color:#8580ff}.login-card h1{margin:0;text-align:center;font-size:27px;font-weight:720;color:#f4f6fb}.login-card>p{margin:10px 0 28px;text-align:center;color:#8995aa;font-size:14px}