:root{--brand-50: #f0fdfa;--brand-100: #ccfbf1;--brand-200: #99f6e4;--brand-500: #14b8a6;--brand-600: #0d9488;--brand-700: #0f766e;--brand-800: #115e59;--brand-900: #134e4a;--ink-900: #0f172a;--ink-700: #334155;--ink-600: #475569;--ink-500: #64748b;--ink-400: #94a3b8;--ink-300: #cbd5e1;--ink-200: #e2e8f0;--ink-100: #f1f5f9;--ink-50: #f8fafc;--white: #ffffff;--danger-bg: #fef2f2;--danger-fg: #b91c1c;--danger-br: #fecaca;--warn-bg: #fffbeb;--warn-fg: #b45309;--warn-br: #fde68a;--ok-bg: #f0fdf4;--ok-fg: #15803d;--ok-br: #bbf7d0;--info-bg: #eff6ff;--info-fg: #1d4ed8;--info-br: #bfdbfe;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .12), 0 2px 8px rgba(15, 23, 42, .06);--sidebar-w: 248px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink-900);background:var(--ink-50);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.011em}h1{font-size:21px}h2{font-size:17px}h3{font-size:14px}p{margin:0}a{color:var(--brand-700);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--brand-900);color:var(--brand-100);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__brand{padding:20px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__mark{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--white);letter-spacing:-.02em}.sidebar__logo{width:28px;height:28px;border-radius:8px;flex:0 0 28px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--white)}.sidebar__tagline{margin-top:6px;font-size:11.5px;color:#ccfbf1a6}.nav{padding:12px 10px 24px;flex:1}.sidebar__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}.sidebar__user{font-size:12px;font-weight:600;color:#ccfbf1cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__signout{background:transparent;color:var(--brand-100);border-color:#ffffff2e;flex:0 0 auto}.sidebar__signout:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:var(--white)}.nav__group{margin-bottom:4px}.nav__label{padding:14px 10px 6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ccfbf173}.nav__item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:1px;border-radius:var(--radius-sm);color:#f0fdfad1;font-size:13.5px;font-weight:500;transition:background .12s ease,color .12s ease}.nav__item:hover{background:#ffffff12;color:var(--white);text-decoration:none}.nav__item.is-active{background:var(--brand-700);color:var(--white);font-weight:600}.nav__icon{width:16px;text-align:center;opacity:.9;font-size:13px}.nav__count{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:999px;text-align:center;font-size:11px;font-weight:700;background:#ffffff24;color:var(--white)}.nav__count.is-alert{background:#dc2626}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:14px 28px;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ink-200)}.topbar__title{flex:1;min-width:0}.topbar__sub{font-size:12.5px;color:var(--ink-500);margin-top:2px}.topbar__actions{display:flex;gap:8px;align-items:center}.page{padding:24px 28px 56px;max-width:1600px;width:100%}.grid{display:grid;gap:16px}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row--between{justify-content:space-between}.spacer{flex:1}.card{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card__head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ink-200)}.card__title{font-size:14px;font-weight:650}.card__hint{font-size:12px;color:var(--ink-500);margin-top:2px}.card__body{padding:18px}.card__body--flush{padding:0}.stat{background:var(--white);border:1px solid var(--ink-200);border-left:3px solid var(--ink-300);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm)}.stat__label{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500)}.stat__value{margin-top:6px;font-size:24px;font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__meta{margin-top:4px;font-size:12px;color:var(--ink-500)}.stat--brand{border-left-color:var(--brand-600)}.stat--danger{border-left-color:var(--danger-fg)}.stat--danger .stat__value{color:var(--danger-fg)}.stat--warn{border-left-color:var(--warn-fg)}.stat--warn .stat__value{color:var(--warn-fg)}.stat--ok{border-left-color:var(--ok-fg)}.stat--ok .stat__value{color:var(--ok-fg)}.stat--link{cursor:pointer;transition:box-shadow .12s ease,transform .12s ease}.stat--link:hover{box-shadow:var(--shadow);transform:translateY(-1px);text-decoration:none}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:13px}.table th{position:sticky;top:0;z-index:1;text-align:left;white-space:nowrap;padding:9px 14px;background:var(--ink-50);border-bottom:1px solid var(--ink-200);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-500)}.table th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.is-sortable:hover{color:var(--ink-700)}.table td{padding:10px 14px;border-bottom:1px solid var(--ink-100);vertical-align:middle}.table tbody tr:hover td{background:var(--brand-50)}.table tbody tr.is-clickable{cursor:pointer}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table .mono{font-family:var(--mono);font-size:12px}.table .strong{font-weight:600}.table .muted{color:var(--ink-400)}.table .wrap{min-width:220px}.table__actions{display:flex;gap:6px;justify-content:flex-end}.table tfoot td{background:var(--ink-50);font-weight:650;border-top:1px solid var(--ink-200);border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;border:1px solid var(--ink-200);background:var(--ink-100);color:var(--ink-600);font-size:11.5px;font-weight:600;white-space:nowrap}.badge--danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-br)}.badge--warning{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-br)}.badge--success{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-br)}.badge--info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-br)}.badge--brand{background:var(--brand-50);color:var(--brand-800);border-color:var(--brand-200)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--ink-300);background:var(--white);color:var(--ink-700);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover:not(:disabled){background:var(--ink-50);border-color:var(--ink-400);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.btn--primary{background:var(--brand-700);border-color:var(--brand-700);color:var(--white);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--brand-800);border-color:var(--brand-800)}.btn--danger{background:var(--white);border-color:var(--danger-br);color:var(--danger-fg)}.btn--danger:hover:not(:disabled){background:var(--danger-bg)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover:not(:disabled){background:var(--ink-100);border-color:transparent}.btn--sm{padding:4px 9px;font-size:12px}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field__label{font-size:12px;font-weight:600;color:var(--ink-700)}.field__label .req{color:var(--danger-fg);margin-left:2px}.field__hint{font-size:11.5px;color:var(--ink-500)}.field__error{font-size:11.5px;color:var(--danger-fg);font-weight:500}.input,.select,.textarea{width:100%;padding:7px 10px;border:1px solid var(--ink-300);border-radius:var(--radius-sm);background:var(--white);color:var(--ink-900);font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100)}.input:disabled,.select:disabled{background:var(--ink-100);color:var(--ink-500)}.input.has-error,.select.has-error,.textarea.has-error{border-color:var(--danger-fg)}.textarea{min-height:68px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.5 2 4.5h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.form-grid .span-2{grid-column:span 2}.form-grid .span-all{grid-column:1 / -1}.search{position:relative;flex:0 1 320px;min-width:180px}.search .input{padding-left:30px}.search__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-400);font-size:12px;pointer-events:none}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--ink-200);background:var(--white)}.toolbar .select{width:auto;min-width:130px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;animation:fade .12s ease}.modal{width:100%;max-width:720px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:rise .16s cubic-bezier(.2,.8,.3,1)}.modal--sm{max-width:460px}.modal--lg{max-width:900px}.modal__head{display:flex;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid var(--ink-200)}.modal__body{padding:22px}.modal__foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--ink-200);background:var(--ink-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.alert{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--info-br);background:var(--info-bg);color:var(--info-fg);font-size:13px}.alert--danger{border-color:var(--danger-br);background:var(--danger-bg);color:var(--danger-fg)}.alert--warning{border-color:var(--warn-br);background:var(--warn-bg);color:var(--warn-fg)}.alert--success{border-color:var(--ok-br);background:var(--ok-bg);color:var(--ok-fg)}.empty{padding:48px 24px;text-align:center;color:var(--ink-500)}.empty__icon{font-size:26px;opacity:.45}.empty__title{margin-top:10px;font-size:14px;font-weight:650;color:var(--ink-700)}.empty__text{margin-top:4px;font-size:13px;max-width:380px;margin-inline:auto}.progress{height:6px;border-radius:999px;background:var(--ink-200);overflow:hidden;min-width:60px}.progress__bar{height:100%;border-radius:999px;background:var(--brand-600);transition:width .3s ease}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--ink-200);overflow-x:auto}.tab{padding:9px 14px;border:none;background:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--ink-500);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink-700)}.tab.is-active{color:var(--brand-700);border-bottom-color:var(--brand-700)}.tab__count{margin-left:6px;padding:0 6px;border-radius:999px;background:var(--ink-100);font-size:11px;color:var(--ink-600)}.tab.is-active .tab__count{background:var(--brand-100);color:var(--brand-800)}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 20px}.kv__k{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500)}.kv__v{margin-top:3px;font-size:14px;font-weight:550}.bars{display:flex;flex-direction:column;gap:10px}.bar__top{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;margin-bottom:4px}.bar__label{color:var(--ink-700);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__value{color:var(--ink-500);font-variant-numeric:tabular-nums;white-space:nowrap}.bar__track{height:7px;border-radius:999px;background:var(--ink-100);overflow:hidden}.bar__fill{height:100%;border-radius:999px;background:var(--brand-600)}.bar__fill--2{background:var(--brand-500)}.bar__fill--3{background:#64a8b8}.toast-host{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:var(--radius);background:var(--ink-900);color:var(--white);box-shadow:var(--shadow-lg);font-size:13px;animation:rise .16s ease}.toast--danger{background:#991b1b}.toast--success{background:#166534}.skeleton{background:linear-gradient(90deg,var(--ink-100) 25%,var(--ink-200) 37%,var(--ink-100) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.auth{min-height:100%;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,var(--brand-900),var(--ink-900))}.auth__checking{color:#ccfbf1bf;font-size:13px}.auth__card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px;padding:28px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.auth__brand{display:flex;align-items:center;gap:12px}.auth__logo{width:36px;height:36px;border-radius:10px;flex:0 0 36px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));display:grid;place-items:center;font-size:16px;font-weight:800;color:var(--white)}.auth__title{font-size:17px}.auth__tagline{font-size:11.5px;color:var(--ink-500);margin-top:2px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.link-plain{color:inherit}.link-plain:hover{color:var(--brand-700)}.muted{color:var(--ink-500)}.small{font-size:12px}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}@media(max-width:900px){.sidebar{position:fixed;left:-100%;transition:left .2s ease;z-index:90}.sidebar.is-open{left:0;box-shadow:var(--shadow-lg)}.page,.topbar{padding-left:16px;padding-right:16px}.menu-toggle{display:inline-flex!important}}.menu-toggle{display:none}