:root{--brand:#1657d0;--brand-600:#1247ad;--brand-50:#eef4ff;--brand-100:#dbe7ff;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--faint:#94a3b8;--line:#e2e8f0;--line-2:#cbd5e1;--bg:#f6f8fb;--surface:#ffffff;--ok:#0e9f6e;--ok-bg:#e6f7f0;--warn:#c2740b;--warn-bg:#fdf4e3;--danger:#d92d20;--danger-bg:#fdecea;--info:#0b7fbe;--info-bg:#e6f4fb;--purple:#6d40c4;--purple-bg:#f2ecfd;--r:8px;--r-lg:12px;--shadow:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);--shadow-lg:0 10px 30px rgba(15,23,42,.12);--font:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:#fff;color:var(--ink-2);padding:8px 14px;border-radius:var(--r);font-weight:550;transition:.13s}.btn:hover{background:#f8fafc;border-color:var(--faint)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-600);border-color:var(--brand-600)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#eef2f7}.btn.sm{padding:5px 10px;font-size:12.5px}.btn.block{width:100%;justify-content:center;padding:11px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card-h{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-h h3{font-size:14.5px}.card-b{padding:18px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:650;letter-spacing:.01em}.b-open{background:var(--info-bg);color:var(--info)}.b-prog{background:var(--purple-bg);color:var(--purple)}.b-hold{background:var(--warn-bg);color:var(--warn)}.b-closed{background:#eef2f6;color:var(--muted)}.b-ok{background:var(--ok-bg);color:var(--ok)}.b-crit{background:var(--danger-bg);color:var(--danger)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.pri{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px}.pri i{width:8px;height:8px;border-radius:2px;display:inline-block;transform:rotate(45deg)}.pri.urgent{color:var(--danger)}.pri.urgent i{background:var(--danger)}.pri.high{color:#e0691a}.pri.high i{background:#e0691a}.pri.med{color:var(--warn)}.pri.med i{background:var(--warn)}.pri.low{color:var(--muted)}.pri.low i{background:var(--faint)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:650;padding:10px 14px;background:#fbfcfe}td,th{border-bottom:1px solid var(--line)}td{padding:12px 14px;vertical-align:middle}tbody tr{cursor:pointer;transition:.1s}tbody tr:hover{background:var(--brand-50)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-100);color:var(--brand-600);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none}.avatar.lg{width:38px;height:38px;font-size:13px}label.f{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}input.f,select.f,textarea.f{width:100%;padding:9px 12px;border:1px solid var(--line-2);border-radius:var(--r);font-family:inherit;font-size:14px;background:#fff;color:var(--ink)}input.f:focus,select.f:focus,textarea.f:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}.hint{font-size:12px;color:var(--muted);margin-top:5px}.field{margin-bottom:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.switch{position:relative;width:40px;height:22px;background:var(--line-2);border-radius:999px;transition:.15s;flex:none;border:none}.switch.on{background:var(--ok)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.15s}.switch.on:after{left:20px}#screen-login,#screen-mfa{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#0d2a5e,#1657d0 55%,#3f83e8);padding:24px}.auth{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:34px;box-shadow:var(--shadow-lg)}.auth .logo{display:flex;align-items:center;gap:10px;margin-bottom:22px}.logo-mark{width:34px;height:34px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}.sec-note{margin-top:18px;padding:11px 13px;background:#f8fafc;border:1px solid var(--line);border-radius:var(--r);font-size:12px;color:var(--muted)}.otp,.sec-note{display:flex;gap:9px}.otp{justify-content:center;margin:8px 0 4px}.otp input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;border:1px solid var(--line-2);border-radius:10px}#app{display:none;min-height:100vh}#app.on{display:block}.topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--line);gap:14px;padding:0 18px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar,.topbar .logo{display:flex;align-items:center}.topbar .logo{gap:9px;font-weight:700;font-size:15px;width:214px;flex:none}.search{flex:1 1;max-width:440px;position:relative}.search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--line);background:#f8fafc;border-radius:var(--r);font-size:13.5px}.search svg{position:absolute;left:11px;top:9px;color:var(--faint)}.spacer{flex:1 1}.iconbtn{width:34px;height:34px;border-radius:8px;border:none;background:transparent;display:grid;place-items:center;color:var(--muted);position:relative}.iconbtn:hover{background:#eef2f7;color:var(--ink)}.iconbtn .n{position:absolute;top:3px;right:3px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;padding:1px 4px}.iconbtn .n,.who{border-radius:999px}.who{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px;cursor:pointer}.who:hover{background:#eef2f7}.who .nm{font-size:12.5px;font-weight:600;line-height:1.2}.who .rl{font-size:11px;color:var(--muted)}.body{display:flex}.side{width:214px;flex:none;background:var(--surface);border-right:1px solid var(--line);height:calc(100vh - 56px);position:-webkit-sticky;position:sticky;top:56px;padding:14px 10px;overflow-y:auto}.side .grp{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:700;padding:14px 10px 6px}.nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r);color:var(--ink-2);font-weight:550;font-size:13.5px;cursor:pointer;margin-bottom:1px}.nav:hover{background:#f1f5f9}.nav.active{background:var(--brand-50);color:var(--brand-600);font-weight:650}.nav .c{margin-left:auto;font-size:11px;background:#eef2f6;color:var(--muted);padding:1px 7px;border-radius:999px;font-weight:650}.nav.active .c{background:var(--brand-100);color:var(--brand-600)}.main{flex:1 1;padding:22px;min-width:0}.page-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-h h1{font-size:21px}.page-h p{margin:4px 0 0;color:var(--muted);font-size:13.5px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow)}.kpi .l{font-size:12px;color:var(--muted);font-weight:600}.kpi .v{font-size:27px;font-weight:700;margin:6px 0 2px;letter-spacing:-.02em}.kpi .d{font-size:12px;font-weight:600}.up{color:var(--ok)}.down{color:var(--danger)}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.chip{padding:6px 12px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-2)}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.sla{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650}.bar{width:52px;height:5px;background:#eef2f6;overflow:hidden}.bar,.bar span{border-radius:999px}.bar span{display:block;height:100%}.detail{display:grid;grid-template-columns:1fr 320px;grid-gap:18px;gap:18px;align-items:start}.thread{display:flex;flex-direction:column;gap:14px}.msg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.msg .h{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.msg .h .t{font-size:12px;color:var(--muted);margin-left:auto}.msg .c{padding:16px;font-size:13.5px;color:var(--ink-2)}.msg.internal{background:#fffbeb;border-color:#fde9b8}.msg.internal .h{border-bottom-color:#fde9b8}.msg.sys{border-style:dashed}.attach,.msg.sys{background:#f8fafc}.attach{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 11px;border-radius:var(--r);font-size:12.5px;color:var(--ink-2);margin-top:10px}.meta-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.meta-row:last-child{border:none}.meta-row .k{color:var(--muted)}.meta-row .v{font-weight:600;text-align:right}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer}.tab:hover{color:var(--ink)}.tab.on{color:var(--brand);border-bottom-color:var(--brand)}.portal-top{background:linear-gradient(120deg,#0d2a5e,#1657d0);color:#fff;padding:0}.portal-nav{height:60px;display:flex;align-items:center;gap:22px;padding:0 28px;max-width:1120px;margin:0 auto}.portal-nav a{color:#dbe7ff;font-weight:550;font-size:14px;cursor:pointer}.portal-nav a.on,.portal-nav a:hover{color:#fff}.portal-hero{max-width:1120px;margin:0 auto;padding:38px 28px 46px;text-align:center}.portal-hero h1{font-size:29px;color:#fff}.portal-hero p{color:#c3d8fb;margin:8px 0 22px}.portal-search{max-width:560px;margin:0 auto;position:relative}.portal-search input{width:100%;padding:14px 16px 14px 44px;border-radius:10px;border:none;font-size:15px}.portal-search svg{position:absolute;left:15px;top:15px;color:var(--faint)}.portal-body{max-width:1120px;margin:0 auto;padding:26px 28px 60px}.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.kb-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow);cursor:pointer;transition:.15s}.kb-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kb-ico{width:38px;height:38px;border-radius:10px;background:var(--brand-50);color:var(--brand);display:grid;place-items:center;margin-bottom:12px}.audit-row{display:grid;grid-template-columns:150px 1fr;grid-gap:14px;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.sev{width:3px;border-radius:2px;background:var(--line-2)}.ctrl{display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.ctrl:last-child{border:none}.ctrl .t{font-weight:650;font-size:13.5px}.ctrl .d{font-size:12.5px;color:var(--muted);margin-top:3px;max-width:560px}.chart{height:210px;display:flex;align-items:flex-end;gap:10px;padding:14px 4px 0}.chart .col{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;height:100%}.chart .col .s{border-radius:3px 3px 0 0}.chart .lbl{text-align:center;font-size:11px;color:var(--muted);margin-top:7px}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:12px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px}.banner{display:flex;gap:11px;padding:13px 15px;border-radius:var(--r);font-size:13px;margin-bottom:16px;align-items:flex-start}.banner.info{background:var(--info-bg);color:#0a5c8a;border:1px solid #bfe3f5}.banner.warn{background:var(--warn-bg);color:#8a5205;border:1px solid #f5dfae}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.kb-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.side{display:none}.grid2,.kb-grid{grid-template-columns:1fr}}.auth-screen{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#0d2a5e,#1657d0 55%,#3f83e8);padding:24px}.app-root,.auth-screen{min-height:100vh}.nav{-webkit-user-select:none;-moz-user-select:none;user-select:none}.link{color:var(--brand);cursor:pointer}.err{background:var(--danger-bg);color:var(--danger);border:1px solid #f6c8c3;padding:11px 13px;border-radius:var(--r);font-size:13px;margin-bottom:16px}