:root,[data-theme=light]{--bg: #f7f7f5;--card: #ffffff;--card-2: #fbfbfa;--sunken: #f0f0ed;--hover: #f1f1ee;--hover-2: #f4f4f1;--row-hover: #fafaf8;--border: #e9e9e5;--border-2: #f2f2ef;--border-input: #dcdcd8;--border-input-hover: #c9c9c4;--scrollbar: #d6d6d2;--text: #171717;--text-2: #52565c;--text-3: #8b9098;--text-4: #a6abb3;--text-muted: #b6bbc2;--green: #00dc82;--green-dark: #00b368;--green-soft: #e6faf1;--sidebar: #101214;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-search: rgba(255, 255, 255, .05);--sidebar-search-border: rgba(255, 255, 255, .08);--sidebar-text: #c7ccd4;--sidebar-text-hi: #eef1f5;--sidebar-icon: #8a919c;--sidebar-label: #6d747f;--sidebar-active-bg: #e9e9e6;--sidebar-active-fg: #141518;--overlay: rgba(16, 18, 20, .45);--pill-active-bg: #171717;--pill-active-fg: #ffffff;--btn-primary-bg: #171717;--btn-primary-fg: #ffffff;--btn-primary-hover: #333333;--danger-fg: #c92a2a;--danger-bg: #ffe3e3;--danger-border: #ffc9c9;--shadow-card: 0 1px 2px rgba(16, 18, 20, .04), 0 8px 24px rgba(16, 18, 20, .05);--shadow-sidebar: 0 1px 2px rgba(16, 18, 20, .06), 0 8px 24px rgba(16, 18, 20, .08);--shadow-modal: 0 20px 60px rgba(16, 18, 20, .22);--shadow-drawer: -10px 0 40px rgba(16, 18, 20, .18);--shadow-toast: 0 10px 30px rgba(16, 18, 20, .28);--shadow-pop: 0 6px 20px rgba(16, 18, 20, .12);--radius: 8px;--radius-lg: 14px;--font: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--login-scene-bg: #0d0f12;--login-scene-caption: #848b95;--bulk-bar-bg: #171717;--bulk-bar-fg: #ffffff;--warning: #f59e0b;--danger-strong: #e5484d}[data-theme=dark]{--bg: #0a0b0d;--card: #141619;--card-2: #1a1d21;--sunken: #1a1d21;--hover: #1d2024;--hover-2: #1d2024;--row-hover: #1a1d21;--border: #26292e;--border-2: #1d2024;--border-input: #2d3138;--border-input-hover: #3a3f47;--scrollbar: #2d3138;--text: #f0f1f2;--text-2: #a6abb3;--text-3: #6d747f;--text-4: #5a6169;--text-muted: #52565c;--green: #00dc82;--green-dark: #00e88b;--green-soft: rgba(0, 220, 130, .12);--sidebar: #0a0b0d;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-search: rgba(255, 255, 255, .03);--sidebar-search-border: rgba(255, 255, 255, .06);--sidebar-text: #a6abb3;--sidebar-text-hi: #eef1f5;--sidebar-icon: #6d747f;--sidebar-label: #52565c;--sidebar-active-bg: rgba(255, 255, 255, .08);--sidebar-active-fg: #f0f1f2;--overlay: rgba(0, 0, 0, .65);--pill-active-bg: #f0f1f2;--pill-active-fg: #0a0b0d;--btn-primary-bg: #f0f1f2;--btn-primary-fg: #0a0b0d;--btn-primary-hover: #d0d1d2;--danger-fg: #f87171;--danger-bg: rgba(229, 72, 77, .15);--danger-border: rgba(229, 72, 77, .35);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .2);--shadow-sidebar: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6);--shadow-drawer: -10px 0 40px rgba(0, 0, 0, .5);--shadow-toast: 0 10px 30px rgba(0, 0, 0, .5);--shadow-pop: 0 6px 20px rgba(0, 0, 0, .4);--login-scene-bg: #0d0f12;--login-scene-caption: #848b95;--bulk-bar-bg: #171717;--bulk-bar-fg: #ffffff;--warning: #f59e0b;--danger-strong: #e5484d}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}a{text-decoration:none;cursor:pointer;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:6px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}#app{display:flex;height:100vh;flex-direction:column;background:var(--bg)}.topbar{height:56px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:10px;flex-shrink:0;transition:background .2s,border-color .2s}.tb-toggle{width:30px;height:30px;border-radius:7px;background:#0d0f12;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chip{display:flex;align-items:center;gap:8px;height:33px;padding:0 11px;border-radius:var(--radius);font-size:13px;color:var(--text);white-space:nowrap;transition:background .12s;cursor:pointer}.chip:hover{background:var(--hover)}.chip .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chip .caret{color:var(--text-3);font-size:10px}.chip b{font-weight:580}.badge-free{font-size:9.5px;font-weight:700;letter-spacing:.5px;background:var(--sunken);color:var(--text-2);border-radius:4px;padding:2.5px 5px}.tb-sep{width:1px;height:20px;background:var(--border)}.tb-spacer{flex:1}.tb-status{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--green-dark)}.tb-status .pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #00dc8229}.tb-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:background .12s,color .12s}.tb-icon:hover{background:var(--hover);color:var(--text)}.tb-avatar{width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#00dc82,#0bbf8d);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--green);cursor:pointer}.shell{flex:1;display:flex;min-height:0;gap:12px;padding:12px}.sidebar{width:222px;background:var(--sidebar);border-radius:14px;color:var(--sidebar-text);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:12px 9px;box-shadow:var(--shadow-sidebar);transition:background .2s}.sb-search{display:flex;align-items:center;gap:8px;background:var(--sidebar-search);border:1px solid var(--sidebar-search-border);border-radius:7px;height:32px;padding:0 10px;margin-bottom:14px;color:var(--sidebar-label);font-size:13px;cursor:pointer;transition:background .12s}.sb-search:hover{background:var(--sidebar-hover)}.sb-search input{background:none;border:none;outline:none;color:var(--sidebar-text-hi);font-size:13px;width:100%;cursor:pointer}.sb-search kbd{margin-left:auto;font-size:10px;color:var(--sidebar-label);border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:1px 5px;font-family:inherit}.sb-label{font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--sidebar-label);padding:0 10px;margin:10px 0 5px}.sb-item{display:flex;align-items:center;gap:10px;padding:6.5px 10px;border-radius:7px;color:var(--sidebar-text);font-size:13.5px;width:100%;text-align:left;transition:background .1s;cursor:pointer}.sb-item:hover{background:var(--sidebar-hover)}.sb-item svg{flex-shrink:0;color:var(--sidebar-icon)}.sb-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-fg);font-weight:620}.sb-item.active svg{color:var(--sidebar-active-fg)}.sb-divider{height:1px;background:#ffffff14;margin:12px 6px}.main{flex:1;overflow-y:auto;border-radius:14px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);min-height:0;transition:background .2s,border-color .2s}.container{margin:0 auto;padding:20px 24px 70px;transition:opacity .12s}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head h1{font-size:21.5px;font-weight:670;letter-spacing:-.4px}.page-head p{color:var(--text-2);font-size:13.5px;margin-top:4px;max-width:580px;line-height:1.5}.head-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:wrap}@media(max-width:880px){.sidebar{display:none}.shell{padding:0;gap:0}.main{border-radius:0;border:none;box-shadow:none}.container{padding:16px 14px 60px}.page-head{flex-direction:column}.head-actions{margin-left:0;width:100%}}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--border-input);background:var(--card);color:var(--text);transition:background .12s,border-color .12s;white-space:nowrap;cursor:pointer}.btn:hover{background:var(--hover-2);border-color:var(--border-input-hover)}.btn.primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn.primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.btn.danger{background:var(--card);border-color:var(--danger-border);color:var(--danger-fg)}.btn.danger:hover{background:var(--danger-bg)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--hover);color:var(--text)}.btn.sm{height:28px;padding:0 11px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:5px;font-size:10.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.badge.green{background:var(--green-soft);color:var(--green-dark)}.badge.info{background:#e8f3fd;color:#1d7fd0}.badge.warning{background:#fef3c7;color:#b45309}.badge.danger{background:#ffe3e3;color:#c92a2a}.badge.neutral{background:var(--sunken);color:var(--text-2)}.badge.purple{background:#f1eafe;color:#7c3aed}[data-theme=dark] .badge.info{background:#60a5fa26;color:#93c5fd}[data-theme=dark] .badge.warning{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .badge.danger{background:#e5484d2e;color:#f87171}[data-theme=dark] .badge.purple{background:#a78bfa2e;color:#c4b5fd}[data-theme=dark] .badge.green{background:#00dc8226;color:#4ade80}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.green{background:var(--green)}.dot.warning{background:#f59e0b}.dot.danger{background:#e5484d}.dot.neutral{background:var(--border-input)}.dot.pulse{box-shadow:0 0 0 3px #00dc8229}.status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2)}.status.on{color:var(--green-dark)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:background .2s,border-color .2s}.panel{padding:17px 18px 14px}.panel-head{display:flex;align-items:center;margin-bottom:14px}.panel-head h3{font-size:14px;font-weight:660}.panel-head .link{margin-left:auto;font-size:12.5px;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.panel-head .link:hover{color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.stat{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:15px 17px;display:flex;gap:13px;align-items:center;transition:background .2s,border-color .2s}.stat .ico{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat .label{font-size:12.5px;color:var(--text-2);font-weight:580;display:flex;align-items:center;gap:5px;white-space:nowrap}.stat .label .q{color:var(--text-muted);font-size:11px;cursor:help}.stat .value{font-size:19px;font-weight:680;letter-spacing:-.3px;margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.stat .value em{font-style:normal;color:var(--text-3);font-weight:520;font-size:13.5px}.stat .value small{font-size:11.5px;color:var(--text-3);font-weight:520}.stat .sub{font-size:11.5px;color:var(--green-dark);font-weight:580;margin-top:2px}.stat .sub.neutral{color:var(--text-3);font-weight:520}.usage-note{font-size:11.8px;color:var(--text-3);margin:-4px 2px 18px}.usage-note a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.grid-2{display:grid;grid-template-columns:1.85fr 1fr;gap:10px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:1150px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:880px){.grid-3{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}.table-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px;border:2px solid var(--card)}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll .data-table{min-width:100%}.data-table{width:100%;border-collapse:collapse}.data-table thead th{font-size:11px;font-weight:600;color:var(--text-3);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;background:var(--card)}.data-table tbody td{padding:11px 12px;font-size:13px;border-bottom:1px solid var(--border-2);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--row-hover)}.data-table .sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table .sortable:hover{color:var(--text-2)}.data-table input[type=checkbox]{accent-color:var(--green);width:15px;height:15px;cursor:pointer}.cell-user{display:flex;align-items:center;gap:9px}.avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#00dc82,#0bbf8d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.avatar.sm{width:20px;height:20px;font-size:9.5px}.avatar.sq{border-radius:7px;background:var(--text);color:var(--card)}.avatar.blue{background:linear-gradient(135deg,#60a5fa,#1d7fd0);color:#fff}.avatar.purple{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.avatar.amber{background:linear-gradient(135deg,#fbbf24,#b45309);color:#fff}.avatar.pink{background:linear-gradient(135deg,#fb7185,#d6336c);color:#fff}.cell-mono{font-family:var(--mono);font-size:12.5px;letter-spacing:-.2px}.cell-code{display:flex;align-items:center;gap:6px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;align-items:center;transition:background .2s,border-color .2s}.filters .pill{height:34px}.filters .count{margin-left:auto;font-size:12.5px;color:var(--text-2);padding-right:6px;white-space:nowrap}.filter-search{flex:1;min-width:220px;position:relative}.filter-search input{height:34px;padding-left:34px;font-size:13px;border-radius:7px}.filter-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:7px;font-size:12.5px;background:var(--card);color:var(--text-2);cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.pill:hover{background:var(--hover);border-color:var(--border-input-hover)}.pill.active{background:var(--pill-active-bg);border-color:var(--pill-active-bg);color:var(--pill-active-fg);font-weight:600}.pill.active b{color:var(--pill-active-fg)}.pill.active .caret{color:var(--pill-active-fg);opacity:.6}.pill b{font-weight:600;color:var(--text)}.pill .caret{color:var(--text-3);font-size:9px;margin-left:2px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:580;color:var(--text);margin-bottom:6px}.input{width:100%;height:42px;padding:0 13px;border:1px solid var(--border-input);border-radius:var(--radius);font-size:14px;background:var(--card);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.input:hover{border-color:var(--border-input-hover)}.input:focus{border-color:var(--text);box-shadow:0 0 0 3px #7f7f7f26}.input::placeholder{color:var(--text-4)}textarea.input{height:auto;min-height:70px;padding:10px 13px;resize:vertical;line-height:1.5;font-size:13.5px}select.input{padding:0 32px 0 12px;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'><path d='M6 9l6 6 6-6' stroke='%238b9098' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.inline-form{display:flex;gap:8px;align-items:flex-end}.inline-form .field{flex:1;margin-bottom:0}.switch{position:relative;display:inline-block;width:38px;height:22px;cursor:pointer;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{position:absolute;inset:0;background:var(--border-input);border-radius:999px;transition:background .18s}.switch .thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .18s;box-shadow:0 1px 3px #0003}.switch input:checked+.track{background:var(--green)}.switch input:checked~.thumb{transform:translate(16px)}.segmented{display:inline-flex;border:1px solid var(--border-input);border-radius:8px;padding:3px;gap:3px;background:var(--sunken)}.seg{padding:6px 20px;border-radius:6px;font-size:13px;font-weight:580;color:var(--text-2);transition:background .12s,color .12s,box-shadow .12s}.seg:hover{color:var(--text)}.seg.active{background:var(--card);color:var(--text);font-weight:660;box-shadow:0 1px 3px #1012141a}[data-theme=dark] .seg.active{background:#26292e;box-shadow:0 1px 3px #00000059}.searchable-select{position:relative}.ss-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-pop);max-height:220px;overflow-y:auto;z-index:40}.ss-item{padding:9px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:9px;transition:background .1s}.ss-item:hover{background:var(--hover)}.ss-empty{padding:14px;font-size:12.5px;color:var(--text-3);text-align:center}.tag-input{display:flex;flex-wrap:wrap;gap:6px;padding:7px 9px;border:1px solid var(--border-input);border-radius:var(--radius);background:var(--card);min-height:42px;align-items:center;transition:border-color .15s,box-shadow .15s}.tag-input:hover{border-color:var(--border-input-hover)}.tag-input:focus-within{border-color:var(--text);box-shadow:0 0 0 3px #7f7f7f26}.tag-input input{border:none;outline:none;background:none;flex:1;min-width:120px;font-size:13.5px;color:var(--text);padding:3px 0}.tag-input input::placeholder{color:var(--text-4)}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--sunken);border-radius:6px;padding:3px 4px 3px 9px;font-size:12.5px;font-family:var(--mono);color:var(--text)}.tag button{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-3)}.tag button:hover{background:var(--border);color:var(--text)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tab{padding:10px 14px;font-size:13px;color:var(--text-2);font-weight:550;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color .12s}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--text);font-weight:640}.modal-overlay{position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:fadeIn .15s ease}.modal{background:var(--card);border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);animation:scaleIn .18s ease;border:1px solid var(--border)}.modal.wide{max-width:640px}.modal-header{padding:22px 22px 0;display:flex;align-items:flex-start;gap:12px}.modal-header h2{font-size:16.5px;font-weight:660;letter-spacing:-.2px}.modal-header p{font-size:12.5px;color:var(--text-2);margin-top:4px;line-height:1.55}.modal-header .ico-warn{width:36px;height:36px;border-radius:50%;background:#fef3c7;color:#b45309;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header .ico-danger{background:#ffe3e3;color:#c92a2a}[data-theme=dark] .modal-header .ico-warn{background:#f59e0b2e;color:#fbbf24}[data-theme=dark] .modal-header .ico-danger{background:#e5484d2e;color:#f87171}.modal-close{margin-left:auto;width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--text-3);flex-shrink:0}.modal-close:hover{background:var(--hover);color:var(--text)}.modal-body{padding:18px 22px}.modal-body .field{margin-bottom:14px}.modal-body .field:last-child{margin-bottom:0}.modal-footer{padding:12px 22px 20px;display:flex;gap:8px;justify-content:flex-end}.modal-footer .spacer{flex:1}.banner{padding:11px 13px;border-radius:8px;font-size:12.5px;line-height:1.5;display:flex;gap:9px;align-items:flex-start;margin-bottom:14px}.banner svg{flex-shrink:0;margin-top:1px}.banner.warn{background:#fef3c7;border:1px solid #fde68a;color:#7c4a03}.banner.danger{background:#ffe3e3;border:1px solid #ffc9c9;color:#7a1a1a}.banner.info{background:#e8f3fd;border:1px solid #c9e2f8;color:#0e4f7c}[data-theme=dark] .banner.warn{background:#f59e0b1f;border-color:#f59e0b4d;color:#fcd34d}[data-theme=dark] .banner.danger{background:#e5484d1f;border-color:#e5484d4d;color:#fca5a5}[data-theme=dark] .banner.info{background:#60a5fa1f;border-color:#60a5fa4d;color:#93c5fd}.drawer-overlay{position:fixed;inset:0;background:var(--overlay);z-index:100;display:flex;justify-content:flex-end;animation:fadeIn .15s ease}.drawer{width:100%;max-width:480px;background:var(--card);height:100vh;display:flex;flex-direction:column;box-shadow:var(--shadow-drawer);animation:slideIn .22s ease;border-left:1px solid var(--border)}.drawer-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.drawer-header h2{font-size:15.5px;font-weight:660}.drawer-header p{font-size:12px;color:var(--text-3);margin-top:2px}.drawer-body{padding:22px;flex:1;overflow-y:auto}.drawer-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;background:var(--card)}.drawer-footer .spacer{flex:1}#toast-root{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#171717;color:#fff;padding:12px 16px;border-radius:10px;font-size:13px;display:flex;align-items:center;gap:10px;min-width:260px;max-width:400px;box-shadow:var(--shadow-toast);animation:slideUp .22s ease;pointer-events:auto}.toast.success{background:#0a8f5e}.toast.error{background:#b42318}.toast .toast-close{margin-left:auto;opacity:.6;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:5px}.toast .toast-close:hover{opacity:1;background:#ffffff1f}[data-theme=dark] .toast{background:#26292e}[data-theme=dark] .toast.success{background:#0a8f5e}[data-theme=dark] .toast.error{background:#b42318}.empty{padding:56px 24px;text-align:center}.empty .ico{width:46px;height:46px;border-radius:50%;background:var(--sunken);display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);margin-bottom:14px}.empty h3{font-size:14.5px;font-weight:640;margin-bottom:6px}.empty p{font-size:12.5px;color:var(--text-2);max-width:340px;margin:0 auto 16px;line-height:1.55}.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:-.2px}.code-cell{display:flex;align-items:center;gap:8px}.copy-btn{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-3);opacity:0;transition:opacity .15s,background .12s;flex-shrink:0}.copy-btn:hover{background:var(--hover);color:var(--text)}.copy-btn.copied{color:var(--green-dark);opacity:1}tr:hover .copy-btn{opacity:1}.help{color:var(--text-muted);font-size:11px;cursor:help}.row-flex{display:flex;align-items:center;gap:10px}.row-flex.between{justify-content:space-between}.pagination{display:flex;align-items:center;gap:14px;padding:14px 18px;font-size:12.5px;color:var(--text-2);border-top:1px solid var(--border-2)}.pagination .pages{margin-left:auto;display:flex;gap:6px;align-items:center}.pagination .pg{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-2)}.pagination .pg:hover{background:var(--hover-2)}.pagination .pg.active{background:var(--pill-active-bg);color:var(--pill-active-fg);border-color:var(--pill-active-bg);font-weight:600}.pagination .pg:disabled{opacity:.4;cursor:not-allowed}.canvas-wrap{width:100%;height:225px;position:relative}#overview-chart{width:100%;height:100%;display:block}.divider{height:1px;background:var(--border);margin:16px 0}.list-item{display:flex;align-items:center;gap:11px;padding:9px 0;font-size:13px;border-bottom:1px solid var(--border-2)}.list-item:last-child{border-bottom:none}.list-item .time{margin-left:auto;font-size:11.5px;color:var(--text-3);white-space:nowrap}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-2)}.toggle-row:last-child{border-bottom:none}.toggle-row .lbl{font-size:13.5px;font-weight:580}.toggle-row .desc{font-size:12px;color:var(--text-3);margin-top:2px}.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}.field-label{font-size:11.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;font-weight:600;margin-bottom:4px}.section-label{font-size:12.5px;font-weight:660;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.section-title{font-size:14px;font-weight:660;margin:6px 0 10px}.panel-title-sm{font-size:13.5px;font-weight:660;margin-bottom:12px}.check-accent{accent-color:var(--green);width:15px;height:15px}.ico-tone-green{background:var(--green-soft);color:var(--green-dark)}.ico-tone-info{background:#e8f3fd;color:#1d7fd0}.ico-tone-purple{background:#f1eafe;color:#7c3aed}.modal-progress{max-width:420px}.modal-progress-body{padding:28px 26px 26px;text-align:center}