:root{color-scheme:dark;--bg: #090d14;--sidebar: #0d121b;--surface: #111824;--surface2: #151e2b;--border: #253143;--soft: #1c2736;--text: #edf4fb;--muted: #8998aa;--blue: #38bdf8;--green: #34d399;--amber: #fbbf24;--red: #fb7185;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,a{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--soft);z-index:3}.brand-row{height:72px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--soft)}.brand-logo{width:112px}.console-label{margin-left:10px;padding-left:10px;border-left:1px solid var(--border);color:#a9b7c7;font-size:12px;font-weight:600}.product-switcher{margin:16px 12px;position:relative}.product-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);text-align:left;cursor:pointer}.product-trigger:hover,.product-trigger[aria-expanded=true]{border-color:#3a4a5e;background:var(--surface2)}.product-caret{margin-left:auto;color:var(--muted);font-size:16px;line-height:1;transition:transform .15s ease}.product-caret.open{transform:rotate(180deg)}.product-menu{position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:5;padding:5px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);box-shadow:0 18px 35px #00000073}.product-option{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer}.product-option.active{background:#38bdf81f}.product-option:disabled{cursor:not-allowed;opacity:.48}.product-check{margin-left:auto;color:var(--blue)}.product-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#0ea5e9,#2563eb);font-size:10px;font-weight:800}.qutrust{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}.product-copy,.product-option>span:nth-child(2){display:flex;flex-direction:column}.product-copy small,.product-option small{color:var(--muted);font-size:10px}.nav-list{padding:4px 10px}.nav-item{height:40px;display:flex;align-items:center;padding:0 10px;margin:2px 0;border-radius:8px;color:#91a0b1;text-decoration:none;font-size:12.5px;font-weight:600}.nav-item:hover{background:#192433;color:var(--text)}.nav-item.active{background:#38bdf81f;color:#dff5ff;box-shadow:inset 2px 0 var(--blue)}.nav-alert{margin-left:auto;padding:2px 6px;border-radius:9px;background:#fb71851f;color:#ffb3bd;font-size:10px}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--soft)}.environment{display:flex;align-items:center;gap:8px;color:#657487;font-size:10px}.environment span,.updated span{width:7px;height:7px;border-radius:50%;background:var(--green)}.user-card{display:flex;align-items:center;gap:9px;margin-top:10px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#17435d;font-size:10px}.user-card small{display:block;color:var(--muted);font-size:10px}.user-identity{min-width:0;flex:1}.user-identity strong,.user-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out-button{padding:4px;border:0;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}.sign-out-button:hover{color:var(--text)}.main-content{min-height:100vh;margin-left:264px}.topbar{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--soft);background:#090d14e6}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px}.breadcrumb{margin:0 0 2px;color:#657487;font-size:10px}.topbar h1{margin:0;font-size:17px}.icon-button{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer}.menu-button,.sidebar-close{display:none}.notification-dot{width:7px;height:7px;border-radius:50%;background:var(--red)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--blue);background:var(--blue);color:#052333;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}.secondary-button{border-color:var(--border);background:var(--surface2);color:#cbd7e3}.page{max-width:1500px;margin:auto;padding:28px 30px 42px}.page-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-intro h2{margin:0 0 5px;font-size:22px}.page-intro p,.panel-header p{margin:0;color:var(--muted);font-size:11px}.updated{display:flex;gap:8px;color:var(--muted);font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card,.panel{min-width:0;border:1px solid var(--soft);border-radius:10px;background:var(--surface)}.metric-card{padding:15px 16px;min-height:154px}.metric-top{display:flex;justify-content:space-between;margin-bottom:15px}.metric-icon,.row-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#38bdf81a;color:var(--blue)}.tone-1{color:#a78bfa;background:#a78bfa1a}.tone-2{color:var(--amber);background:#fbbf241a}.tone-3{color:var(--red);background:#fb71851a}.trend,.status,.count-badge{padding:3px 7px;border-radius:999px;background:#ffffff0d;color:var(--muted);font-size:9px}.metric-card p{margin:0 0 5px;color:#a2b0c0;font-size:11px}.metric-card strong{display:block;font-size:24px}.metric-card small{color:#657487;font-size:9.5px}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:13px;margin-top:13px}.panel-header{min-height:61px;padding:14px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--soft)}.panel-header h3{margin:0 0 4px;font-size:12.5px}.text-button{border:0;background:transparent;color:var(--blue);font-size:10px;text-decoration:none}.chart-summary{display:flex;justify-content:space-between;padding:16px 18px 2px}.chart-summary strong{display:block;font-size:21px}.chart-summary span,.legend{color:var(--muted);font-size:9px}.legend-line{display:inline-block;width:17px;height:2px;background:var(--blue)}.chart{height:197px;margin:0 18px 14px;position:relative}.grid-lines{position:absolute;inset:10px 0 25px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines span{border-top:1px dashed #263244}.chart svg{position:absolute;inset:10px 0 25px;width:100%;height:calc(100% - 35px)}.chart-area{fill:#38bdf833}.chart-line{fill:none;stroke:var(--blue);stroke-width:2.2}.chart-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#657487;font-size:9px}.attention-row{min-height:62px;display:flex;align-items:center;gap:11px;padding:9px 15px;border-bottom:1px solid var(--soft);text-decoration:none}.attention-row:hover{background:#192433}.attention-row>span:nth-child(2){display:flex;flex-direction:column}.attention-row strong{font-size:10.5px}.attention-row small{color:var(--muted);font-size:9px}.chevron{margin-left:auto;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{padding:9px 15px;background:#0e1520;color:#657487;text-align:left;font-size:8.5px;text-transform:uppercase}td{padding:11px 15px;border-top:1px solid var(--soft);color:#b5c1cf;white-space:nowrap}td strong,td small{display:block}td small{color:#657487;font-size:8.5px}.timeline{list-style:none;margin:0;padding:8px 16px}.timeline li{display:flex;gap:10px;padding:9px 0}.timeline-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#38bdf81a;color:var(--blue);font-size:8px;font-weight:800}.timeline strong{font-size:10px}.timeline p,.timeline small{margin:3px 0;color:#96a5b5;font-size:9px}.state,.placeholder-view{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.state h2,.placeholder-view h2{color:var(--text)}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgb(56 189 248 / .08),transparent 34%),var(--bg)}.auth-layout>router-outlet{display:none}.auth-layout>app-auth-page{display:contents}.auth-card{width:min(100%,440px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:36px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 24px 70px #0000004d}.auth-card .spinner{align-self:center}.auth-logo{width:142px;margin-bottom:10px}.auth-card h1{margin:0;font-size:24px}.auth-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.auth-card .auth-eyebrow{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.auth-card .auth-notice{width:100%;padding:10px 12px;border:1px solid rgb(251 191 36 / .25);border-radius:8px;background:#fbbf2414;color:#fde68a}.auth-actions{display:flex;flex-wrap:wrap;gap:10px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-scrim{display:none}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-close,.menu-button{display:grid}.sidebar-scrim.visible{display:block;position:fixed;inset:0;z-index:2;border:0;background:#0008}.main-content{margin-left:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.page{padding:22px 16px}.topbar{padding:0 16px}.topbar-actions .primary-button{display:none}}@media(max-width:500px){.auth-layout{padding:14px}.auth-card{padding:26px 22px}.metric-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;gap:8px;flex-direction:column}.updated{order:-1}.topbar h1{font-size:15px}}