:root{color:#102a56;font-synthesis:none;--blue:#0869b8;--blue2:#0d86d8;--nav:#063d72;--line:#d8e3ec;--muted:#64748b;--red:#ef4444;--yellow:#f59e0b;--green:#22c55e;background:#eef4f8;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{color:#102a56;background:#eef4f8;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#17345f;background:#fff;border:1px solid #cfdce8;border-radius:8px;padding:9px 13px}button:hover{background:#f5f8fb}.primary{background:linear-gradient(180deg,var(--blue2),var(--blue));border-color:var(--blue);color:#fff;font-weight:700}.danger{color:#b91c1c;background:#fff1f2;border-color:#fecdd3}.app-loading{min-height:100vh;color:var(--blue);place-items:center;font-size:34px;font-weight:800;display:grid}.login-page{background:linear-gradient(140deg,#eaf5ff,#f7fbfe 60%,#dcecf8);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border:1px solid #dbe8f2;border-radius:20px;width:min(430px,100%);padding:34px;box-shadow:0 20px 60px #0b3a6630}.login-card h1{margin:18px 0 5px}.login-card p{color:var(--muted);margin:0 0 24px}.login-card form,.stack-form{gap:15px;display:grid}.login-card label,.stack-form label,.field{color:#334155;gap:6px;font-size:13px;font-weight:700;display:grid}.login-card input,.stack-form input,.stack-form select,.field input,.field select,.field textarea,.toolbar input,.toolbar select{color:#102a56;background:#fff;border:1px solid #cbd8e3;border-radius:8px;outline:none;width:100%;padding:10px 11px}.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus{border-color:#43a6df;box-shadow:0 0 0 3px #55b5ee22}.app-shell{min-height:100vh}.topbar{z-index:50;background:#fff;border-bottom:1px solid #dce6ee;align-items:center;gap:14px;height:72px;padding:0 22px;display:flex;position:fixed;inset:0 0 auto}.topbar-brand{text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.topbar-brand:hover{background:0 0}.topbar-brand img{object-fit:contain;width:52px;height:52px}.topbar-brand strong{letter-spacing:.3px;color:#0b1b33;font-size:24px;font-weight:900;line-height:1;display:block}.topbar-brand small{color:#334155;margin-top:4px;font-size:11px;display:block}.topbar-spacer{flex:1}.bell-button{color:#475569;background:0 0;border:0;border-radius:10px;padding:8px;position:relative}.bell-button b{color:#fff;background:#d03b3b;border:2px solid #fff;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;display:grid;position:absolute;top:0;right:0}.user-box{border-left:1px solid #e2e8f0;align-items:center;gap:12px;padding-left:14px;display:flex}.user-box strong,.user-box span{text-align:right;display:block}.user-box strong{font-size:14px}.user-box span{color:var(--muted);margin-top:2px;font-size:11px}.user-box button{color:#475569;place-items:center;padding:8px;display:grid}.menu-button{color:#334155;background:0 0;border:0;padding:8px;display:none}.sidebar{z-index:40;background:#fff;border-right:1px solid #e2e8f0;width:250px;position:fixed;top:72px;bottom:0;left:0;overflow-y:auto}.sidebar nav{gap:3px;padding:16px 12px;display:grid}.sidebar nav button{color:#1e293b;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:11px 14px;font-size:15px;display:flex}.sidebar nav button:hover{background:#f1f5f9}.sidebar nav button.active{color:#1d5fb4;background:#e8f1fc;font-weight:700}.nav-icon{color:#475569;place-items:center;display:grid}.sidebar nav button.active .nav-icon{color:#1d5fb4}.sidebar hr{border:0;border-top:1px solid #e2e8f0;margin:12px 8px}.content{max-width:1950px;margin-left:250px;padding:96px 28px 28px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-heading h1{color:#0b1b33;margin:0;font-size:30px}.page-heading p{color:var(--muted);margin:6px 0 0;font-size:15px}.heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.heading-actions .primary{white-space:nowrap;align-items:center;gap:7px;padding:10px 16px;display:inline-flex}.primary.green{background:linear-gradient(#1fa060,#15864f);border-color:#15864f}.panel{background:#fff;border:1px solid #d9e5ee;border-radius:15px;overflow:hidden;box-shadow:0 7px 22px #123b5f0b}.panel-head{background:linear-gradient(#fafdff,#f5f9fc);border-bottom:1px solid #e4edf4;padding:15px 18px}.panel-head h2{margin:0;font-size:18px}.dashboard-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.dashboard-grid>.panel{min-width:0}.dashboard-grid td{vertical-align:middle}.dashboard-grid .stack-form{padding:18px}.dashboard-grid .stack-form .primary{margin-top:4px}.muted{color:var(--muted)}.dash-loading{padding:24px}.shortcuts{position:relative}.shortcuts>button{align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.shortcuts-menu{z-index:30;background:#fff;border:1px solid #dce6ee;border-radius:12px;min-width:250px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 40px #0f2a4a26}.shortcuts-menu button{text-align:left;border:0;align-items:center;gap:10px;padding:9px 10px;display:flex}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi-card{text-align:left;color:#0b1b33;border:1px solid #0000000d;border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex}.kpi-card:hover{filter:brightness(.98)}.kpi-icon{background:#ffffffb3;border-radius:13px;flex:none;place-items:center;width:52px;height:52px;display:grid}.kpi-body{flex:1;gap:2px;min-width:0;display:grid}.kpi-body strong{font-size:32px;line-height:1.05}.kpi-body em{overflow-wrap:break-word;font-size:16px;font-style:normal;font-weight:700}.kpi-counts{text-align:right;white-space:nowrap;gap:5px;display:grid}.kpi-counts small{color:#475569;font-size:14px}.kpi-counts b{color:#0b1b33}.chart-grid{grid-template-columns:1.45fr 1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.table-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.chart-panel,.table-grid .panel{min-width:0}.chart-panel{overflow:visible}.chart-head{justify-content:space-between;align-items:center;padding:14px 18px 4px;display:flex}.chart-head h2{color:#0b1b33;margin:0;font-size:18px}.link-button{color:#1d6fd0;background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-weight:600;display:inline-flex}.chart-body{padding:2px 16px 12px;position:relative}.chart-svg{width:100%;height:auto;display:block}.grid-line{stroke:#e8eef3;stroke-width:1px}.axis-text{fill:#64748b;font-size:12px}.value-text{fill:#334155;font-size:12px;font-weight:600}.empty-text{fill:#94a3b8;font-size:13px}.legend{color:#334155;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:2px;font-size:13px;display:flex}.legend span,.donut-legend div{align-items:center;gap:7px;display:inline-flex}.legend i,.donut-legend i,.chart-tip i{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.chart-tip{pointer-events:none;z-index:5;color:#fff;background:#0f1d33;border-radius:9px;gap:4px;min-width:170px;padding:9px 11px;font-size:12px;display:grid;position:absolute;box-shadow:0 8px 24px #0005}.chart-tip span{align-items:center;gap:7px;display:flex}.chart-tip em{margin-left:auto;padding-left:12px;font-style:normal;font-weight:700}.chart-tip .tip-total{border-top:1px solid #ffffff30;margin-top:2px;padding-top:4px}.donut-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding-top:6px;display:flex}.donut-svg{flex:none;width:128px;height:128px}.donut-total{fill:#0b1b33;font-size:26px;font-weight:800}.donut-legend{color:#334155;gap:9px;font-size:14px;display:grid}.donut-legend div{grid-template-columns:12px 1fr auto;gap:9px;display:grid}.donut-legend strong{color:#0b1b33;text-align:right}.donut-legend small{color:#64748b;font-weight:400}.severity-bars{gap:9px;padding:10px 18px 14px;display:grid}.sev-row{color:#334155;grid-template-columns:78px 1fr 28px;align-items:center;gap:10px;font-size:14px;display:grid}.sev-label{text-align:right}.sev-track{height:18px;display:block}.sev-track i{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.sev-row strong{color:#0b1b33;font-size:13px}.sev-axis{border-top:1px solid #e8eef3;grid-template-columns:78px 1fr 28px;gap:10px;padding-top:6px;display:grid}.sev-ticks{color:#64748b;justify-content:space-between;font-size:11px;display:flex}.sev-ticks em{font-style:normal}.table-wrap.compact table{min-width:560px}.table-wrap.compact td{vertical-align:middle;white-space:nowrap;font-size:13.5px}.table-wrap.compact td.wrap{white-space:normal;min-width:160px}.case-link{color:#1d6fd0;font-weight:700}.overdue-date{color:#c62828;font-weight:600}.empty-row td{color:var(--muted);cursor:default}.pill{white-space:nowrap;border-radius:7px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-block}.pill-good{color:#11661b;background:#e3f5e3}.pill-warn{color:#7a5200;background:#fdf1d3}.pill-serious{color:#9a3a14;background:#fde6dc}.pill-critical{color:#a61e1e;background:#fde2e2}.pill-info{color:#1d56a3;background:#e5effc}.pill-muted{color:#475569;background:#eef1f5}.quick-tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.quick-tile{text-align:left;border:1px solid #0000000a;border-radius:13px;align-items:flex-start;gap:12px;padding:16px 14px;display:flex}.quick-tile:hover{filter:brightness(.98)}.tile-icon{background:#ffffffc0;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid}.quick-tile strong{margin-bottom:3px;font-size:15px;display:block}.quick-tile small{color:#475569;font-size:12.5px;line-height:1.35;display:block}.quick-tile>span:last-child{overflow-wrap:anywhere;min-width:0}.toolbar{border-bottom:1px solid #e4edf4;gap:9px;padding:12px;display:flex}.toolbar input{max-width:420px}.toolbar select{max-width:190px}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:760px}.table-wrap th{color:#425b76;text-transform:none;text-align:left;white-space:nowrap;background:#f5f9fc;border-bottom:1px solid #dce6ee;padding:11px 12px;font-size:12px;position:sticky;top:0}.table-wrap td{vertical-align:top;border-bottom:1px solid #edf2f6;padding:11px 12px;font-size:13px}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover{background:#f6fbff}.form-panel{padding:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field>span{color:#445a70;font-size:12px}.field textarea{resize:vertical}.span-2{grid-column:span 2}.checkbox-field{background:#f8fafc;border:1px solid #dde6ed;border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.checkbox-field input{width:18px;height:18px}.error-banner,.success-banner{border-radius:9px;margin-bottom:12px;padding:11px 13px}.error-banner{color:#a31818;background:#fff1f2;border:1px solid #fecdd3}.success-banner{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.attachments{border-top:1px solid #e3ebf1;margin-top:22px;padding-top:18px}.attachments h3{margin-top:0}.upload-row{align-items:center;gap:8px;display:flex}.attachments ul{gap:7px;margin:14px 0 0;padding:0;list-style:none;display:grid}.attachments li{background:#f8fafc;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.attachments li span{color:var(--muted);font-size:12px}.backdrop{display:none}@media (width<=1750px){.quick-tile{flex-direction:column;gap:10px}}@media (width<=1600px){.kpi-card{gap:12px;padding:16px 16px 16px 18px}.kpi-icon{display:none}}@media (width<=1500px){.chart-grid{grid-template-columns:1fr 1fr}.chart-grid>:first-child{grid-column:span 2}.quick-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-grid{grid-template-columns:1fr}}@media (width<=900px){.kpi-icon{display:grid}.quick-tile{flex-direction:row}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 30px #0f2a4a30}.content{margin-left:0;padding:86px 14px 14px}.menu-button{place-items:center;display:grid}.backdrop{z-index:30;background:#001f3550;display:block;position:fixed;inset:72px 0 0}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}.chart-grid>:first-child{grid-column:auto}.quick-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.topbar{gap:8px;padding:0 12px}.topbar-brand small,.user-box div{display:none}.user-box{padding-left:8px}}@media (width<=560px){.quick-tiles{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card{flex-direction:column;gap:10px;padding:14px}.kpi-icon{width:40px;height:40px}.kpi-body strong{font-size:26px}.kpi-body em{font-size:14px}.kpi-counts{text-align:left}.kpi-counts small{font-size:13px}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions>*{flex:auto}.heading-actions .primary,.shortcuts>button{justify-content:center;width:100%}.toolbar{flex-direction:column}.toolbar input,.toolbar select{max-width:none}.page-heading h1{font-size:25px}}.brand-logo{object-fit:contain;width:84px;height:84px;display:block}