:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7fb;background:#090b0f;font-synthesis:none;--bg:#090b0f;--panel:#10141a;--panel2:#141922;--border:#232a36;--muted:#8f9bae;--text:#f4f7fb;--accent:#8ea4ff;--accent2:#c5d0ff;--good:#68d391;--warn:#f6c35b;--danger:#ff7a8a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,textarea,select{font:inherit}.boot{min-height:100vh;display:grid;place-items:center;font-size:28px;font-weight:700;letter-spacing:-.03em}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1180px;margin:auto;padding:48px}.login-brand{display:flex;gap:24px;align-items:center}.login-brand h1{font-size:64px;letter-spacing:-.05em;margin:0}.login-brand p{color:var(--muted);font-size:20px}.mark{width:76px;height:76px;border:1px solid #384154;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#151b25,#0d1016);font-weight:800;letter-spacing:-.08em}.mark.small{width:38px;height:38px;border-radius:12px;font-size:12px}.login-card{max-width:430px;width:100%;justify-self:end;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:18px}.login-card h2{font-size:32px;margin:0;letter-spacing:-.04em}.muted{color:var(--muted)}.eyebrow{color:#778399;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.login-card label,.modal label,.settings-form label{display:flex;flex-direction:column;gap:8px;color:#cbd3df;font-size:13px;font-weight:600}input,textarea,select{width:100%;background:#0b0e13;border:1px solid #29313e;color:var(--text);border-radius:12px;padding:12px 13px;outline:none;min-height:44px}input:focus,textarea:focus,select:focus{border-color:#6679b9;box-shadow:0 0 0 3px #8ea4ff17}.primary{border:0;background:var(--accent);color:#0b1020;font-weight:800;border-radius:12px;padding:12px 16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primary.small{min-height:38px;padding:8px 12px;font-size:13px}.primary:disabled{opacity:.55;cursor:wait}.secure-note{display:flex;align-items:center;gap:8px;color:#7f8ca2;font-size:12px}.error-box{background:#2b151a;border:1px solid #60303a;color:#ff9ba8;border-radius:10px;padding:10px 12px;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #1d232d;background:#0b0e13;padding:18px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:7px 8px 22px}.brand strong{display:block;font-size:14px}.brand span{display:block;color:#6f7a8c;font-size:11px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button,.mobile-nav button{border:0;background:transparent;color:#8e99aa;display:flex;align-items:center;gap:11px;border-radius:10px;padding:10px 11px;cursor:pointer;text-align:left}.sidebar nav button.active{background:#171c25;color:#f4f7fb}.sidebar nav button:hover{background:#121720;color:#d7deea}.sidebar-bottom{margin-top:auto;border-top:1px solid #1d232d;padding:16px 5px 0;display:flex;align-items:center;gap:8px}.user-chip{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.avatar{width:32px;height:32px;border-radius:50%;background:#202736;display:grid;place-items:center;font-size:12px;font-weight:800}.user-chip strong,.user-chip span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip strong{font-size:12px}.user-chip span{font-size:10px;color:#758095;max-width:120px}.icon-btn{width:40px;height:40px;border:1px solid #252d39;background:#10151c;color:#aab4c4;border-radius:11px;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{color:#fff;background:#171d26}.icon-btn.subtle{width:34px;height:34px;background:transparent;border-color:transparent}.workspace{min-width:0}.topbar{height:88px;border-bottom:1px solid #1b2029;padding:17px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#090b0fe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20}.topbar h1{margin:3px 0 0;font-size:24px;letter-spacing:-.04em}.top-actions{display:flex;gap:9px;align-items:center}.search{display:flex;align-items:center;gap:8px;background:#0c1016;border:1px solid #242b36;border-radius:11px;padding:0 11px;color:#667185}.search input{border:0;background:transparent;box-shadow:none;padding:0;width:220px;min-height:38px}.content{padding:24px 28px 90px;max-width:1500px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between}.metric span{display:block;color:#8b97aa;font-size:12px}.metric strong{display:block;font-size:28px;line-height:1.15;margin-top:5px;letter-spacing:-.04em}.metric svg{color:#66728a}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:17px;min-width:0;overflow:hidden}.panel-head{padding:17px 18px 11px}.panel-head h2{font-size:15px;margin:0;letter-spacing:-.02em}.panel-head p{font-size:11px;color:#7e899b;margin:4px 0 0}.quick-add{display:flex;gap:8px;padding:0 14px 12px}.quick-add input{min-height:38px;padding:8px 11px;background:#0c1016}.quick-add button{width:38px;border-radius:10px;border:1px solid #2a3443;background:#171d27;color:#c6d1e3;cursor:pointer}.list{display:flex;flex-direction:column}.row{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-top:1px solid #1d232d}.row:first-child{border-top:0}.row-main{min-width:0;flex:1}.row-title{display:flex;align-items:center;gap:7px;min-width:0}.row-title strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time{margin-left:auto;color:#657085!important;font-size:10px}.row p{margin:6px 0 0;color:#9aa5b7;font-size:12px;line-height:1.5}.meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:5px;color:#6e798b;font-size:10px}.meta span{display:inline-flex;align-items:center;gap:4px}.subject{font-size:12px;color:#aeb8c7;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-btn{width:25px;height:25px;border-radius:8px;border:1px solid #344052;background:#11161e;color:#68758a;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.check-btn:hover{border-color:#6679b9;color:#cdd6ff}.badge{font-size:9px;text-transform:uppercase;letter-spacing:.07em;border:1px solid #2c3441;border-radius:999px;padding:3px 6px;color:#8f9aae;white-space:nowrap}.badge.high,.badge.warning{color:#f5ca73;border-color:#5c4a2e}.badge.urgent,.badge.error,.badge.critical{color:#ff929e;border-color:#61313a}.badge.low{color:#8aa9b8}.badge.ok{color:#85dda4;border-color:#2f5a40}.unread{width:6px;height:6px;border-radius:50%;background:transparent;margin-top:7px}.unread.on{background:#8ea4ff;box-shadow:0 0 0 3px #8ea4ff14}.row-actions{display:flex;gap:2px}.alert-dot{width:28px;height:28px;border-radius:9px;background:#18202a;color:#8391a5;display:grid;place-items:center;flex:0 0 auto}.alert-dot.warning{background:#2a2315;color:#f3c55e}.alert-dot.error,.alert-dot.critical{background:#2b171b;color:#ff8290}.timeline{display:flex;flex-direction:column}.event{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:13px 16px;border-top:1px solid #1d232d}.event:first-child{border-top:0}.event-time{border-right:1px solid #262d38}.event-time strong,.event-time span{display:block}.event-time strong{font-size:13px}.event-time span{font-size:10px;color:#728095;margin-top:2px}.event>div:last-child>strong{font-size:13px}.empty{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px}.empty-icon{width:44px;height:44px;border:1px solid #2a3240;border-radius:14px;display:grid;place-items:center;color:#6e7a8e;margin-bottom:12px}.empty strong{font-size:13px}.empty p{max-width:380px;color:#707c90;font-size:11px;line-height:1.55}.view-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.loading{height:180px;display:flex;gap:9px;align-items:center;justify-content:center;color:#7e8a9d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030508bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:#11151c;border:1px solid #2a323f;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:15px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h3{margin:3px 0 0;font-size:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audit{display:flex;flex-direction:column}.audit-item{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:12px 15px;border-top:1px solid #1d232d}.audit-item:first-child{border-top:0}.audit-icon{width:28px;height:28px;border-radius:9px;background:#151b24;color:#68758a;display:grid;place-items:center}.audit-item strong{display:block;font-size:12px;text-transform:capitalize}.audit-item span{display:block;color:#6d788b;font-size:10px;margin-top:2px}.audit-item time{color:#667185;font-size:10px}.settings-grid{align-items:start}.integration-list{display:flex;flex-direction:column}.integration{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px 16px;border-top:1px solid #1d232d}.integration:first-child{border-top:0}.integration-icon{width:36px;height:36px;border-radius:11px;background:#171d26;display:grid;place-items:center;color:#7d8ca4}.integration strong,.integration span{display:block}.integration strong{font-size:12px}.integration span{font-size:10px;color:#6f7a8b;margin-top:3px}.settings-form{padding:14px 16px 18px;display:flex;flex-direction:column;gap:14px}.settings-form small{color:#697589;font-weight:400}.toast{position:fixed;right:24px;bottom:24px;background:#edf1f9;color:#111827;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:700;z-index:100;box-shadow:0 10px 45px #00000059}.mobile-nav{display:none}@media (max-width:980px){.app-shell{grid-template-columns:86px 1fr}.sidebar{padding:18px 10px}.brand>div:last-child,.sidebar nav button span,.user-chip>div:last-child{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.sidebar nav button{justify-content:center}.sidebar-bottom{justify-content:center}.user-chip{flex:0}.metrics{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.login-page{grid-template-columns:1fr;gap:50px}.login-card{justify-self:start}.login-brand h1{font-size:48px}}@media (max-width:680px){.app-shell{display:block}.sidebar{display:none}.workspace{padding-bottom:68px}.topbar{height:76px;padding:13px 16px}.topbar h1{font-size:21px}.top-actions .search{display:none}.content{padding:16px 12px 88px}.metrics{gap:8px}.metric{padding:13px}.metric strong{font-size:23px}.grid-2{gap:10px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:68px;background:#0a0d12f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #242b36;display:grid;grid-template-columns:repeat(5,1fr);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{flex-direction:column;justify-content:center;gap:3px;padding:5px;color:#6f7a8d;font-size:9px}.mobile-nav button.active{color:#e9eef8}.login-page{padding:24px;display:flex;flex-direction:column;justify-content:center}.login-brand{align-self:flex-start}.login-brand h1{font-size:38px}.login-brand p{font-size:15px}.mark{width:58px;height:58px;border-radius:18px}.login-card{padding:24px;border-radius:19px}.form-row{grid-template-columns:1fr}.toast{right:12px;bottom:82px}.row{padding:12px}.row-actions{flex-direction:column}.audit-item{grid-template-columns:28px 1fr}.audit-item time{display:none}}