:root{--c-bg: #f6f7fb;--c-surface: #ffffff;--c-surface-2: #fbfcfe;--c-border: #e6e8ef;--c-border-strong: #d3d7e3;--c-ink: #0f1729;--c-ink-2: #38415a;--c-muted: #6b7488;--c-muted-2: #99a0b3;--c-primary: #3b4ce0;--c-primary-ink: #2536b8;--c-primary-soft: #eef0fe;--c-before: #3b4ce0;--c-before-soft: #eceefe;--c-during: #0ea472;--c-during-soft: #e3f7ef;--c-after: #7c3aed;--c-after-soft: #f1e9fe;--c-success: #0ea472;--c-success-soft: #e3f7ef;--c-warn: #d98a04;--c-warn-soft: #fdf3df;--c-danger: #e0433b;--c-danger-soft: #fdeceb;--c-info: #2b8ae0;--c-info-soft: #e6f2fc;--r-sm: 7px;--r-md: 11px;--r-lg: 16px;--r-xl: 22px;--shadow-xs: 0 1px 2px rgba(16, 23, 41, .05);--shadow-sm: 0 1px 3px rgba(16, 23, 41, .07), 0 1px 2px rgba(16, 23, 41, .04);--shadow-md: 0 6px 20px rgba(16, 23, 41, .08);--shadow-lg: 0 18px 46px rgba(16, 23, 41, .14);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--c-bg);color:var(--c-ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em;color:var(--c-ink)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.grow{flex:1}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g-2-1{grid-template-columns:2fr 1fr}.g-1-2{grid-template-columns:1fr 2fr}.page{padding:26px 30px;max-width:1400px;margin:0 auto}.page-head{margin-bottom:22px}.page-title{font-size:22px;font-weight:800}.page-sub{color:var(--c-muted);font-size:13.5px;margin-top:3px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--c-primary)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-head{padding:15px 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:14.5px;font-weight:700}.card-body{padding:20px}.card-hover{transition:box-shadow .15s,transform .15s,border-color .15s;cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--c-border-strong)}.stat{padding:18px 20px}.stat-label{font-size:12px;color:var(--c-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:28px;font-weight:800;margin-top:6px;letter-spacing:-.02em}.stat-delta{font-size:12px;font-weight:600;margin-top:4px}.stat-delta.up{color:var(--c-success)}.stat-delta.down{color:var(--c-danger)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--c-primary-soft);color:var(--c-primary-ink);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.gray{background:#eef0f4;color:var(--c-ink-2)}.badge.green{background:var(--c-success-soft);color:#0a7a55}.badge.warn{background:var(--c-warn-soft);color:#a86a00}.badge.red{background:var(--c-danger-soft);color:#b3322b}.badge.info{background:var(--c-info-soft);color:#1c6fb8}.badge.violet{background:var(--c-after-soft);color:#6425c8}.badge.pulse .dot{animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:9px 16px;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .13s;white-space:nowrap}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-ink)}.btn-ghost{background:var(--c-surface);border-color:var(--c-border-strong);color:var(--c-ink-2)}.btn-ghost:hover{background:var(--c-bg);border-color:var(--c-muted-2)}.btn-soft{background:var(--c-primary-soft);color:var(--c-primary-ink)}.btn-soft:hover{background:#e2e5fd}.btn-danger{background:var(--c-danger);color:#fff}.btn-danger:hover{background:#c5362f}.btn-success{background:var(--c-success);color:#fff}.btn-success:hover{background:#0a8a60}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-lg{padding:12px 22px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:11px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);border-bottom:1px solid var(--c-border);background:var(--c-surface-2);white-space:nowrap}.tbl td{padding:12px 16px;border-bottom:1px solid var(--c-border);color:var(--c-ink-2);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .1s}.tbl tbody tr:hover{background:var(--c-surface-2)}.tbl .num{font-family:var(--mono);font-size:12.5px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;color:#fff;flex-shrink:0;letter-spacing:.02em}.avatar.sm{width:26px;height:26px;font-size:10.5px}.avatar.lg{width:46px;height:46px;font-size:16px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12.5px;font-weight:600;color:var(--c-ink-2)}.input,.select,.textarea{padding:10px 12px;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);font-size:13.5px;font-family:inherit;background:#fff;color:var(--c-ink);width:100%;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.hint{font-size:12px;color:var(--c-muted)}.text-muted{color:var(--c-muted)}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.mono{font-family:var(--mono)}.divider{height:1px;background:var(--c-border)}.tag-key{font-family:var(--mono);font-size:12px;background:#eef0f4;padding:2px 7px;border-radius:5px;color:var(--c-ink-2)}.dot-sep{color:var(--c-muted-2)}.b{font-weight:700}.sb{font-weight:600}.bar{height:8px;border-radius:999px;background:#eceef3;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--c-primary)}.flow{display:flex;flex-direction:column;gap:0}.flow-step{display:flex;gap:14px;position:relative;padding-bottom:20px}.flow-step:last-child{padding-bottom:0}.flow-step:before{content:"";position:absolute;left:15px;top:32px;bottom:-4px;width:2px;background:var(--c-border)}.flow-step:last-child:before{display:none}.flow-node{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;z-index:1;border:2px solid var(--c-border);background:#fff;color:var(--c-muted)}.flow-step.done .flow-node{background:var(--c-success);border-color:var(--c-success);color:#fff}.flow-step.active .flow-node{background:var(--c-primary);border-color:var(--c-primary);color:#fff;box-shadow:0 0 0 4px var(--c-primary-soft)}.kv{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;font-size:13px}.kv dt{color:var(--c-muted);font-weight:600}.kv dd{margin:0;color:var(--c-ink);font-weight:500}.cam{position:relative;border-radius:var(--r-md);overflow:hidden;background:#0d1220;color:#cfe;display:flex;align-items:center;justify-content:center;font-size:12px}.cam .live{position:absolute;top:8px;left:8px}.cam .name{position:absolute;bottom:6px;left:8px;font-size:11px;color:#dfe;font-weight:600}.desktop-guard{display:none}@media (max-width: 1080px){.app-shell{display:none!important}.desktop-guard{display:flex;position:fixed;inset:0;z-index:9999;background:linear-gradient(160deg,#12183a,#241a4d);color:#fff;align-items:center;justify-content:center;padding:32px;text-align:center}}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.ico{font-family:Material Symbols Rounded;font-size:20px;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased}.ico.sm{font-size:17px}.ico.lg{font-size:26px}.ico.xl{font-size:34px}.ico.fill{font-variation-settings:"FILL" 1}.pfp{object-fit:cover;border-radius:50%;background:#e6e8ef;display:inline-block}.pfp.sq{border-radius:var(--r-md)}.ichip{width:40px;height:40px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ichip .ico{font-size:22px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfd3df;border-radius:999px;border:2px solid var(--c-bg)}::-webkit-scrollbar-thumb:hover{background:#b9bece}