:root{--bg: oklch(98.5% .003 240);--bg-2: oklch(96.5% .005 240);--surface: #ffffff;--surface-1: var(--surface);--surface-2: oklch(96% .005 240);--border: oklch(91% .006 240);--border-strong: oklch(85% .008 240);--ink: oklch(20% .015 250);--ink-2: oklch(35% .012 250);--muted: oklch(55% .012 250);--accent: oklch(58% .13 195);--accent-hover: oklch(52% .13 195);--accent-soft: oklch(95% .03 195);--accent-2: oklch(62% .13 145);--success: oklch(62% .14 145);--warning: oklch(72% .14 70);--danger: oklch(60% .18 25);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-sm: 0 1px 2px rgba(20,30,50,.04);--shadow: 0 1px 3px rgba(20,30,50,.05), 0 4px 12px rgba(20,30,50,.04);--shadow-lg: 0 12px 40px rgba(20,30,50,.12)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}.app-shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 12px;border:0;background:transparent;color:var(--ink-2);border-radius:7px;font-size:13px;font-weight:500;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:#e8ecee;color:var(--ink)}.nav-item.nav-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm),0 0 0 1px var(--border)}.nav-item svg{color:var(--muted);flex-shrink:0}.nav-item.nav-active svg{color:var(--accent)}.badge-internal{margin-left:auto;font-size:9px;font-weight:600;letter-spacing:.04em;background:#e8eaf9;color:#3d3b8b;padding:2px 6px;border-radius:4px;text-transform:uppercase}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--border)}.avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#00b5b6,#008cb9);background:linear-gradient(135deg,color(xyz 0.243 0.366 0.507),color(xyz 0.181 0.224 0.522));color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.avatar-sm{width:26px;height:26px;font-size:10px}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-2);width:30px;height:30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background .12s;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn-tiny{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.icon-btn-tiny:hover{background:var(--surface-2);color:var(--ink)}.lang-toggle{width:auto!important;padding:0 8px;gap:4px;border:1px solid var(--border);height:30px}.main-area{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0}.page-sub{font-size:13px;color:var(--muted);margin:2px 0 0}.page-content{padding:24px 28px 60px;overflow-y:auto;flex:1}.search-bar{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted)}.search-bar input{border:0;background:transparent;outline:none;font:inherit;flex:1;min-width:0;color:var(--ink)}.search-bar kbd{font:11px var(--mono);padding:2px 5px;background:var(--surface-2);border-radius:4px;color:var(--muted)}.dot-indicator{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg)}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#11171d;color:#fff;height:32px;padding:0 14px;border-radius:7px;font:500 13px/1 Inter,sans-serif;display:inline-flex;align-items:center;gap:6px;transition:background .12s}.btn-primary:hover:not(:disabled){background:#232a30}.btn-primary svg{flex-shrink:0}.btn-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);height:32px;padding:0 14px;border-radius:7px;font:500 13px/1 Inter,sans-serif;display:inline-flex;align-items:center;gap:6px;transition:background .12s}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--ink-2);height:30px;padding:0 12px;border-radius:7px;font:500 13px/1 Inter,sans-serif;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--accent);font:500 13px/1 Inter,sans-serif;padding:4px 0}.link-btn:hover:not(:disabled){text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.card-hd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.card-title{font-size:14px;font-weight:600;letter-spacing:-.005em}.card-sub{font-size:12px;color:var(--muted);margin-top:2px}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.stat-success{border-color:#a5e0a5;background:#f1fcf0}.stat-warn{border-color:#ffbe8a;border-color:oklch(85% .12 60);background:#fff7f0;background:oklch(98% .025 60)}.tv-status-banner{display:flex;align-items:center;gap:20px;background:#ffebe8;background:oklch(96% .06 25);border:1px solid oklch(88% .12 25);border-radius:16px;padding:20px 24px;margin-top:24px;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #d747451a}.tv-status-banner:hover{background:#ffe7e4;background:oklch(95% .06 25);transform:translateY(-1px);box-shadow:0 6px 16px #d747451f}.tv-status-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffcfca;background:oklch(90% .12 25);color:#bb061e;flex-shrink:0;box-shadow:0 0 0 4px #bb061e1a}.tv-status-icon.pulse{animation:alert-pulse 2s infinite}@keyframes alert-pulse{0%{transform:scale(1);box-shadow:0 0 #bb061e66}70%{transform:scale(1.05);box-shadow:0 0 0 10px #bb061e00}to{transform:scale(1);box-shadow:0 0 #bb061e00}}.delta{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;font-weight:600;font-size:11px}.delta-up{background:#dff6de;color:#005813;color:oklch(40% .14 145)}.delta-down{background:#ffe7e4;background:oklch(95% .04 25);color:#9b1e22}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.6;white-space:nowrap}.progress-track{height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden;margin-top:6px}.progress-fill{height:100%;transition:width .3s}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.rank-row:last-child{border-bottom:0}.rank-num{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--muted);width:22px}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-play{background:var(--accent)}.activity-edit{background:#959af4}.activity-tv{background:var(--success)}.activity-add{background:var(--warning)}.quick-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;color:var(--ink);text-align:left;transition:all .15s}.quick-action:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}.quick-action svg{color:var(--accent)}.quick-action span{font-size:13px;font-weight:500}.upgrade-card{margin-top:16px;background:linear-gradient(135deg,#dcf9f8,#dbf3db);border-radius:10px;padding:14px;border:1px solid oklch(88% .05 195)}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.cat-pills{display:flex;flex-wrap:wrap;gap:6px}.cat-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);padding:6px 12px;border-radius:999px;font:500 12px/1 Inter,sans-serif;display:inline-flex;align-items:center;gap:6px;transition:all .12s}.cat-pill:hover{border-color:var(--border-strong)}.cat-pill.cat-active{background:#11171d;color:#fff;border-color:#11171d}.cat-dot{width:7px;height:7px;border-radius:50%}.select-input{height:32px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font:inherit;color:var(--ink);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.video-card{cursor:pointer;border-radius:10px;transition:transform .15s;position:relative}.video-card:hover{transform:translateY(-2px)}.video-card.video-selected .thumb{box-shadow:0 0 0 3px var(--accent)}.card-play{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#fffffff2;border:0;display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:0;transition:opacity .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-card:hover .card-play{opacity:1}.badge-new{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;font:600 10px/1 Inter,sans-serif;padding:4px 7px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase}.check-mark{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#ffffffd9;border:1.5px solid white;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s}.check-mark.check-on{background:var(--accent)}.selection-bar{margin-top:14px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#11171d;color:#fff;border-radius:10px}.selection-bar .btn-ghost{color:#fff;border-color:#fff3}.selection-bar .btn-ghost:hover{background:#ffffff1a;color:#fff}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr{transition:background .12s;cursor:pointer}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr.row-selected{background:#dcf9f8}.data-table tbody tr:last-child td{border-bottom:0}.check-sm{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:#fff}.check-sm.check-sm-on{background:var(--accent);border-color:var(--accent)}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.playlist-card-premium{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1)}.playlist-card-premium:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.playlist-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .15s}.playlist-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.playlist-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.playlist-card-premium:hover .playlist-hover-overlay{opacity:1}.playlist-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:16/9}.mosaic-tile{overflow:hidden}.mosaic-tile .thumb{aspect-ratio:auto!important;height:100%;border-radius:0!important}.playlist-create{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px dashed var(--border-strong);background:transparent;border-radius:14px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink-2);min-height:240px;transition:all .2s cubic-bezier(.2,.8,.2,1)}.playlist-create:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.playlist-create-icon{width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:transform .2s}.playlist-create:hover .playlist-create-icon{transform:scale(1.1)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;justify-content:flex-end}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;justify-content:center;align-items:center}.drawer{width:540px;max-width:90vw;height:100%;background:var(--bg);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideIn .25s cubic-bezier(.2,0,0,1)}.drawer-wide{width:720px}.drawer-hd{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.drawer-body{flex:1;overflow-y:auto;padding:4px 24px 24px}.drawer-ft{padding:14px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;background:var(--surface)}.drawer-section{margin-top:22px}.drawer-section:first-child{margin-top:18px}.section-title{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.drawer-title-input{border:0;background:transparent;outline:none;font:600 22px/1.2 Inter,sans-serif;letter-spacing:-.02em;color:var(--ink);margin-top:4px;padding:0;width:100%}.tag-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);padding:5px 10px;border-radius:6px;font:500 12px/1.2 Inter,sans-serif;transition:all .12s}.tag-btn:hover{border-color:var(--border-strong)}.tag-btn.tag-on{background:var(--accent);color:#fff;border-color:var(--accent)}.playlist-items{display:flex;flex-direction:column;gap:6px}.playlist-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.drag-handle{color:var(--muted);cursor:grab;padding:0 2px}.seq-num{font-family:var(--mono);font-size:11px;color:var(--muted);width:22px;text-align:center}.suggest-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.suggest-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:10px 12px;text-align:left;transition:all .12s}.suggest-card:hover{border-color:var(--accent)}.loc-tree{padding:8px 0}.tree-row{display:flex;align-items:center;gap:8px;padding:8px 18px;cursor:pointer;transition:background .12s;position:relative}.tree-row:hover{background:var(--surface-2)}.tree-row svg:first-child{color:var(--muted)}.tree-meta{font-size:11px;color:var(--muted);margin-left:auto;font-family:var(--mono)}.tree-child .tree-row{padding-left:38px}.tree-child .tree-child .tree-row{padding-left:58px}.tree-row-room{font-weight:500}.tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:8px 24px 16px 58px}.tv-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s}.tv-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}.tv-card-hd{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.tv-screen-mini{padding:0}.tv-screen-mini .thumb{border-radius:0!important}.tv-offline-msg{aspect-ratio:16/9;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.status-on{background:var(--success);box-shadow:0 0 0 3px #dff6de}.status-off{background:#acaeb1}.status-warn{background:var(--warning)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500;background:var(--surface-2);color:var(--ink-2)}.status-pill.status-on,.status-pill.status-active{background:#dff6de;color:#00480e;color:oklch(35% .13 145)}.status-pill.status-off{color:var(--muted)}.status-pill.status-trial{background:#ffebd5;background:oklch(95% .04 70);color:#653e00;color:oklch(40% .14 70)}.now-playing-frame{background:#11171d;border-radius:12px;padding:14px;box-shadow:inset 0 1px #ffffff0d,var(--shadow)}.np-progress{height:3px;background:var(--surface-2);border-radius:2px;margin-top:10px;overflow:hidden}.np-progress-fill{height:100%;background:var(--accent)}.upcoming-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.upcoming-card{cursor:pointer}.upcoming-num{position:absolute;top:6px;left:6px;background:#0009;color:#fff;font:600 10px/1 var(--mono);padding:3px 5px;border-radius:3px}.seg-control{display:inline-flex;padding:2px;background:var(--surface-2);border-radius:8px;border:1px solid var(--border)}.seg-control button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 12px;border-radius:6px;font:500 12px/1 Inter,sans-serif;color:var(--muted);transition:all .12s}.seg-control button:hover{color:var(--ink)}.seg-control button.seg-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.seg-control.seg-sm button{padding:4px 10px;font-size:11px}.tab-seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 12px;border-radius:8px;font:600 11px/1 Inter,sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;transition:all .15s;cursor:pointer}.tab-seg-btn:hover{color:var(--ink)}.tab-seg-btn.tab-seg-on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.hourly-bars{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;height:120px;align-items:end;margin-top:10px}.hb-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.hb-bar{width:100%;background:linear-gradient(to top,var(--accent),oklch(70% .13 195));border-radius:3px 3px 0 0;min-height:3px;transition:height .3s ease}.hb-label{font:9px/1 var(--mono);color:var(--muted)}.package-hero{position:relative;background:linear-gradient(135deg,#011d50,#08071f);border-radius:16px;padding:36px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;overflow:hidden;box-shadow:0 20px 40px #00000026}.package-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% -20%,oklch(60% .2 195) 0%,transparent 60%),radial-gradient(circle at -20% 120%,oklch(60% .2 145) 0%,transparent 60%);opacity:.6;mix-blend-mode:color-dodge}.package-hero>div,.package-hero>button{position:relative;z-index:1}.premium-glass-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.premium-glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.premium-progress-track{height:8px;border-radius:4px;background:#e3f1fb;overflow:hidden;margin-top:10px;box-shadow:inset 0 1px 2px #0000000f}.premium-progress-fill{height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);border-radius:4px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{border:1px solid var(--border);border-radius:16px;padding:24px;position:relative;background:var(--surface);transition:all .3s cubic-bezier(.2,.8,.2,1)}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.plan-card.plan-current{border:2px solid var(--accent);padding:23px;background:linear-gradient(180deg,var(--surface) 0%,oklch(98% .02 195) 100%);box-shadow:0 8px 24px #0096ff1f}.plan-badge{position:absolute;top:-12px;left:24px;background:linear-gradient(90deg,var(--accent),oklch(60% .14 145));color:#fff;font:600 11px/1 Inter,sans-serif;padding:6px 12px;border-radius:6px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 12px #0096ff4d}.login-shell{display:grid;grid-template-columns:480px 1fr;height:100vh}.login-side{display:flex;flex-direction:column;background:var(--bg)}.login-form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:0 36px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;font-weight:500;color:var(--ink-2)}.field input,.field textarea,.field select{height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font:inherit;color:var(--ink);outline:none;transition:all .15s ease;width:100%}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer}.field select option{padding:10px;background:var(--surface);color:var(--ink)}.field textarea{padding-top:8px;padding-bottom:8px;min-height:80px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #008e8f26;box-shadow:0 0 0 3px oklch(58% .13 195 / .15);background:#fff}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.6}.login-art{background:linear-gradient(135deg,#dcf9f8,#d4f0ff);background:linear-gradient(135deg,#dcf9f8,color(xyz 0.761 0.838 1.087));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.login-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,oklch(85% .08 195) 0%,transparent 50%),radial-gradient(circle at 80% 70%,oklch(85% .08 280) 0%,transparent 50%);opacity:.5}.login-art-inner{position:relative;display:flex;flex-direction:column;align-items:center;padding:40px}.art-frame{position:relative;width:420px;height:280px}.art-tv{width:380px;margin:0 auto;background:#070c11;border-radius:12px;padding:14px;box-shadow:0 20px 60px #00000026}.art-screen{border-radius:6px;overflow:hidden}.art-stand{width:80px;height:14px;background:#070c11;margin:4px auto 0;border-radius:0 0 8px 8px}.art-card{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow-lg)}.art-card-1{top:30px;left:-40px;width:220px}.art-card-2{bottom:20px;right:-50px;width:180px}.empty{text-align:center;padding:40px 20px;color:var(--ink-2);border:1.5px dashed var(--border);border-radius:10px}.empty svg{color:var(--muted)}.thumb{position:relative}.role-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.role-pickable{display:flex;align-items:flex-start;cursor:pointer;transition:all .12s}.role-pickable:hover{border-color:var(--border-strong)}.role-card-active{border-color:var(--accent);background:var(--accent-soft)}.select-input:disabled{opacity:.55;cursor:not-allowed}.activate-code-box{border:1.5px dashed var(--border-strong);border-radius:12px;padding:18px;text-align:center;background:var(--surface-2)}.connect-status{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-2);border-radius:8px}.loading-spinner{width:14px;height:14px;margin-left:auto;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.tree-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s;margin-left:auto;padding-left:8px}.tree-row:hover .tree-actions{opacity:1}.icon-btn-sm{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;cursor:pointer;color:var(--muted);transition:all .12s}.icon-btn-sm:hover:not(:disabled){background:var(--surface);color:var(--ink)}.icon-btn-xs{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:none;background:transparent;cursor:pointer;color:var(--muted);transition:all .12s}.icon-btn-xs:hover{background:var(--surface-2);color:var(--ink)}.tree-empty-sub{padding:10px 18px 14px 38px;display:flex;gap:10px;align-items:center}.btn-link{background:transparent;border:none;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;padding:4px 6px;border-radius:4px}.btn-link:hover{background:var(--accent-soft)}.btn-danger{background:#c53637;color:#fff;border:none;padding:0 14px;height:36px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s}.btn-danger:hover{background:#ac1922}.tv-card-empty{border:1.5px dashed var(--border-strong);border-radius:10px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);cursor:pointer;transition:all .15s;min-height:140px}.tv-card-empty:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.playlist-pick{padding:12px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .12s;background:var(--surface)}.playlist-pick:hover{border-color:var(--border-strong)}.playlist-pick-active{border-color:var(--accent);background:var(--accent-soft)}.limit-banner{display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:10px;background:#fff0d7;background:oklch(96% .04 80);border:1px solid oklch(85% .08 80);color:#533200;color:oklch(35% .12 70)}.empty-state{padding:60px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.modal-sm{background:var(--surface);border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-md{background:var(--surface);border-radius:14px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.wizard-steps{display:flex;align-items:center;gap:0;padding:14px 0 0;margin-top:12px}.wiz-step{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--muted);font-size:12px;font-weight:500;position:relative}.wiz-step:not(:last-child):after{content:"";flex:1;height:1px;background:var(--border);margin:0 8px}.wiz-step.wiz-cur{color:var(--ink)}.wiz-step.wiz-on:not(.wiz-cur){color:var(--accent)}.wiz-step.wiz-active{color:var(--ink)}.wiz-step.wiz-done{color:var(--accent)}.wiz-dot{width:22px;height:22px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--muted);font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wiz-step.wiz-cur .wiz-dot,.wiz-step.wiz-active .wiz-dot{background:#11171d;color:#fff;border-color:#11171d}.wiz-step.wiz-on:not(.wiz-cur) .wiz-dot,.wiz-step.wiz-done .wiz-dot{background:var(--accent);border-color:var(--accent);color:#fff}.wiz-lbl{white-space:nowrap}.org-branch{border:1px solid var(--border);border-radius:10px;background:var(--surface);margin-bottom:12px;overflow:hidden}.org-row{display:flex;align-items:center;gap:8px;padding:10px 12px}.org-row+.org-row{border-top:1px solid var(--border)}.org-row svg{color:var(--muted);flex-shrink:0}.org-input{flex:1;min-width:0;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font:500 13px/1 Inter,sans-serif;color:var(--ink);outline:none}.org-input:focus{border-color:var(--accent)}.org-input-sm{font-size:12px;height:28px}.org-site{margin-left:28px;border-left:2px solid var(--border);padding-left:12px;margin-top:8px;padding-bottom:8px}.org-room{margin-left:28px;border-left:2px solid var(--border);padding-left:12px;margin-top:6px;display:flex;align-items:center;gap:8px;padding-top:6px;padding-bottom:6px}.tv-count-input{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);flex-shrink:0}.tv-count-input span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.tv-count-input input{width:38px;border:0;background:transparent;font:500 13px/1 var(--mono);color:var(--ink);text-align:center;outline:none;padding:0}.add-row-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px dashed var(--border-strong);color:var(--muted);padding:6px 10px;border-radius:6px;font:500 12px/1 Inter,sans-serif;display:inline-flex;align-items:center;gap:5px;margin-top:6px;transition:all .12s}.add-row-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.review-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px}.review-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;gap:8px}.review-hd svg{flex-shrink:0}.feature-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.feature-row:last-child{border-bottom:0}.twk-toggle{position:relative;width:32px;height:18px;border:0;border-radius:999px;background:var(--border-strong);transition:background .2s cubic-bezier(.4,0,.2,1);padding:0;cursor:pointer}.twk-toggle[data-on="1"]{background:var(--success)}.twk-toggle i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000001a;transition:transform .2s cubic-bezier(.4,0,.2,1)}.twk-toggle[data-on="1"] i{transform:translate(14px)}.feature-row input[type=text]{flex:1;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font:inherit;color:var(--ink);outline:none}.feature-row input[type=text]:focus{border-color:var(--accent)}.textarea-field{width:100%;min-height:70px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font:inherit;color:var(--ink);outline:none;resize:vertical}.textarea-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.limit-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.limit-row{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.limit-row label{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.limit-input{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font:500 14px/1 var(--mono);color:var(--ink);outline:none;width:100%}.limit-input:focus{border-color:var(--accent)}.plan-pick{cursor:pointer;transition:all .12s;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.plan-pick:hover{border-color:var(--border-strong)}.pkg-admin-card{display:flex;flex-direction:column;gap:12px}.hero-featured{position:relative;overflow:hidden;background:linear-gradient(135deg,#eaf9f8,#e5f5fd);border:1px solid oklch(89% .04 195);border-radius:14px;margin-bottom:6px}.hero-featured-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 70% 50%,oklch(88% .06 195) 0%,transparent 65%);opacity:.5}.hero-featured-inner{position:relative;padding:24px 24px 20px;display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center}.hero-featured-info{display:flex;flex-direction:column;gap:10px}.hero-featured-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.hero-featured-title{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0;line-height:1.25}.hero-featured-sub{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.hero-featured-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:8px}.hero-card{border-radius:10px;overflow:hidden;cursor:pointer;position:relative}.hero-card:hover{transform:translateY(-2px)}.hero-card-lg{grid-row:1 / 3;grid-column:1 / 2}.hero-card-thumb{position:relative;width:100%;height:100%}.hero-card-lg .hero-card-thumb{height:100%}.hero-card-thumb .thumb{width:100%;height:100%}.hero-card-lg .hero-card-thumb .thumb{aspect-ratio:4/3}.hero-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 12px;background:linear-gradient(to top,rgba(10,15,30,.85) 0%,transparent 100%);display:flex;flex-direction:column}.hero-card-lg .hero-card-overlay{padding:32px 16px 16px}.hero-card:not(.hero-card-lg) .hero-card-overlay{padding:16px 10px 10px}.hero-recent-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:14px}.lib-section-hd{display:flex;justify-content:space-between;align-items:flex-start;margin-top:24px;margin-bottom:4px}.lib-section-title{font-size:15px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}.lib-section-sub{font-size:12px;color:var(--muted);margin-top:3px}.dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;min-width:180px;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .2s cubic-bezier(.175,.885,.32,1.1);transform-origin:top right}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-menu button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;font:500 13px/1 Inter,sans-serif;color:var(--ink-2);text-align:left;transition:background .1s,color .1s;width:100%}.dropdown-menu button:hover{background:var(--surface-2);color:var(--ink)}.dropdown-menu button svg{color:var(--muted)}.dropdown-menu button:hover svg{color:var(--accent)}.dropdown-divider{height:1px;background:var(--border);margin:4px}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-subtle{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes pulse-glow{0%{box-shadow:0 0 #4e9a5266}70%{box-shadow:0 0 0 10px #4e9a5200}to{box-shadow:0 0 #4e9a5200}}@keyframes hcMarquee{0%{transform:translate(0)}to{transform:translate(-100%)}}