:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fbfbfd;--border: #e4e6eb;--border-strong: #d0d3da;--text: #16181d;--text-muted: #646b7a;--text-faint: #939aa8;--accent: #2f6df6;--accent-soft: #eaf1ff;--accent-text: #ffffff;--ok: #0f9d58;--ok-soft: #e6f5ed;--warn: #b7791f;--warn-soft: #fdf3e2;--danger: #d43b3b;--danger-soft: #fdebeb;--info: #5a4cdb;--info-soft: #eeecfd;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(16, 18, 24, .06), 0 4px 12px rgba(16, 18, 24, .05);--sidebar-width: 236px;--sidebar-bg: var(--surface);--sidebar-border: var(--border);--sidebar-text: var(--text-muted);--sidebar-text-active: var(--accent);--sidebar-active-bg: var(--accent-soft);--sidebar-brand-text: var(--text);--chip-violet-bg: #f1edff;--chip-violet-fg: #7c5cfa;--chip-blue-bg: #e8f1ff;--chip-blue-fg: #2f8dfa;--chip-amber-bg: #fef3e0;--chip-amber-fg: #d98c1f;--chip-indigo-bg: #ece9ff;--chip-indigo-fg: #5b4fe0;--chip-green-bg: #e6f6ec;--chip-green-fg: #23a35a;--chip-red-bg: #fdeaea;--chip-red-fg: #e0483f;--chip-pink-bg: #fdeaf3;--chip-pink-fg: #e0468f;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1014;--surface: #161920;--surface-2: #1b1f27;--border: #272b35;--border-strong: #363b47;--text: #e8eaef;--text-muted: #9aa2b1;--text-faint: #6e7686;--accent: #6a93ff;--accent-soft: #1c2740;--accent-text: #0e1014;--ok: #4ec98a;--ok-soft: #14291f;--warn: #e0ab4f;--warn-soft: #2b2313;--danger: #f08080;--danger-soft: #2e1a1a;--info: #9b91f5;--info-soft: #211f3a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .3);--sidebar-bg: #171233;--sidebar-border: #2b2350;--sidebar-text: #a9a2d1;--sidebar-text-active: #ffffff;--sidebar-active-bg: #6d5dfb;--sidebar-brand-text: #ffffff;--chip-violet-bg: #7c5cfa;--chip-violet-fg: #ffffff;--chip-blue-bg: #2f8dfa;--chip-blue-fg: #ffffff;--chip-amber-bg: #e0a020;--chip-amber-fg: #1a1408;--chip-indigo-bg: #6a5cf0;--chip-indigo-fg: #ffffff;--chip-green-bg: #22b56a;--chip-green-fg: #ffffff;--chip-red-bg: #e0483f;--chip-red-fg: #ffffff;--chip-pink-bg: #e0468f;--chip-pink-fg: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}.shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;transition:background .15s,border-color .15s}.sidebar-brand{padding:18px 18px 14px;display:flex;align-items:center;gap:10px;font-weight:650;font-size:15px;color:var(--sidebar-brand-text);border-bottom:1px solid var(--sidebar-border)}.sidebar-brand .mark{width:28px;height:28px;border-radius:9px;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:11.5px;font-weight:700;letter-spacing:-.02em}.sidebar nav{padding:10px;flex:1}.nav-group-label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 10px 6px;font-size:10.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--sidebar-text);opacity:.7;background:none;border:none;cursor:pointer;font-family:inherit}.nav-group-label:hover{opacity:1}.nav-group-chevron{flex:0 0 auto;transition:transform .15s}.nav-group-chevron.collapsed{transform:rotate(-90deg)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-weight:500;white-space:nowrap}.nav-item:hover{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);text-decoration:none;opacity:.75}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:600;opacity:1}.nav-item-icon{flex:0 0 auto;width:17px;height:17px;opacity:.9}.icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.icon-chip{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.icon-chip svg{width:18px;height:18px}.icon-chip.violet{background:var(--chip-violet-bg);color:var(--chip-violet-fg)}.icon-chip.blue{background:var(--chip-blue-bg);color:var(--chip-blue-fg)}.icon-chip.amber{background:var(--chip-amber-bg);color:var(--chip-amber-fg)}.icon-chip.indigo{background:var(--chip-indigo-bg);color:var(--chip-indigo-fg)}.icon-chip.green{background:var(--chip-green-bg);color:var(--chip-green-fg)}.icon-chip.red{background:var(--chip-red-bg);color:var(--chip-red-fg)}.icon-chip.pink{background:var(--chip-pink-bg);color:var(--chip-pink-fg)}.stat-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-head .label{margin:0}.empty-icon{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--text-faint)}.empty-icon svg{width:22px;height:22px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;position:sticky;top:0;z-index:20}.topbar-right{display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:650;font-size:12px}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:4px 6px;border:none;border-radius:var(--radius-sm);background:none;font:inherit;color:inherit;cursor:pointer}.user-menu-trigger:hover{background:var(--surface-2)}.user-menu-chevron{transition:transform .12s}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:6px;z-index:30}.user-menu-item{display:block;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:none;font:inherit;font-weight:550;font-size:13px;color:var(--text);cursor:pointer}.user-menu-item:hover{background:var(--surface-2)}.page{padding:20px;max-width:1400px;width:100%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head p{margin:4px 0 0;color:var(--text-muted);font-size:13px;max-width:70ch}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.stat-card:hover{border-color:var(--accent);box-shadow:0 4px 14px #2f6df624;transform:translateY(-1px)}.stat-card .foot{color:var(--accent);font-weight:600}.card.card-soft{background:var(--brand-soft);border-color:#cbe8d6}.card.card-soft .card-head{border-bottom-color:#cbe8d6}.card-head{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-body{padding:16px}.card-body.tight{padding:0}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.split{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.grid.split>*{min-width:0;grid-template-columns:minmax(0,1fr)}.card{min-width:0}.grid.dashboard-cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr);align-items:start}@media(min-width:1301px){.grid.dashboard-cols.swap{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}@media(max-width:1300px){.grid.dashboard-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid.dashboard-cols>:last-child{grid-column:1 / -1}}@media(min-width:1101px)and (max-width:1300px){.grid.dashboard-cols.swap>:last-child{grid-column:auto}}@media(max-width:1100px){.grid.cols-4,.grid.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.split,.grid.dashboard-cols{grid-template-columns:minmax(0,1fr)}.grid.dashboard-cols>:last-child{grid-column:auto}}@media(max-width:720px){.grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.cols-6{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.page{padding:14px}}.stat .label{font-size:12px;color:var(--text-muted);font-weight:500}.stat .value{font-size:23px;font-weight:650;letter-spacing:-.02em;margin-top:3px}.stat .foot{font-size:12px;color:var(--text-faint);margin-top:3px}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.stat-trend{display:flex;align-items:baseline;gap:6px;margin-top:6px;font-size:12px;font-weight:650}.stat-trend.up{color:var(--ok)}.stat-trend.down{color:var(--danger)}.stat-trend-note{font-weight:500;color:var(--text-faint)}.rank-list{display:grid}.rank-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.rank-item:last-child{border-bottom:none}.rank-num{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--surface-2);color:var(--text-muted);font-size:11.5px;font-weight:700;display:grid;place-items:center;margin-top:1px}.rank-thumb{flex:0 0 36px;width:36px;height:36px;border-radius:9px;object-fit:cover;background:var(--surface-2);margin-top:1px}.rank-thumb-fallback{display:grid;place-items:center;color:var(--text-faint)}.rank-thumb-fallback svg{width:16px;height:16px}.rank-body{flex:1;min-width:0}.rank-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rank-bar{height:5px;border-radius:999px;background:var(--surface-2);margin-top:7px;overflow:hidden}.rank-bar span{display:block;height:100%;background:var(--ok);border-radius:inherit}.activity-list{display:grid}.activity-item{display:flex;align-items:flex-start;gap:11px;padding:11px 16px;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.activity-icon svg{width:15px;height:15px}.activity-thumb{object-fit:cover;background:var(--surface-2)}.activity-body{flex:1;min-width:0;overflow-wrap:anywhere}.activity-time{flex:0 0 auto;font-size:11px;color:var(--text-faint);white-space:nowrap;margin-top:1px}.feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-badge{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.feature-badge strong{display:block;font-size:13px}.feature-badge span:not(.icon-chip){display:block;font-size:12px;color:var(--text-muted);margin-top:2px}@media(max-width:1100px){.feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.feature-row{grid-template-columns:minmax(0,1fr)}}.topbar-search{display:flex;align-items:center;gap:8px;flex:1;max-width:420px;margin-left:18px;padding:6px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-faint)}.topbar-search input{flex:1;min-width:0;border:none;background:none;outline:none;font:inherit;font-size:13px;color:var(--text)}.topbar-search input::placeholder{color:var(--text-faint)}@media(max-width:1100px){.topbar-search{display:none}}.clock{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);white-space:nowrap}@media(max-width:1300px){.clock{display:none}}.notif-btn{position:relative;text-decoration:none}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:700;display:grid;place-items:center;line-height:1}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-weight:600;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2)}table.data td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--surface-2)}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--text)}.sort-arrow{font-size:10px;letter-spacing:0}table.data th.export-th{position:relative;padding-right:44px}.export-menu{position:absolute;right:8px;top:50%;transform:translateY(-50%);text-transform:none;letter-spacing:0}.export-menu .icon-btn{width:30px;height:30px;padding:0;justify-content:center}.export-menu .icon-btn svg{flex:0 0 auto}.export-menu-pop{position:fixed;z-index:40;min-width:120px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 34px #10121829;animation:select-pop .12s ease-out}.export-menu-item{display:block;width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.export-menu-item:hover,.export-menu-item:focus-visible{background:var(--surface-2);outline:none}.row-title{font-weight:550;overflow-wrap:anywhere}.row-sub{color:var(--text-faint);font-size:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:550;font-size:13px;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-text);filter:brightness(1.07)}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-muted)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn.sm{padding:4px 9px;font-size:12px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field>label{font-weight:550;font-size:12.5px}.field .help{font-size:12px;color:var(--text-faint)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.media-thumb.wide{aspect-ratio:3 / 1;width:100%;max-width:360px}.media-thumb{position:relative;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-url{font-size:10px;color:var(--text-faint);margin-top:4px;word-break:break-all;line-height:1.3}.media-primary{position:absolute;top:6px;left:6px;background:var(--ok);color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:999px}.media-thumb-actions{position:absolute;inset:auto 0 0 0;display:flex;gap:4px;padding:6px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);opacity:0;transition:opacity .12s}.media-thumb:hover .media-thumb-actions,.media-thumb:focus-within .media-thumb-actions{opacity:1}.media-thumb-actions .btn{background:#ffffffeb;border-color:transparent}.media-thumb-actions .btn:hover:not(:disabled){background:#fff}.media-focal-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);opacity:0;transition:opacity .12s}.media-thumb:hover .media-focal-grid,.media-thumb:focus-within .media-focal-grid{opacity:1}.media-focal-grid button{border:none;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}.media-focal-grid button:after{content:"";width:9px;height:9px;border-radius:50%;background:#fff9;border:1px solid rgba(0,0,0,.35)}.media-focal-grid button.active:after{background:var(--accent);border-color:#fff;width:12px;height:12px}.media-focal-hint{position:absolute;top:6px;right:6px;background:#0000008c;color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .12s;pointer-events:none}.media-thumb:hover .media-focal-hint,.media-thumb:focus-within .media-focal-hint{opacity:1}.field .error{font-size:12px;color:var(--danger)}.field .inherited{font-size:11px;color:var(--text-faint);font-weight:450}input[type=text],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{width:100%;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}textarea{min-height:76px;resize:vertical}.checkbox{display:flex;align-items:center;gap:8px;font-weight:450;cursor:pointer}.checkbox input{width:15px;height:15px;accent-color:var(--accent)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .spacer{flex:1}.toolbar input[type=search],.toolbar select{width:auto;min-width:150px}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.pill.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.pill.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.pill.info{background:var(--info-soft);color:var(--info);border-color:transparent}.pill.accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.tag{display:inline-block;padding:1px 7px;border-radius:5px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;color:var(--text-muted);font-family:var(--mono)}.tag.tag-plain{background:none;border:none;padding:1px 0}.empty{padding:44px 20px;text-align:center;color:var(--text-muted)}.banner{padding:10px 13px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;border:1px solid transparent}.banner.error{background:var(--danger-soft);color:var(--danger)}.banner.ok{background:var(--ok-soft);color:var(--ok)}.banner.info{background:var(--accent-soft);color:var(--accent)}.spinner{width:17px;height:17px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:9px;padding:34px;color:var(--text-muted);justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1080;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 48px #00000040;width:100%;max-width:620px}.modal.wide{max-width:940px}.modal-head{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{padding:18px}.modal-foot{padding:13px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.tree{font-size:13px}.tree-node{border-radius:var(--radius-sm)}.tree-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer}.tree-row:hover{background:var(--surface-2)}.tree-row.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.tree-row .twisty{width:16px;color:var(--text-faint);font-size:10px;flex:0 0 16px;text-align:center}.tree-row .count{margin-left:auto;color:var(--text-faint);font-size:11.5px;font-weight:500}.tree-children{margin-left:15px;border-left:1px solid var(--border);padding-left:5px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.login-card{width:100%;max-width:372px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:28px}.login-card .mark{width:40px;height:40px;border-radius:11px;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:19px;margin-bottom:16px}.switch{display:inline-flex;align-items:center;gap:8px;padding:2px 0;border:none;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap}.switch:disabled{opacity:.55;cursor:default}.switch-track{position:relative;width:34px;height:20px;flex:0 0 34px;border-radius:999px;background:var(--border-strong);transition:background .18s}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10121840;transition:transform .18s}.switch.on .switch-thumb{transform:translate(14px)}.switch.on.ok .switch-track{background:var(--ok)}.switch.on.ok{color:var(--ok)}.switch.on.accent .switch-track{background:var(--accent)}.switch.on.accent{color:var(--accent)}.switch.off{color:var(--text-muted)}.switch.off.danger{color:var(--danger)}.switch.off.danger .switch-track{background:#f1b9b9}.switch:focus-visible{outline:none}.switch:focus-visible .switch-track{box-shadow:0 0 0 3px var(--accent-soft)}.switch-note{display:block;margin-top:3px;font-size:11.5px;font-weight:500;color:var(--danger)}.switch-note.muted{color:var(--text-faint)}.select-menu{position:relative;width:100%}.select-menu-button{width:100%;min-height:40px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.select-menu-button:hover:not(:disabled){border-color:var(--accent)}.select-menu.open .select-menu-button,.select-menu-button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select-menu-button:disabled{background:var(--surface-2);color:var(--text-muted);cursor:default}.select-menu-value,.select-menu-placeholder{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-menu-placeholder,.select-menu-path{color:var(--text-faint)}.select-menu-chevron{flex:0 0 auto;color:var(--text-muted);transition:transform .15s}.select-menu.open .select-menu-chevron{transform:rotate(180deg)}.select-menu-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 34px #10121829;overflow:hidden;animation:select-pop .12s ease-out}@keyframes select-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.select-menu-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-faint)}.select-menu-search input{flex:1;border:none!important;box-shadow:none!important;padding:4px 0!important;min-height:0!important;background:transparent;font-size:13.5px}.select-menu-list{list-style:none;margin:0;padding:6px;max-height:320px;overflow-y:auto}.select-menu-list:focus{outline:none}.select-menu-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13.5px;color:var(--text);cursor:pointer}.select-menu-option.heading{font-weight:600;margin-top:4px}.select-menu-option.heading:first-child{margin-top:0}.select-menu-option.empty{color:var(--text-muted)}.select-menu-option.active{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.select-menu-option.selected{background:var(--accent-soft);color:var(--accent);font-weight:600;box-shadow:none}.select-menu-label{flex:1;min-width:0}.select-menu-hint{font-size:12px;color:var(--text-faint)}.select-menu-option svg{flex:0 0 auto;color:var(--accent)}.select-menu-none{padding:14px 12px;font-size:13px;color:var(--text-faint);text-align:center}.form-page{max-width:980px}.form-page-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px}.form-page-back{margin-left:-8px;color:var(--text-muted)}.form-page-head h1{margin:0;font-size:22px}.form-page-card .card-body{padding:22px 24px}.form-page-foot{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding:12px 0;background:linear-gradient(to top,var(--bg) 70%,transparent)}.stage-tracker{display:flex;gap:0;list-style:none;margin:0 0 14px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.stage{position:relative;flex:1 0 96px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 4px}.stage+.stage:before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--border);z-index:0}.stage.done+.stage:before,.stage.done+.stage.current:before{background:var(--ok)}.stage-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--surface);border:2px solid var(--border-strong);color:var(--text-faint)}.stage.done .stage-dot{background:var(--ok);border-color:var(--ok);color:#fff}.stage.current .stage-dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-soft)}.stage-label{font-size:11.5px;line-height:1.3;color:var(--text-muted)}.stage.current .stage-label{color:var(--accent);font-weight:600}.stage.done .stage-label{color:var(--text)}.stage-time{font-size:10.5px;color:var(--text-faint)}.stage-tracker.stopped{flex-direction:column;gap:2px;background:var(--danger-soft);border-color:#f3c9c9}.stage-tracker.stopped strong{color:var(--danger)}.next-step{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding:14px 18px;border-radius:var(--radius);border:1px solid #cfdcfb;background:var(--accent-soft)}.next-step-copy{display:flex;flex-direction:column;gap:2px}.next-step-copy .section-label{margin:0}.next-step-copy strong{font-size:14px;font-weight:600}.next-step-actions{display:flex;gap:8px;flex-wrap:wrap}.password-field{position:relative}.password-field input{width:100%;padding-right:42px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.password-toggle:hover{background:var(--surface-2);color:var(--text)}.login-hint{margin-top:16px;padding:11px 13px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-size:12px;color:var(--text-muted)}.login-hint code{font-family:var(--mono);color:var(--text)}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.right{text-align:right}.nowrap{white-space:nowrap}.stack{display:flex;flex-direction:column;gap:3px}.row-with-media{display:flex;align-items:center;gap:12px}.row-media{width:40px;height:40px;flex:0 0 40px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:var(--surface-muted, #f4f5f7)}.row-media-empty{display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.divider{height:1px;background:var(--border);margin:16px 0}.section-label{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:20px 0 10px}.section-label:first-child{margin-top:0}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:11px;padding-bottom:15px;position:relative}.timeline li:not(:last-child):before{content:"";position:absolute;left:8px;top:19px;bottom:0;width:2px;background:var(--border)}.timeline .dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);flex:0 0 18px;z-index:1;display:grid;place-items:center;font-size:9px;color:transparent}.timeline li.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.timeline li.active .dot{border-color:var(--accent);background:var(--accent);color:#fff}.timeline li.pending .label{color:var(--text-faint)}.timeline .label{font-weight:550;font-size:13px}.timeline .when{font-size:11.5px;color:var(--text-faint)}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:550;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.preview-push{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;background:var(--surface-2);padding:12px 14px}.panel{background:var(--surface-2)}.cat-m,.cat-m-back{display:none}@media(max-width:720px){.cats-head{margin-bottom:12px;gap:10px;flex-wrap:nowrap;align-items:center}.cats-head h1{font-size:20px;margin:0}.cats-head .btn{flex:0 0 auto}.cats-page:not(.m-editing) .cats-desktop,.cats-page.m-editing .cat-m,.cats-page.m-editing .cats-head{display:none}.cats-page .cats-tree-card{display:none}.cats-page:not(.m-editing) .cat-m,.cats-page.m-editing .cat-m-back{display:block}.cat-m-back{margin:-4px 0 12px;padding:10px 6px;border:none;background:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.cat-m-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;margin-bottom:10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-faint)}.cat-m-search input{flex:1;min-width:0;border:none!important;box-shadow:none!important;background:transparent;padding:0!important;font-size:15px}.cat-m-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 0}.cat-m-row{display:flex;align-items:center;min-height:52px;padding-right:2px;border-top:1px solid var(--border)}.cat-m-list>div:first-child>.cat-m-row{border-top:none}.cat-m-row.child .cat-m-name{font-weight:500}.cat-m-twisty{flex:0 0 36px;height:44px;display:grid;place-items:center;border:none;background:none;color:var(--text-faint);cursor:pointer}.cat-m-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 4px;border:none;background:none;font:inherit;text-align:left;color:var(--text);cursor:pointer}.cat-m-name{font-weight:650;font-size:15px;overflow-wrap:anywhere}.cat-m-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--text-faint)}.cat-m-more{flex:0 0 44px;height:44px;border:none;background:none;font-size:22px;line-height:1;color:var(--text-muted);cursor:pointer}.cat-m-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#10121866}.cat-m-sheet{position:fixed;left:0;right:0;bottom:0;z-index:91;padding:8px 12px calc(12px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--surface);box-shadow:0 -12px 40px #00000040}.cat-m-sheet-title{padding:10px 8px 6px;font-weight:650;overflow-wrap:anywhere}.cat-m-sheet button{display:block;width:100%;min-height:48px;padding:0 12px;border:none;border-radius:var(--radius-sm);background:none;font:inherit;font-size:15px;text-align:left;color:var(--text);cursor:pointer}.cat-m-sheet button:active{background:var(--surface-2)}.cat-m-sheet button.danger{color:var(--danger);margin-top:6px;border-top:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.cat-m-sheet button.cancel{margin-top:6px;text-align:center;font-weight:600;background:var(--surface-2)}.cats-page .card-head{flex-wrap:wrap;gap:8px}.cats-page .card-head h2,.cats-page .card-head .tag{overflow-wrap:anywhere}}