:root{--c-bg: #f4f5f7;--c-surface: #ffffff;--c-surface-2: #fafbfc;--c-border: #e4e7eb;--c-border-strong: #cbd2d9;--c-text: #0f172a;--c-text-muted: #64748b;--c-text-subtle: #94a3b8;--c-primary: #1e3a5f;--c-primary-hover: #172d47;--c-primary-soft: #eef2f7;--c-accent: #d97706;--c-success: #15803d;--c-danger: #b91c1c;--c-warning: #b45309;--c-info: #0369a1;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs: 11px;--fs-sm: 12.5px;--fs-md: 13.5px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--sh-sm: 0 1px 2px rgba(15, 23, 42, .04);--sh-md: 0 2px 4px rgba(15, 23, 42, .06);--sidebar-w: 232px;--sidebar-collapsed-w: 56px;--topbar-h: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:6px 14px;height:32px;font-size:var(--fs-md);font-weight:500;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);cursor:pointer;transition:background .12s,border-color .12s;text-decoration:none}.btn:hover{background:var(--c-surface-2);border-color:var(--c-text-muted)}.btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.btn--primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover);text-decoration:none}.btn--danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn--sm{height:26px;padding:4px 10px;font-size:var(--fs-sm)}.btn--block{width:100%}.field{margin-bottom:var(--s-4)}.field__label{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm);font-weight:500;color:var(--c-text);margin-bottom:4px}.field__toggle{background:none;border:none;color:var(--c-primary);font-size:var(--fs-xs);cursor:pointer;padding:0}.field__input{width:100%;height:36px;padding:6px 10px;border:1px solid var(--c-border-strong);border-radius:var(--r-md);font-size:var(--fs-md);background:var(--c-surface);color:var(--c-text);transition:border-color .12s,box-shadow .12s}.field__input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #1e3a5f1f}.field__input::placeholder{color:var(--c-text-subtle)}.alert{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--fs-md);border:1px solid transparent;margin-bottom:var(--s-4)}.alert--danger{background:#fef2f2;color:var(--c-danger);border-color:#fecaca}.alert--success{background:#f0fdf4;color:var(--c-success);border-color:#bbf7d0}.alert--info{background:#f0f9ff;color:var(--c-info);border-color:#bae6fd}.table{width:100%;border-collapse:collapse;font-size:var(--fs-md);background:var(--c-surface)}.table th,.table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--c-border)}.table thead th{background:var(--c-surface-2);color:var(--c-text-muted);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0}.table tbody tr:hover{background:var(--c-surface-2)}.table__actions{text-align:right;white-space:nowrap}.empty-state{padding:var(--s-8);text-align:center;color:var(--c-text-subtle)}.badge{display:inline-block;padding:2px 8px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.3px;border-radius:999px;text-transform:uppercase}.badge--warning{background:#fef3c7;color:var(--c-warning)}.badge--info{background:#dbeafe;color:var(--c-info)}.badge--success{background:#d1fae5;color:var(--c-success)}.badge--danger{background:#fee2e2;color:var(--c-danger)}.badge--muted{background:var(--c-border);color:var(--c-text-muted)}.skeleton{display:block;height:12px;width:100%;border-radius:4px;background:linear-gradient(90deg,var(--c-border) 25%,#f1f5f9 37%,var(--c-border) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);margin-bottom:var(--s-6)}.panel__header{padding:var(--s-4);border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;align-items:center}.panel__title{margin:0;font-size:var(--fs-lg);font-weight:600}.panel__body{padding:var(--s-4)}.kpi-grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--s-6)}.kpi-card{background:var(--c-surface);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--r-md);padding:var(--s-4)}.kpi-card--warning{border-left-color:var(--c-accent)}.kpi-card--danger{border-left-color:var(--c-danger)}.kpi-card__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.4px;color:var(--c-text-muted);font-weight:600}.kpi-card__value{font-size:var(--fs-3xl);font-weight:700;margin-top:4px;color:var(--c-text);font-variant-numeric:tabular-nums}.form-grid{display:grid;gap:var(--s-4)}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 720px){.form-grid--2{grid-template-columns:1fr}}.field--full{grid-column:1 / -1}.field__hint{display:block;margin-top:4px;font-size:var(--fs-xs);color:var(--c-text-muted)}.field__error{display:block;margin-top:4px;font-size:var(--fs-xs);color:var(--c-danger)}.field__input.is-invalid{border-color:var(--c-danger)}.form-actions{display:flex;gap:var(--s-2);margin-top:var(--s-5)}.req{color:var(--c-danger);font-weight:700}.checkbox{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);cursor:pointer}.checkbox input{accent-color:var(--c-primary)}.toolbar{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;width:100%}.toolbar__select{width:auto;min-width:160px}.toolbar__search{flex:1;min-width:200px}.pagination{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.pagination__link{display:inline-block;padding:4px 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);text-decoration:none;color:var(--c-text);font-size:var(--fs-sm)}.pagination__link.is-active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.pagination__info{margin-left:auto;color:var(--c-text-muted);font-size:var(--fs-xs)}.btn--danger-outline{background:transparent;color:var(--c-danger);border-color:var(--c-danger)}.btn--danger-outline:hover{background:var(--c-danger);color:#fff}.tabs__list{display:flex;gap:2px;border-bottom:1px solid var(--c-border);margin-bottom:var(--s-4)}.tabs__tab{background:transparent;border:none;padding:var(--s-3) var(--s-4);cursor:pointer;font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs__tab:hover{color:var(--c-text)}.tabs__tab.is-active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.tabs__panel{padding-top:var(--s-3)}.quota-bar{display:block;width:120px;height:6px;background:var(--c-border);border-radius:999px;overflow:hidden;margin-bottom:2px}.quota-bar__fill{height:100%;background:var(--c-success);transition:width .2s ease}.quota-bar__fill.is-full{background:var(--c-danger)}.panel__footer{padding:var(--s-3) var(--s-4);border-top:1px solid var(--c-border);display:flex;align-items:center}.panel__body--flush{padding:0;overflow-x:auto}.import-errors{max-height:240px;overflow-y:auto;background:#fff5f5;border:1px solid var(--c-danger);border-radius:var(--r-sm);padding:var(--s-3);font-size:var(--fs-xs)}.import-errors ul{margin:0;padding-left:20px}.text-center{text-align:center}.text-muted{color:var(--c-text-muted)}.btn--xs{height:22px;padding:2px 8px;font-size:var(--fs-xs);border-radius:var(--r-sm)}.btn--primary-outline{background:transparent;color:var(--c-primary);border-color:var(--c-primary)}.btn--primary-outline:hover{background:var(--c-primary);color:#fff}.btn--warning-outline{background:transparent;color:var(--c-warning);border-color:var(--c-warning)}.btn--warning-outline:hover{background:var(--c-warning);color:#fff}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal[hidden]{display:none}.modal__backdrop{position:absolute;inset:0;background:#00000073}.modal__dialog{position:relative;background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--sh-md);width:min(560px,92vw);max-height:88vh;display:flex;flex-direction:column}.modal__dialog--lg{width:min(880px,94vw)}.modal__header{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between}.modal__title{margin:0;font-size:var(--fs-lg);font-weight:600}.modal__close{background:none;border:none;font-size:24px;line-height:1;color:var(--c-text-muted);cursor:pointer;padding:0 4px}.modal__close:hover{color:var(--c-text)}.modal__body{padding:var(--s-4);overflow-y:auto;flex:1}.meta{display:grid;gap:4px;background:var(--c-surface-2);border-radius:var(--r-sm);padding:var(--s-3);margin-bottom:var(--s-3);font-size:var(--fs-sm)}.meta__row{display:grid;grid-template-columns:140px 1fr;gap:var(--s-2)}.meta__key{color:var(--c-text-muted);font-weight:600}.meta__val{color:var(--c-text);word-break:break-all}.pre--transcript,.pre--error{background:#0f172a;color:#e2e8f0;padding:var(--s-3);border-radius:var(--r-sm);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--fs-xs);line-height:1.5;max-height:400px;overflow:auto;white-space:pre-wrap;word-break:break-word}.pre--error{background:#7f1d1d;color:#fecaca}.sparkline{display:flex;align-items:flex-end;gap:3px;height:100px;padding:var(--s-2) 0}.sparkline__bar{flex:1;min-height:2px;background:var(--c-primary);border-radius:2px 2px 0 0;position:relative;transition:background .12s}.sparkline__bar:hover{background:var(--c-primary-hover)}.sparkline__value{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:10px;color:var(--c-text-muted);margin-bottom:2px;opacity:0;transition:opacity .12s}.sparkline__bar:hover .sparkline__value{opacity:1}.login-body{background:#f4f5f7;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s-4)}.login-shell{display:grid;grid-template-columns:minmax(340px,400px) minmax(0,1fr);width:100%;max-width:960px;background:var(--c-surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 10px 30px #0f172a14;border:1px solid var(--c-border);min-height:520px}.login-panel{padding:var(--s-8) var(--s-8);display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6)}.login-brand__logo{width:44px;height:44px;border-radius:var(--r-md);background:var(--c-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}.login-brand__name{margin:0;font-size:var(--fs-xl);font-weight:700;color:var(--c-text)}.login-brand__tag{margin:2px 0 0;font-size:var(--fs-sm);color:var(--c-text-muted)}.login-form{margin-top:var(--s-4)}.login-footer{margin-top:var(--s-6);text-align:center;font-size:var(--fs-xs);color:var(--c-text-subtle)}.login-hero{position:relative;background:linear-gradient(135deg,var(--c-primary) 0%,#0b1f36 100%);color:#e2e8f0;padding:var(--s-8);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;opacity:.8}.login-hero__content{position:relative;z-index:1}.login-hero h2{font-size:var(--fs-2xl);font-weight:700;margin:0 0 var(--s-4);color:#fff;line-height:1.3}.login-hero ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.login-hero li{font-size:var(--fs-md);color:#cbd5e1;padding-left:20px;position:relative}.login-hero li:before{content:"✓";position:absolute;left:0;top:0;color:var(--c-accent);font-weight:700}.captcha-row{display:flex;gap:var(--s-2);align-items:stretch}.captcha-img{height:36px;padding:2px;background:#fff;border:1px solid var(--c-border-strong);border-radius:var(--r-md);flex:0 0 auto}.captcha-refresh{height:36px;width:36px;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);cursor:pointer;color:var(--c-text-muted);font-size:16px}.captcha-refresh:hover{background:var(--c-surface-2)}.captcha-input{flex:1 1 auto}@media (max-width: 720px){.login-shell{grid-template-columns:1fr;max-width:400px}.login-hero{display:none}.login-panel{padding:var(--s-6)}}