:root,:root[data-theme=midnight]{--bg: #0a0f1f;--bg-2: #0c1428;--panel: #111a2e;--panel-2: #16213a;--panel-3: #1b2846;--input-bg: #0c1527;--border: #1e2a45;--border-strong:#2a3a5c;--text: #e7edf7;--text-dim: #b8c4dc;--muted: #8ea0bf;--primary: #3b82f6;--primary-2: #2563eb;--primary-soft:rgba(59,130,246,.14);--success: #10b981;--success-2: #047857;--success-soft:rgba(16,185,129,.14);--warn: #f59e0b;--warn-2: #b45309;--warn-soft: rgba(245,158,11,.16);--orange: #f97316;--orange-2: #c2410c;--orange-soft: rgba(249,115,22,.14);--danger: #ef4444;--danger-2: #b91c1c;--danger-soft: rgba(239,68,68,.14);--purple: #8b5cf6;--purple-2: #6d28d9;--purple-soft: rgba(139,92,246,.16);--cyan: #06b6d4;--cyan-2: #0e7490;--cyan-soft: rgba(6,182,212,.14);--pink: #ec4899;--pink-2: #be185d;--pink-soft: rgba(236,72,153,.14);--sidebar-from: #0b1224;--sidebar-to: #0d162b;--topbar-bg: rgba(12, 20, 40, .78);--brand-from: #3b82f6;--brand-to: #8b5cf6;--hero-from: #3b82f6;--hero-to: #8b5cf6;--menu-text: #b8c4dc;--menu-hover-bg: rgba(255,255,255,.04);--menu-active-bg: linear-gradient(135deg, var(--primary), var(--primary-2));--menu-active-bd: transparent;--menu-active-fg: #ffffff;--menu-active-shadow: 0 8px 20px rgba(59,130,246,.28);--table-hover: rgba(255,255,255,.03);--glow-1: rgba(59,130,246,.15);--glow-2: rgba(139,92,246,.15);--shadow-card: 0 6px 22px rgba(0,0,0,.28);--shadow-soft: 0 3px 10px rgba(0,0,0,.2);--shadow-auth: 0 24px 60px rgba(0,0,0,.35)}:root[data-theme=ocean]{--bg: #04151e;--bg-2: #052431;--panel: #0a2f42;--panel-2: #0c3a51;--panel-3: #104760;--input-bg: #062431;--border: #124d66;--border-strong:#186c8c;--text: #e0f7fa;--text-dim: #9fd7e0;--muted: #80b9c6;--primary: #06b6d4;--primary-2: #0891b2;--primary-soft: rgba(6,182,212,.16);--success: #14b8a6;--success-2: #0f766e;--success-soft: rgba(20,184,166,.16);--warn: #fbbf24;--warn-2: #b45309;--warn-soft: rgba(251,191,36,.18);--orange: #fb923c;--orange-2: #c2410c;--orange-soft: rgba(251,146,60,.16);--danger: #f87171;--danger-2: #b91c1c;--danger-soft: rgba(248,113,113,.16);--purple: #22d3ee;--purple-2: #0e7490;--purple-soft: rgba(34,211,238,.18);--cyan: #67e8f9;--cyan-2: #0891b2;--cyan-soft: rgba(103,232,249,.2);--pink: #f472b6;--pink-2: #be185d;--pink-soft: rgba(244,114,182,.16);--sidebar-from: #04151e;--sidebar-to: #052431;--topbar-bg: rgba(6,36,49,.78);--brand-from: #06b6d4;--brand-to: #14b8a6;--hero-from: #06b6d4;--hero-to: #14b8a6;--menu-text: #b5e3eb;--menu-hover-bg: rgba(6,182,212,.08);--menu-active-bg: linear-gradient(135deg, #06b6d4, #0891b2);--menu-active-fg: #ffffff;--menu-active-shadow: 0 8px 20px rgba(6,182,212,.28);--glow-1: rgba(6,182,212,.18);--glow-2: rgba(20,184,166,.18)}:root[data-theme=royal]{--bg: #17082e;--bg-2: #1e0d40;--panel: #281153;--panel-2: #2f1561;--panel-3: #3a1d78;--input-bg: #1c0d3d;--border: #3a2070;--border-strong:#5530a0;--text: #f3e8ff;--text-dim: #d6bcfa;--muted: #a48bd4;--primary: #a855f7;--primary-2: #7e22ce;--primary-soft: rgba(168,85,247,.18);--success: #10b981;--success-2: #047857;--success-soft: rgba(16,185,129,.16);--warn: #fbbf24;--warn-2: #b45309;--warn-soft: rgba(251,191,36,.18);--orange: #fb923c;--orange-2: #c2410c;--orange-soft: rgba(251,146,60,.16);--danger: #ef4444;--danger-2: #991b1b;--danger-soft: rgba(239,68,68,.16);--purple: #c084fc;--purple-2: #7c3aed;--purple-soft: rgba(192,132,252,.2);--cyan: #22d3ee;--cyan-2: #0891b2;--cyan-soft: rgba(34,211,238,.18);--pink: #ec4899;--pink-2: #be185d;--pink-soft: rgba(236,72,153,.18);--sidebar-from: #17082e;--sidebar-to: #1e0d40;--topbar-bg: rgba(30,13,64,.78);--brand-from: #a855f7;--brand-to: #ec4899;--hero-from: #a855f7;--hero-to: #ec4899;--menu-text: #e9d5ff;--menu-hover-bg: rgba(168,85,247,.1);--menu-active-bg: linear-gradient(135deg, #a855f7, #7e22ce);--menu-active-fg: #ffffff;--menu-active-shadow: 0 8px 20px rgba(168,85,247,.3);--glow-1: rgba(168,85,247,.22);--glow-2: rgba(236,72,153,.2)}:root[data-theme=emerald]{--bg: #04211a;--bg-2: #05322a;--panel: #0a473a;--panel-2: #0d5645;--panel-3: #116a55;--input-bg: #062e25;--border: #10744f;--border-strong:#139161;--text: #ecfdf5;--text-dim: #a7f3d0;--muted: #6ee7b7;--primary: #10b981;--primary-2: #047857;--primary-soft: rgba(16,185,129,.18);--success: #22c55e;--success-2: #15803d;--success-soft: rgba(34,197,94,.18);--warn: #f59e0b;--warn-2: #b45309;--warn-soft: rgba(245,158,11,.16);--orange: #fb923c;--orange-2: #c2410c;--orange-soft: rgba(251,146,60,.16);--danger: #ef4444;--danger-2: #991b1b;--danger-soft: rgba(239,68,68,.16);--purple: #8b5cf6;--purple-2: #5b21b6;--purple-soft: rgba(139,92,246,.16);--cyan: #06b6d4;--cyan-2: #0e7490;--cyan-soft: rgba(6,182,212,.16);--pink: #ec4899;--pink-2: #be185d;--pink-soft: rgba(236,72,153,.14);--sidebar-from: #04211a;--sidebar-to: #05322a;--topbar-bg: rgba(5,50,42,.78);--brand-from: #10b981;--brand-to: #06b6d4;--hero-from: #10b981;--hero-to: #06b6d4;--menu-text: #bbf7d0;--menu-hover-bg: rgba(16,185,129,.1);--menu-active-bg: linear-gradient(135deg, #10b981, #047857);--menu-active-fg: #ffffff;--menu-active-shadow: 0 8px 20px rgba(16,185,129,.3);--glow-1: rgba(16,185,129,.2);--glow-2: rgba(6,182,212,.18)}:root[data-theme=sunset]{--bg: #180a06;--bg-2: #29110a;--panel: #361810;--panel-2: #461f15;--panel-3: #55271b;--input-bg: #26110b;--border: #5c2e24;--border-strong:#8b4a38;--text: #fff1e6;--text-dim: #fed7aa;--muted: #f59f7a;--primary: #f97316;--primary-2: #c2410c;--primary-soft: rgba(249,115,22,.2);--success: #10b981;--success-2: #047857;--success-soft: rgba(16,185,129,.16);--warn: #fbbf24;--warn-2: #b45309;--warn-soft: rgba(251,191,36,.2);--orange: #fb923c;--orange-2: #c2410c;--orange-soft: rgba(251,146,60,.2);--danger: #ef4444;--danger-2: #991b1b;--danger-soft: rgba(239,68,68,.16);--purple: #f472b6;--purple-2: #be185d;--purple-soft: rgba(244,114,182,.2);--cyan: #fbbf24;--cyan-2: #b45309;--cyan-soft: rgba(251,191,36,.2);--pink: #ec4899;--pink-2: #be185d;--pink-soft: rgba(236,72,153,.2);--sidebar-from: #180a06;--sidebar-to: #29110a;--topbar-bg: rgba(38,17,11,.78);--brand-from: #f97316;--brand-to: #ec4899;--hero-from: #f97316;--hero-to: #ec4899;--menu-text: #fed7aa;--menu-hover-bg: rgba(249,115,22,.1);--menu-active-bg: linear-gradient(135deg, #f97316, #c2410c);--menu-active-fg: #ffffff;--menu-active-shadow: 0 8px 20px rgba(249,115,22,.3);--glow-1: rgba(249,115,22,.22);--glow-2: rgba(236,72,153,.2)}:root[data-theme=light]{--bg: #f4f7fb;--bg-2: #eef2f8;--panel: #ffffff;--panel-2: #f8fafc;--panel-3: #f1f5f9;--input-bg: #ffffff;--border: #e2e8f0;--border-strong:#cbd5e1;--text: #0f172a;--text-dim: #334155;--muted: #64748b;--primary: #2563eb;--primary-2: #1d4ed8;--primary-soft: rgba(37,99,235,.12);--success: #059669;--success-2: #047857;--success-soft: rgba(5,150,105,.12);--warn: #d97706;--warn-2: #b45309;--warn-soft: rgba(217,119,6,.14);--orange: #ea580c;--orange-2: #c2410c;--orange-soft: rgba(234,88,12,.12);--danger: #dc2626;--danger-2: #991b1b;--danger-soft: rgba(220,38,38,.12);--purple: #7c3aed;--purple-2: #5b21b6;--purple-soft: rgba(124,58,237,.12);--cyan: #0891b2;--cyan-2: #0e7490;--cyan-soft: rgba(8,145,178,.12);--pink: #db2777;--pink-2: #be185d;--pink-soft: rgba(219,39,119,.12);--sidebar-from: #ffffff;--sidebar-to: #f1f5f9;--topbar-bg: rgba(255,255,255,.85);--brand-from: #2563eb;--brand-to: #7c3aed;--hero-from: #2563eb;--hero-to: #7c3aed;--menu-text: #475569;--menu-hover-bg: #f1f5f9;--menu-active-bg: linear-gradient(135deg, #2563eb, #1d4ed8);--menu-active-fg: #ffffff;--menu-active-shadow: 0 8px 18px rgba(37,99,235,.25);--table-hover: #f8fafc;--glow-1: rgba(37,99,235,.1);--glow-2: rgba(124,58,237,.1);--shadow-card: 0 3px 12px rgba(15,23,42,.06);--shadow-soft: 0 2px 8px rgba(15,23,42,.05);--shadow-auth: 0 24px 60px rgba(15,23,42,.12)}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:radial-gradient(900px 500px at 100% 0%,var(--glow-2),transparent 60%),radial-gradient(700px 400px at 0% 100%,var(--glow-1),transparent 60%),var(--bg)}.sidebar{background:linear-gradient(180deg,var(--sidebar-from) 0%,var(--sidebar-to) 100%);border-right:1px solid var(--border);padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 4px}.brand .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand-from),var(--brand-to));display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:0 6px 16px #0003}.brand .title{font-weight:800;letter-spacing:.2px}.profile-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.profile-card .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand-from),var(--brand-to));display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0}.profile-card .who{min-width:0;flex:1}.profile-card .name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card .email{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.menu-heading{color:var(--muted);font-size:11px;letter-spacing:.8px;text-transform:uppercase;padding:12px 12px 4px}.menu a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--menu-text);font-size:14px;font-weight:500;border:1px solid transparent;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}.menu a:hover{background:var(--menu-hover-bg);color:var(--text)}.menu a.active{background:var(--menu-active-bg);color:var(--menu-active-fg);border-color:var(--menu-active-bd);box-shadow:var(--menu-active-shadow)}.menu a.active .icon{color:#fff}.menu .icon{width:18px;text-align:center;color:var(--muted)}.menu a:hover .icon{color:var(--text)}.sidebar-footer{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.main{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar .welcome{color:var(--muted);font-size:13px}.topbar .username{font-weight:700;font-size:16px}.topbar .balance{background:var(--panel);border:1px solid var(--border);padding:8px 14px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-soft)}.topbar .balance .chip-ico{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:#fff;font-size:14px}.topbar .balance .bal-label{font-size:11px;color:var(--muted);font-weight:500}.topbar .balance .bal-value{font-size:14px;color:var(--text)}.content{padding:24px 26px;display:flex;flex-direction:column;gap:20px}.section-title{font-size:18px;font-weight:700;margin:2px}.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1280px){.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.hero{position:relative;background:linear-gradient(135deg,var(--hero-from),var(--hero-to));border-radius:18px;padding:28px 32px;color:#fff;overflow:hidden;box-shadow:var(--shadow-card);display:flex;justify-content:space-between;align-items:center;gap:20px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 100% 0%,rgba(255,255,255,.18),transparent 60%),radial-gradient(400px 200px at 0% 100%,rgba(0,0,0,.18),transparent 60%);pointer-events:none}.hero>*{position:relative}.hero .hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.9;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.hero h1{font-size:30px;margin:6px 0;font-weight:800;letter-spacing:-.02em}.hero .hero-sub{font-size:14px;opacity:.9;max-width:560px}.hero .hero-right{text-align:right}.hero .hero-right .bal-label{font-size:13px;opacity:.85}.hero .hero-right .bal-value{font-size:28px;font-weight:800;margin-top:4px}.hero .hero-action{margin-top:10px;display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);padding:8px 14px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:background .15s ease}.hero .hero-action:hover{background:#ffffff47}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-card)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h3{margin:0;font-size:15px;font-weight:700}.card-head .sub{font-size:12px;color:var(--muted)}.stat{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px 18px 20px;overflow:hidden;min-height:130px;box-shadow:var(--shadow-card);transition:transform .15s ease,border-color .15s ease;--stat-accent: var(--primary);--chip-tint: var(--primary-soft);--chip-color: var(--primary)}.stat:hover{transform:translateY(-2px);border-color:var(--border-strong)}.stat:after{content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;background:radial-gradient(closest-side,var(--stat-accent),transparent 70%);opacity:.14;pointer-events:none;border-radius:50%;filter:blur(4px)}.stat .chip{position:static;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--chip-tint);color:var(--chip-color);font-size:20px;margin-bottom:14px;border:1px solid transparent}.stat .label{color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.1px}.stat .value{font-size:24px;font-weight:700;margin-top:4px;color:var(--text);letter-spacing:-.01em}.stat .sub{color:var(--muted);font-size:12px;margin-top:6px}button.stat,.package-card{font:inherit;color:inherit;width:100%;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.stat:focus-visible,.package-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.package-card.is-selected{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-soft),var(--shadow-card)}.stat.primary{--stat-accent: var(--primary);--chip-tint: var(--primary-soft);--chip-color: var(--primary)}.stat.success{--stat-accent: var(--success);--chip-tint: var(--success-soft);--chip-color: var(--success)}.stat.warn{--stat-accent: var(--warn);--chip-tint: var(--warn-soft);--chip-color: var(--warn)}.stat.orange{--stat-accent: var(--orange);--chip-tint: var(--orange-soft);--chip-color: var(--orange)}.stat.danger{--stat-accent: var(--danger);--chip-tint: var(--danger-soft);--chip-color: var(--danger)}.stat.purple{--stat-accent: var(--purple);--chip-tint: var(--purple-soft);--chip-color: var(--purple)}.stat.cyan{--stat-accent: var(--cyan);--chip-tint: var(--cyan-soft);--chip-color: var(--cyan)}.stat.pink{--stat-accent: var(--pink);--chip-tint: var(--pink-soft);--chip-color: var(--pink)}.btn{border:1px solid transparent;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;transition:filter .15s ease,transform .05s ease,box-shadow .15s ease;box-shadow:0 4px 12px #00000026}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--panel);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-soft)}.btn.secondary:hover{border-color:var(--border-strong);background:var(--panel-2);filter:none}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.btn.ghost:hover{background:var(--menu-hover-bg)}.btn.danger{background:linear-gradient(135deg,var(--danger),var(--danger-2))}.btn.success{background:linear-gradient(135deg,var(--success),var(--success-2))}.btn:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{width:100%;padding:11px 13px;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none;font-family:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:.2px;font-weight:500}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border);text-transform:capitalize;font-weight:600}.badge.pending{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge.approved{background:var(--success-soft);color:var(--success);border-color:transparent}.badge.rejected{background:var(--danger-soft);color:var(--danger);border-color:transparent}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border)}tbody td{padding:13px 12px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-dim)}tbody tr:hover{background:var(--table-hover)}tbody tr:last-child td{border-bottom:none}.level-row{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel-2)}.level-row+.level-row{margin-top:10px}.level-badge{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;flex-shrink:0}.level-badge.l2{background:linear-gradient(135deg,var(--purple),var(--purple-2))}.level-badge.l3{background:linear-gradient(135deg,var(--pink),var(--pink-2))}.level-badge.l4{background:linear-gradient(135deg,var(--cyan),var(--cyan-2))}.level-badge.l5{background:linear-gradient(135deg,var(--success),var(--success-2))}.level-badge.l6{background:linear-gradient(135deg,var(--warn),var(--warn-2))}.level-row .body{flex:1;min-width:0}.level-row .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.level-row .name{font-weight:700;font-size:14px}.level-row .pill{font-size:11px;color:var(--muted);background:var(--panel-3);padding:3px 10px;border-radius:999px;border:1px solid var(--border)}.level-row .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}.progress{height:6px;background:var(--panel-3);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:inherit}.tree{display:flex;flex-direction:column;gap:6px}.tree ul{list-style:none;margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;position:relative}.tree ul:before{content:"";position:absolute;left:10px;top:0;bottom:14px;border-left:1px dashed var(--border-strong)}.tree li{position:relative}.tree li:before{content:"";position:absolute;left:-12px;top:22px;width:12px;border-top:1px dashed var(--border-strong)}.tree-node{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 12px;box-shadow:var(--shadow-soft);min-height:44px}.tree-node .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.tree-node .lvl{font-size:10px;padding:2px 6px;border-radius:999px;background:var(--panel-3);color:var(--muted);font-weight:700;letter-spacing:.3px;flex-shrink:0}.tree-node .tn-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.tree-node .tn-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node .tn-meta{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node .tn-stats{font-size:11px;color:var(--text-dim);display:flex;gap:10px;flex-shrink:0}.tree-node .tn-stats b{color:var(--text);font-weight:700}.tree-node .toggle{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--border);cursor:pointer;color:var(--muted);font-size:12px;flex-shrink:0}.tree-node .toggle:hover{color:var(--text);border-color:var(--border-strong)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:13px;padding:28px 10px}.empty .ico{font-size:32px;opacity:.5}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1000px 600px at 20% 0%,var(--glow-1),transparent 60%),radial-gradient(800px 500px at 100% 100%,var(--glow-2),transparent 60%),var(--bg);padding:20px}.auth-card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow-auth)}.auth-card h2{margin:0 0 14px}.theme-picker{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:5px;box-shadow:var(--shadow-soft)}.theme-picker button{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .1s ease,border-color .15s ease}.theme-picker button:hover{transform:scale(1.1)}.theme-picker button.active{border-color:var(--text)}.theme-picker .swatch-midnight{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.theme-picker .swatch-ocean{background:linear-gradient(135deg,#06b6d4,#14b8a6)}.theme-picker .swatch-royal{background:linear-gradient(135deg,#a855f7,#ec4899)}.theme-picker .swatch-emerald{background:linear-gradient(135deg,#10b981,#06b6d4)}.theme-picker .swatch-sunset{background:linear-gradient(135deg,#f97316,#ec4899)}.theme-picker .swatch-light{background:linear-gradient(135deg,#fff,#cbd5e1);border:1px solid #cbd5e1}