:root{--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f8fafc;--border: #e3e8f0;--ink: #0f1b2d;--ink-2: #4a5a72;--ink-3: #7a889e;--accent: #3b82f6;--accent-deep: #1d4ed8;--accent-soft: #e8f0fe;--ok: #16a34a;--ok-soft: #e7f6ec;--warn: #d97706;--warn-soft: #fdf3e2;--bad: #dc2626;--bad-soft: #fdecec;--nav: #0a1628;--nav-2: #162a4a;--nav-ink: #a8b7ce;--radius: 12px;--shadow: 0 1px 2px rgba(15, 27, 45, .06), 0 4px 16px rgba(15, 27, 45, .06);--ok-ink: #13703a;--warn-ink: #b45309;--bad-ink: #b91c1c;--purple: #7c3aed;--purple-soft: #f1eafe;--nav-active-ink: #f2f6fc;--accent-strong: #2563eb;--border-strong: #cfd7e3;--radius-sm: 8px;--shadow-lg: 0 12px 40px rgba(15, 27, 45, .18);--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-muted: #c3ccd9;--ramp-1: #86b6ef;--ramp-2: #5598e7;--ramp-3: #2a78d6;--ramp-4: #1c5cab;--grid: #edf0f5;--axis: #cfd7e3;--font-ui: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Overpass", "Onest", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w: 248px;--topbar-h: 64px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4{margin:0;line-height:1.25;color:var(--ink)}p{margin:0}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.mono{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}.muted{color:var(--ink-3)}.ink-2{color:var(--ink-2)}.t-ok{color:var(--ok-ink)}.t-warn{color:var(--warn-ink)}.t-bad{color:var(--bad-ink)}.small{font-size:12px}.nowrap{white-space:nowrap}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right{text-align:right}.row{display:flex;align-items:center;gap:8px}.row-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--nav);color:var(--nav-ink);display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:20px 20px 18px;color:var(--nav-active-ink);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;flex:none}.brand-name{font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1.1;color:#fff}.brand-sub{font-size:12px;color:var(--nav-ink)}.nav{flex:1;overflow-y:auto;padding:8px 0}.nav-section{padding:16px 20px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6c7f9c}.nav-link{position:relative;display:flex;align-items:center;gap:12px;margin:2px 12px;padding:10px 12px;border-radius:10px;color:var(--nav-ink);font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:#ffffff0a;color:var(--nav-active-ink);text-decoration:none}.nav-link.active{background:var(--nav-2);color:var(--nav-active-ink)}.nav-link.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-link svg{flex:none;opacity:.9}.nav-badge{margin-left:auto;min-width:20px;padding:0 6px;border-radius:10px;background:var(--bad);color:#fff;font-size:11px;font-weight:600;line-height:20px;text-align:center}.sidebar-foot{padding:14px 16px 18px;border-top:1px solid rgba(168,183,206,.12);display:flex;align-items:center;gap:10px}.sidebar-foot .who{min-width:0;flex:1}.sidebar-foot .who b{display:block;color:var(--nav-active-ink);font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot .who span{font-size:12px}.icon-btn-nav{border:0;background:transparent;color:var(--nav-ink);width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.icon-btn-nav:hover{background:#ffffff0f;color:#fff}.main{margin-left:var(--sidebar-w);min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 28px;background:#f4f6fae0;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent}.topbar.scrolled{border-bottom-color:var(--border)}.topbar-title{min-width:0;flex:1}.topbar-title h1{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-title .crumb{font-size:12px;color:var(--ink-3);display:flex;gap:6px;align-items:center}.topbar .burger{display:none}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.user-chip:hover{border-color:var(--border-strong)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-weight:600;font-size:12px;flex:none}.user-chip .uname{font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;z-index:60}.menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:none;border-radius:8px;text-align:left;color:var(--ink)}.menu-item:hover{background:var(--surface-2);text-decoration:none}.menu-item.danger{color:var(--bad-ink)}.content{flex:1;width:100%;max-width:1440px;padding:20px 28px 48px}.scrim{position:fixed;inset:0;background:#0a16287a;z-index:35;animation:fade-in .15s ease-out}@media(max-width:899px){.sidebar{transform:translate(-100%);transition:transform .22s ease;width:min(300px,86vw);box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.main{margin-left:0}.topbar .burger{display:inline-flex}.topbar{padding:0 16px;height:56px}.topbar-title h1{font-size:18px}.user-chip .uname{display:none}.user-chip{padding:3px}.content{padding:16px 16px 40px}}@keyframes fade-in{0%{opacity:0}}.btn{--h: 38px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 14px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:14px;line-height:1;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.btn:hover{text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-sm{--h: 32px;padding:0 10px;font-size:13px;border-radius:8px}.btn-lg{--h: 46px;padding:0 20px;font-size:15px}.btn-block{width:100%}.btn-icon{width:var(--h);padding:0}.btn-primary{background:var(--accent-strong);color:#fff;box-shadow:0 1px 2px #1d4ed840}.btn-primary:hover:not(:disabled){background:var(--accent-deep)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:#0f1b2d0d;color:var(--ink)}.btn-danger{background:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){background:var(--bad-ink)}.btn-danger-soft{background:var(--bad-soft);color:var(--bad-ink)}.btn-danger-soft:hover:not(:disabled){background:#fbdada}.btn.loading{color:transparent!important}.btn.loading>.spinner{position:absolute;inset:0;margin:auto}.btn-secondary.loading>.spinner,.btn-ghost.loading>.spinner{border-color:#0f1b2d26;border-top-color:var(--ink-2)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner.dark{border-color:#0f1b2d1f;border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field-label{font-size:13px;font-weight:500;color:var(--ink-2)}.field .req{color:var(--bad);margin-left:2px}.field-hint{font-size:12px;color:var(--ink-3)}.field-error{font-size:12px;color:var(--bad-ink)}.input,.select,.textarea{width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:14px;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical;line-height:1.5}.select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a889e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;text-overflow:ellipsis}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f62e}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--bad)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--ink-3);cursor:not-allowed}.input-sm,.select-sm{height:34px;font-size:13px;border-radius:8px}.input::placeholder,.textarea::placeholder{color:#a3aebf}.input-group{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:border-color .15s,box-shadow .15s;min-width:0}.input-group:hover{border-color:var(--border-strong)}.input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f62e}.input-group.invalid{border-color:var(--bad)}.input-group .input{border:0;box-shadow:none!important;background:transparent}.input-addon{display:flex;align-items:center;padding:0 12px;color:var(--ink-3);font-size:13px;white-space:nowrap}.input-addon.left{padding-right:0}.input-group .input.mono{font-size:14px}.search-box{position:relative;min-width:0}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search-box .input{padding-left:36px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.form-grid .span-2{grid-column:1 / -1}.form-section{grid-column:1 / -1;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-top:6px;border-top:1px solid var(--border);margin-top:4px}.form-section:first-child{border-top:0;padding-top:0;margin-top:0}@media(max-width:560px){.form-grid{grid-template-columns:minmax(0,1fr)}}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:16px;height:16px;accent-color:var(--accent-strong)}.segmented{display:inline-flex;padding:3px;border-radius:10px;background:#e9edf3;gap:2px;max-width:100%;overflow-x:auto}.segmented button{border:0;background:transparent;padding:6px 12px;border-radius:8px;color:var(--ink-2);font-weight:500;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.segmented button:hover{color:var(--ink)}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0f1b2d1a}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-pad{padding:20px}.card-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.card-head-titles{flex:1 1 200px;min-width:0}.card-head.flat{border-bottom:0;padding-bottom:4px}.card-title{font-size:15px;font-weight:600}.card-sub{font-size:12px;color:var(--ink-3)}.card-body{padding:16px 20px 20px}@media(max-width:560px){.card-pad{padding:16px}.card-head{padding:14px 16px}.card-body{padding:14px 16px 16px}}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;border:1px solid transparent;line-height:1}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-grey{background:#eef1f5;color:var(--ink-2)}.badge-blue{background:var(--accent-soft);color:var(--accent-deep)}.badge-purple{background:var(--purple-soft);color:var(--purple)}.badge-ok{background:var(--ok-soft);color:var(--ok-ink)}.badge-warn{background:var(--warn-soft);color:var(--warn-ink)}.badge-bad{background:var(--bad-soft);color:var(--bad-ink)}.badge-muted{background:#f1f3f6;color:var(--ink-3)}.badge-archived{background:transparent;color:var(--ink-3);border:1px dashed var(--ink-3)}.badge-dark{background:var(--nav);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.kpi{position:relative;padding:16px 18px;display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.kpi-label{font-size:13px;color:var(--ink-2);font-weight:500;display:flex;align-items:center;gap:6px}.kpi-value{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.15;letter-spacing:-.015em;color:var(--ink);overflow-wrap:anywhere}.kpi-value small{font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--ink-3);margin-left:4px;letter-spacing:0}.kpi.hero .kpi-value{font-size:34px}.kpi-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);min-height:18px}.delta{display:inline-flex;align-items:center;gap:2px;font-weight:600;font-size:12px}.delta.up{color:var(--ok-ink)}.delta.down{color:var(--bad-ink)}.delta.flat{color:var(--ink-3)}.kpi-spark{margin-top:6px;height:28px}.kpi.tone-bad .kpi-value{color:var(--bad-ink)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.table th{position:sticky;top:0;background:var(--surface-2);color:var(--ink-3);font-weight:500;font-size:12px;text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--ink)}.table th .sort-ind{display:inline-block;margin-left:4px;vertical-align:-2px;opacity:.35}.table th.sorted{color:var(--ink)}.table th.sorted .sort-ind{opacity:1;color:var(--accent)}.table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tbody tr.clickable:hover td{background:#f6f9fe}.table .right{text-align:right}.table .center{text-align:center}.table tfoot td{background:var(--surface-2);font-weight:600;border-top:1px solid var(--border);border-bottom:0}.cell-main{font-weight:500;color:var(--ink)}.cell-sub{font-size:12px;color:var(--ink-3)}.table.dense td,.table.dense th{padding:8px 12px}.table-refreshing{opacity:.55;transition:opacity .15s;pointer-events:none}.mcards{display:flex;flex-direction:column}.mcard{display:block;padding:14px 16px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.mcard:last-child{border-bottom:0}.mcard:hover{text-decoration:none;background:#f6f9fe}.mcard-top{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.mcard-title{font-weight:600;min-width:0;overflow-wrap:anywhere}.mcard-meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--ink-2)}.mcard-meta span b{color:var(--ink);font-weight:500}.pager{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-wrap:wrap;font-size:13px;color:var(--ink-3)}.pager .pages{display:flex;gap:4px;margin-left:auto}.pager .pages button{min-width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);font-size:13px;padding:0 8px}.pager .pages button.on{background:var(--accent-soft);border-color:#bcd3fb;color:var(--accent-deep);font-weight:600}.pager .pages button:disabled{opacity:.45;cursor:default}.pager .pages .gap{align-self:center;padding:0 2px}.skel{display:block;border-radius:6px;background:linear-gradient(90deg,#edf0f5,#f6f8fb,#edf0f5 80%);background-size:300% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 20px;color:var(--ink-3)}.empty-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-3);margin-bottom:4px}.empty-title{color:var(--ink);font-weight:600;font-size:15px}.empty-text{max-width:360px;font-size:13px}.empty.compact{padding:20px 12px}.error-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:var(--radius);background:var(--bad-soft);color:var(--bad-ink);border:1px solid #f6c9c9}.callout{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:13px;background:var(--accent-soft);color:#1e3a8a}.callout.warn{background:var(--warn-soft);color:#7c3d06}.callout.bad{background:var(--bad-soft);color:var(--bad-ink)}.callout.ok{background:var(--ok-soft);color:var(--ok-ink)}.callout svg{flex:none;margin-top:1px}.modal-layer{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 24px;background:#0a162880;overflow-y:auto;animation:fade-in .15s ease-out}.modal{width:100%;max-width:520px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:pop-in .18s ease-out}.modal.wide{max-width:760px}.modal.narrow{max-width:420px}.modal-head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px}.modal-head h2{font-size:18px;font-weight:600;flex:1}.modal-head p{margin-top:4px;color:var(--ink-3);font-size:13px}.modal-body{padding:4px 20px 20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 16px 16px;flex-wrap:wrap}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:560px){.modal-layer{padding:0;align-items:flex-end}.modal,.modal.wide,.modal.narrow{max-width:none;border-radius:16px 16px 0 0;max-height:94vh;overflow-y:auto}.modal-foot{border-radius:0;position:sticky;bottom:0}.modal-foot .btn{flex:1}}.drawer-layer{position:fixed;inset:0;z-index:100;background:#0a162880;animation:fade-in .15s ease-out}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide-in .2s ease-out}.drawer-body{flex:1;overflow-y:auto;padding:4px 20px 20px}@keyframes slide-in{0%{transform:translate(40px);opacity:0}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;margin-bottom:16px}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;border:0;background:none;padding:10px 14px 12px;color:var(--ink-3);font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tab:hover,.tab.on{color:var(--ink)}.tab.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}.tab .count{font-size:11px;background:#eef1f5;color:var(--ink-2);border-radius:10px;padding:1px 7px}.toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--nav);color:#e8eef8;box-shadow:var(--shadow-lg);font-size:13.5px;animation:toast-in .2s ease-out}.toast .t-icon{flex:none;margin-top:1px}.toast.ok .t-icon{color:#4ade80}.toast.error .t-icon{color:#f87171}.toast.info .t-icon{color:#93c5fd}.toast .t-text{flex:1;min-width:0;overflow-wrap:anywhere}.toast .t-close{border:0;background:none;color:#8799b5;padding:0;line-height:0}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media(max-width:560px){.toasts{left:16px;right:16px;bottom:16px;width:auto}}.kv{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:0;font-size:13.5px}.kv>dt{color:var(--ink-3);padding:9px 0;border-bottom:1px solid var(--border)}.kv>dd{margin:0;padding:9px 0 9px 12px;border-bottom:1px solid var(--border);overflow-wrap:anywhere;color:var(--ink)}.kv>dt:last-of-type,.kv>dd:last-of-type{border-bottom:0}.cred-box{border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-2);padding:16px;display:grid;gap:12px}.cred-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.cred-row span{color:var(--ink-3);font-size:13px}.cred-row b{font-family:var(--font-mono);font-weight:500;font-size:22px;letter-spacing:.04em;color:var(--ink);overflow-wrap:anywhere}.meter{height:8px;border-radius:4px;background:#e3edfb;overflow:hidden}.meter>i{display:block;height:100%;border-radius:4px;background:var(--series-1)}.meter.warn{background:#fbebd0}.meter.warn>i{background:var(--warn)}.meter.bad{background:#f9dcdc}.meter.bad>i{background:var(--bad)}.meter.ok{background:#d6f0de}.meter.ok>i{background:var(--ok)}.chart{position:relative;width:100%;min-width:0;outline:none;touch-action:pan-y}.chart:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:6px}.chart svg{display:block;overflow:visible}.chart .grid line{stroke:var(--grid);stroke-width:1;shape-rendering:crispEdges}.chart .baseline{stroke:var(--axis);stroke-width:1;shape-rendering:crispEdges}.chart .tick{font-size:11px;fill:var(--ink-3);font-variant-numeric:tabular-nums}.chart .crosshair{stroke:var(--ink-3);stroke-width:1;shape-rendering:crispEdges}.chart .end-label{font-size:11.5px;font-weight:600;fill:var(--ink-2)}.chart .col:hover,.chart .col.hot{filter:brightness(1.12)}.chart.refreshing{opacity:.55;transition:opacity .15s}.chart-panel-label{font-size:12px;font-weight:500;color:var(--ink-2);margin:2px 0 6px;display:flex;align-items:center;gap:8px}.chart-panel+.chart-panel{margin-top:14px}.tip{position:absolute;z-index:5;pointer-events:none;min-width:140px;max-width:240px;padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #0f1b2d24;font-size:12px;color:var(--ink-2);white-space:nowrap}.tip-title{font-size:11.5px;color:var(--ink-3);margin-bottom:4px}.tip-row{display:flex;align-items:center;gap:8px;line-height:1.6}.tip-row b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.tip-row .k{color:var(--ink-3)}.key-line{display:inline-block;width:12px;height:2px;border-radius:1px;flex:none}.key-rect{display:inline-block;width:10px;height:10px;border-radius:2px;flex:none}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.hbars{display:flex;flex-direction:column;gap:2px}.hbar{display:grid;grid-template-columns:minmax(84px,34%) minmax(0,1fr);align-items:center;gap:10px;padding:5px 4px;border-radius:6px;color:inherit;text-decoration:none;position:relative}a.hbar:hover,.hbar:hover{background:var(--surface-2);text-decoration:none}.hbar-label{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-label small{display:block;font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}.hbar-track{display:flex;align-items:center;gap:8px;min-width:0}.hbar-bar{height:14px;min-width:2px;border-radius:0 4px 4px 0;background:var(--series-1);flex:none;transition:width .3s ease}.hbar-value{font-size:12.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.hbar-value small{font-weight:400;color:var(--ink-3);margin-left:4px}.chart-card-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:16px 20px 0}.chart-card-head .titles{flex:1;min-width:160px}.chart-card-body{padding:12px 20px 18px}.chart-card-body .legend{margin-bottom:10px}.view-toggle{border:1px solid var(--border);background:var(--surface);color:var(--ink-2);border-radius:8px;height:28px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.view-toggle:hover{border-color:var(--border-strong);color:var(--ink)}.chart-table{max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:10px}@media(max-width:560px){.chart-card-head{padding:14px 16px 0}.chart-card-body{padding:10px 16px 16px}}.ring{position:relative;width:112px;height:112px;flex:none}.ring svg{transform:rotate(-90deg)}.ring-val{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.ring-val b{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1}.ring-val span{display:block;font-size:11px;color:var(--ink-3);margin-top:2px}.spark{display:block;width:100%;height:28px;overflow:visible}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.toolbar .select,.toolbar .input{width:auto;max-width:220px}.toolbar-search{flex:0 1 300px;min-width:200px}.toolbar-search.wide{flex-basis:380px}.toolbar-search .input{max-width:none;width:100%;height:34px;font-size:13px;border-radius:8px}.date-range{display:flex;align-items:center;gap:6px}.date-range .input{width:150px}@media(max-width:640px){.toolbar{gap:6px}.toolbar-search,.toolbar-search.wide{flex:1 1 100%}.toolbar .select{flex:1 1 calc(50% - 6px);max-width:none}.toolbar .spacer{display:none}.toolbar>.btn-primary,.toolbar>.btn-secondary{flex:1 1 auto}.toolbar .segmented{flex:1 1 auto}.date-range{flex:1 1 100%}.date-range .input{flex:1;width:auto;max-width:none}}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin:4px 0 12px}.section-title svg{color:var(--warn)}.hide-sm{display:inline}@media(max-width:640px){.hide-sm{display:none}}.link-btn{border:0;background:none;padding:0;color:var(--accent-deep);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:4px;align-self:flex-start}.link-btn:hover{text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);background:var(--surface);color:var(--ink-2);border-radius:999px;height:28px;padding:0 12px;font-size:12.5px;font-weight:500}.chip:hover{border-color:var(--border-strong);color:var(--ink)}.chip.on{background:var(--accent-soft);border-color:#bcd3fb;color:var(--accent-deep)}.inline-bar{display:flex;align-items:center;gap:8px;min-width:0}.inline-bar .meter{flex:none}.inline-bar b{font-weight:600;font-size:13px;min-width:34px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr;background:var(--bg)}.login-aside{background:radial-gradient(120% 80% at 0% 0%,#17305a 0%,var(--nav) 60%);color:var(--nav-ink);padding:40px 48px;display:flex;flex-direction:column;gap:32px}.login-brand{display:flex;align-items:center;gap:14px}.login-pitch{margin-top:auto;margin-bottom:auto}.login-pitch h2{font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1.15;color:#fff;max-width:420px;letter-spacing:-.015em}.login-pitch ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}.login-pitch li{display:flex;align-items:center;gap:12px;font-size:15px}.login-pitch li svg{color:var(--accent)}.login-foot{font-size:12px;color:#6c7f9c}.login-main{display:grid;place-items:center;padding:32px 20px}.login-card{width:100%;max-width:380px}.login-card h1{font-size:30px;margin-bottom:6px}.login-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:28px}@media(max-width:899px){.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-mobile-brand{display:flex}.login-main{place-items:start center;padding-top:12vh}}.kpi-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:1680px){.kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:760px){.kpi-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid-6 .kpi.hero{grid-column:1 / -1}}@media(max-width:400px){.kpi-grid,.kpi-grid-6{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.kpi{padding:14px}.kpi-value{font-size:22px}.kpi.hero .kpi-value{font-size:28px}}.dash-grid,.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.span-2{grid-column:span 2}.span-full{grid-column:1 / -1}@media(max-width:1100px){.dash-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1 / -1}}@media(max-width:760px){.dash-grid,.analytics-grid{grid-template-columns:minmax(0,1fr)}}.is-refreshing>*{opacity:.6;transition:opacity .15s}.mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.mini-stats>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);min-width:0}.mini-stats span{font-size:12px;color:var(--ink-3)}.mini-stats b{font-size:22px;line-height:1.2}.attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}@media(max-width:1100px){.attention-grid{grid-template-columns:minmax(0,1fr)}}.att-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}.att-list li{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid var(--border)}.att-list li:last-child{border-bottom:0}.att-main{flex:1;min-width:0}.att-main .cell-main{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px;font-size:12px;color:var(--ink-3)}@media(max-width:560px){.att-list li{padding:10px 16px}}.board{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.board-col{background:#eceff5;border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0;scroll-snap-align:start}.board-col-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 4px}.board-count{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--surface);border-radius:10px;padding:1px 8px}.board-cards{display:flex;flex-direction:column;gap:8px}.board-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px #0f1b2d0d;transition:opacity .15s}.board-card.saving{opacity:.55}.board-card-title{font-weight:600;color:var(--ink);overflow-wrap:anywhere}.board-card-meta{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.board-card-stats{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;gap:8px}.board-card-stats span{display:inline-flex;align-items:center;gap:4px}.board-card .select{margin-top:2px}.board-empty{text-align:center;font-size:12px;color:var(--ink-3);padding:16px 0;border:1px dashed var(--border-strong);border-radius:10px}@media(max-width:640px){.board{grid-template-columns:repeat(6,82vw)}}.center-head{display:flex;align-items:center;gap:16px;padding:16px 20px;flex-wrap:wrap}.center-head-main{flex:1;min-width:240px;display:flex;flex-direction:column;gap:10px}.center-head-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--ink-2)}.center-head-meta>*{display:inline-flex;align-items:center;gap:6px}.center-head-meta a{color:var(--ink-2)}.center-head-meta a:hover{color:var(--accent-deep)}.status-select{width:auto;font-weight:600}@media(max-width:560px){.center-head{padding:14px 16px}.center-head>.row-wrap{width:100%}.center-head>.row-wrap .btn{flex:1}}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.two-col{grid-template-columns:minmax(0,1fr)}}.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}@media(max-width:1200px){.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.finance-grid{grid-template-columns:minmax(0,1fr)}}.balance-card{padding:20px;display:flex;flex-direction:column;gap:6px;border-top:4px solid var(--ok)}.balance-card.tone-warn{border-top-color:var(--warn)}.balance-card.tone-bad{border-top-color:var(--bad)}.balance-label{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:500}.balance-value{font-size:34px;line-height:1.1;overflow-wrap:anywhere}.balance-value small{font-family:var(--font-ui);font-size:15px;font-weight:500;color:var(--ink-3)}.tone-bad .balance-value{color:var(--bad-ink)}.balance-note{font-size:13px;color:var(--ink-2)}.tone-ok .balance-note{color:var(--ok-ink)}.tone-warn .balance-note{color:var(--warn-ink)}.tone-bad .balance-note{color:var(--bad-ink)}.balance-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0;padding-top:14px;border-top:1px solid var(--border)}.balance-kv dt{font-size:12px;color:var(--ink-3)}.balance-kv dd{margin:2px 0 0;font-weight:500;overflow-wrap:anywhere}.balance-preview{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-size:13px}.balance-preview .mono,.balance-preview .nowrap{display:inline-flex;align-items:center;gap:4px}.balance-preview b{font-size:15px}.notes-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.notes-grid{grid-template-columns:minmax(0,1fr)}}.timeline{list-style:none;margin:0;padding:0;position:relative}.tl-item{position:relative;display:flex;gap:12px;padding-bottom:18px}.tl-item:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:2px;width:1px;background:var(--border)}.tl-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2)}.kind-call .tl-icon{background:var(--ok-soft);border-color:#c9ebd3;color:var(--ok-ink)}.kind-meeting .tl-icon{background:var(--purple-soft);border-color:#e0d2fc;color:var(--purple)}.kind-note .tl-icon{background:var(--accent-soft);border-color:#cfe0fd;color:var(--accent-deep)}.kind-status_change .tl-icon{background:var(--warn-soft);border-color:#f6e0b8;color:var(--warn-ink)}.tl-body{flex:1;min-width:0;padding-top:5px}.tl-head{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;font-size:13px}.tl-head b{font-weight:600}.tl-del{margin-left:auto;border:0;background:none;color:var(--ink-3);padding:4px;border-radius:6px;line-height:0;opacity:.6}.tl-item:hover .tl-del,.tl-del:focus-visible{opacity:1}.tl-del:hover{color:var(--bad-ink);background:var(--bad-soft)}.tl-text{margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.kind-status_change .tl-text,.kind-system .tl-text{color:var(--ink-2);font-size:13px}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}@media(max-width:1100px){.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.student-grid{grid-template-columns:minmax(0,1fr)}}.big-stat{display:flex;flex-direction:column;gap:2px}.big-stat .display{font-size:28px;line-height:1.15}.big-stat .muted{font-size:13px}.last-exam{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.ready-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.mini-kv{margin:0;display:grid;gap:10px;flex:1;min-width:140px}.mini-kv dt{font-size:12px;color:var(--ink-3)}.mini-kv dd{margin:1px 0 0;font-weight:600;font-size:15px}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 32px}@media(max-width:900px){.topic-list{grid-template-columns:minmax(0,1fr)}}.topic-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 86px;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.topic-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-val{text-align:right;white-space:nowrap;font-size:12.5px}@media(max-width:480px){.topic-row{grid-template-columns:minmax(0,1fr) 70px;gap:4px 10px}.topic-row .meter{grid-column:1 / -1;grid-row:2}.topic-name{white-space:normal}}.device-list{list-style:none;margin:0;padding:0}.device-list li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.device-list li:last-child{border-bottom:0}.device-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);flex:none}.settings-grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,320px);gap:16px;align-items:start}@media(max-width:960px){.settings-grid{grid-template-columns:minmax(0,1fr)}}.totals-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.totals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.totals-grid .kpi-value{font-size:18px}.totals-grid .kpi-label{font-size:12px}}