:root{color-scheme:light;--bg: #f5f7fb;--panel: color-mix(in srgb, var(--bg) 74%, #ffffff 26%);--panel-strong: color-mix(in srgb, var(--bg) 58%, #ffffff 42%);--chrome: color-mix(in srgb, var(--bg) 84%, #ffffff 16%);--control: color-mix(in srgb, var(--bg) 64%, #ffffff 36%);--surface-glint: color-mix(in srgb, var(--panel-strong) 58%, transparent);--ink: #0f172a;--muted: #64748b;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 95, 255, .24);--blue: #0f5fff;--blue-2: #3b82f6;--cyan: #14b8c4;--accent-warm: #f59e0b;--green: #0f9f6e;--red: #dc2626;--amber: #b7791f;--accent-soft: rgba(15, 95, 255, .11);--custom-primary: #2563eb;--custom-secondary: #06b6d4;--custom-bg: #f5f7fb;--custom-tertiary: #f59e0b;--liquid-flow-duration: 18s;--liquid-button-duration: 8s;--liquid-page-bg: radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--blue) 18%, transparent), transparent 34%), radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--cyan) 18%, transparent), transparent 36%), radial-gradient(circle at 76% 82%, color-mix(in srgb, var(--accent-warm) 13%, transparent), transparent 42%), var(--bg);--liquid-panel-bg: radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--blue) 14%, transparent), transparent 44%), radial-gradient(circle at 92% 16%, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 46%), linear-gradient(145deg, var(--surface-glint), transparent 40%), var(--panel);--liquid-hero-bg: radial-gradient(circle at 16% 10%, color-mix(in srgb, var(--blue) 24%, transparent), transparent 42%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--cyan) 20%, transparent), transparent 44%), radial-gradient(circle at 72% 86%, color-mix(in srgb, var(--accent-warm) 16%, transparent), transparent 46%), var(--panel);--liquid-button-bg: linear-gradient(115deg, var(--blue), var(--cyan) 34%, var(--accent-warm) 68%, var(--blue));--liquid-danger-bg: linear-gradient(115deg, #991b1b, #dc2626 32%, #ef4444 58%, #f97316 84%, #991b1b);--liquid-admin-bg: linear-gradient(120deg, color-mix(in srgb, #0f172a 78%, var(--blue) 22%), color-mix(in srgb, var(--accent-warm) 72%, #7c2d12 28%) 54%, color-mix(in srgb, var(--cyan) 50%, #0f172a 50%));--shadow: 0 18px 50px rgba(15, 23, 42, .12);--shadow-soft: 0 10px 28px rgba(15, 23, 42, .08);--radius: 8px}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--ink);background:var(--liquid-page-bg);background-size:180% 180%,170% 170%,150% 150%,100% 100%;animation:liquidSurfaceFlow var(--liquid-flow-duration) ease-in-out infinite alternate;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button,a{color:inherit}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 82%)}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:20;height:100vh;padding:18px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--line);background:#ffffffbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-row{display:flex;align-items:center;gap:12px;min-height:58px}.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.brand-row .brand-logo{animation:mainBrandLogoSpin 3s linear infinite;will-change:transform}@keyframes mainBrandLogoSpin{to{transform:rotate(1turn)}}.brand-row strong,.brand-row span{display:block}.brand-row strong{font-size:15px}.brand-row span{margin-top:2px;font-size:12px;color:var(--muted)}.nav-list{display:grid;gap:6px;overflow:auto;padding-right:2px}.nav-item{--nav-color: var(--blue);--nav-bg: color-mix(in srgb, var(--nav-color) 12%, transparent);--nav-bg-strong: color-mix(in srgb, var(--nav-color) 20%, transparent);position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--nav-color) 24%,var(--line));border-radius:var(--radius);color:color-mix(in srgb,var(--nav-color) 42%,#243044);background:linear-gradient(135deg,var(--nav-bg),color-mix(in srgb,var(--nav-color) 6%,transparent)),var(--control);text-decoration:none;font-weight:800;transition:background .18s ease,transform .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-item svg{color:var(--nav-color);flex:none}.nav-tone-blue{--nav-color: #2563eb}.nav-tone-cyan{--nav-color: #0891b2}.nav-tone-emerald{--nav-color: #059669}.nav-tone-amber{--nav-color: #d97706}.nav-tone-green{--nav-color: #16a34a}.nav-tone-rose{--nav-color: #e11d48}.nav-tone-violet{--nav-color: #7c3aed}.nav-tone-indigo{--nav-color: #4f46e5}.nav-tone-slate{--nav-color: #475569}.nav-tone-teal{--nav-color: #0f766e}.nav-tone-recharge{--nav-color: var(--accent-warm);color:#fff;border-color:color-mix(in srgb,var(--accent-warm) 66%,#ffffff 20%);background:var(--liquid-button-bg);background-size:230% 230%;box-shadow:0 12px 26px color-mix(in srgb,var(--accent-warm) 28%,transparent);animation:none}.nav-tone-recharge svg{color:#fff}.nav-tone-recharge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.24) 42%,transparent 64%);transform:translate(-130%);animation:none;pointer-events:none}.nav-tone-recharge span,.nav-tone-recharge svg{position:relative;z-index:1}.nav-item:hover{border-color:color-mix(in srgb,var(--nav-color) 42%,var(--line));background:linear-gradient(135deg,var(--nav-bg-strong),color-mix(in srgb,var(--nav-color) 10%,transparent)),var(--control);box-shadow:0 8px 20px color-mix(in srgb,var(--nav-color) 14%,transparent);transform:translate(2px)}@keyframes rechargeNavPulse{0%,to{background-position:0% 50%;box-shadow:0 10px 22px color-mix(in srgb,var(--accent-warm) 22%,transparent)}50%{background-position:100% 50%;box-shadow:0 15px 30px color-mix(in srgb,var(--accent-warm) 38%,transparent)}}@keyframes rechargeNavShine{0%,42%{transform:translate(-130%)}72%,to{transform:translate(130%)}}html[data-motion=calm] .nav-tone-recharge,html[data-motion=calm] .nav-tone-recharge:after{animation:none}.nav-item.router-link-active{color:color-mix(in srgb,var(--nav-color) 72%,var(--ink));background:linear-gradient(90deg,color-mix(in srgb,var(--nav-color) 24%,transparent),color-mix(in srgb,var(--nav-color) 10%,transparent)),var(--control);box-shadow:inset 3px 0 0 var(--nav-color),0 10px 24px color-mix(in srgb,var(--nav-color) 14%,transparent)}.nav-tone-recharge:hover,.nav-tone-recharge.router-link-active{color:#fff;border-color:color-mix(in srgb,var(--accent-warm) 78%,#ffffff 22%);background:var(--liquid-button-bg);background-size:230% 230%;box-shadow:inset 3px 0 #fff,0 16px 34px color-mix(in srgb,var(--accent-warm) 38%,transparent)}.nav-item:not(.nav-item-admin)+.nav-item-admin{margin-top:10px}.nav-item-admin{--nav-color: #f59e0b;color:#fff;border-color:color-mix(in srgb,var(--accent-warm) 54%,var(--line));background:var(--liquid-admin-bg);background-size:220% 220%;box-shadow:inset 0 1px #ffffff24,0 10px 24px #0f172a1f;animation:none}.nav-item-admin svg{color:#fde68a}.nav-item-admin:hover{color:#fff;background:var(--liquid-admin-bg);background-size:220% 220%;box-shadow:inset 0 1px #ffffff2e,0 12px 28px #0f172a2e}.nav-item-admin.router-link-active{color:#fff;border-color:color-mix(in srgb,var(--accent-warm) 74%,#ffffff 26%);background:var(--liquid-admin-bg);background-size:220% 220%;box-shadow:inset 3px 0 #fff,0 14px 30px color-mix(in srgb,var(--accent-warm) 24%,transparent)}.logout{margin-top:auto;--nav-color: var(--red);color:var(--red);background:linear-gradient(135deg,color-mix(in srgb,var(--red) 12%,transparent),color-mix(in srgb,var(--red) 5%,transparent)),var(--control)}.workspace{position:relative;z-index:1;min-width:0}.top-strip{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;padding:14px 28px;border-bottom:1px solid var(--line);background:#f5f7fbd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-frame{width:min(1220px,calc(100vw - 320px));min-height:calc(100vh - 70px);margin:0 auto;padding:28px}.route-chip,.user-chip{border:1px solid var(--line);background:#ffffffc7;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.route-chip{padding:9px 12px;color:var(--muted)}.user-chip{display:grid;gap:2px;margin-left:auto;padding:8px 12px;min-width:190px;text-align:right}.user-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.user-chip small{color:var(--muted)}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;cursor:pointer}.mobile-menu,.mobile-scrim{display:none}.mobile-menu.mobile-menu-pig{padding:0;overflow:visible;border-color:color-mix(in srgb,var(--accent-warm) 38%,var(--line));background:color-mix(in srgb,var(--accent-warm) 9%,var(--control))}.mobile-menu-pig-image{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(15,23,42,.22));animation:mobileMenuPigSpin 1.2s linear infinite;will-change:transform}@keyframes mobileMenuPigSpin{to{transform:rotate(1turn)}}.page{display:grid;gap:22px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.page-title{margin:0 0 8px;font-size:clamp(24px,3vw,38px);line-height:1.08;background:linear-gradient(135deg,var(--blue),var(--cyan) 54%,var(--accent-warm));-webkit-background-clip:text;background-clip:text;color:transparent}.page-desc{margin:0;color:var(--muted)}.hero-panel,.panel,.card,.table-panel{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.hero-panel:before,.panel.accent:before,.card.interactive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent,rgba(255,255,255,.68),transparent);transform:translate(-120%);animation:sheen 7s ease-in-out infinite}@keyframes sheen{0%,62%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes liquidSurfaceFlow{0%{background-position:0% 22%,100% 8%,64% 100%,0 0}50%{background-position:42% 58%,58% 42%,100% 54%,0 0}to{background-position:100% 78%,0% 92%,18% 20%,0 0}}@keyframes liquidButtonFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-panel{padding:28px;display:grid;gap:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 16%,transparent),color-mix(in srgb,var(--cyan) 12%,transparent) 62%,color-mix(in srgb,var(--accent-warm) 10%,transparent)),var(--panel)}.panel,.card,.table-panel{padding:18px}.grid-2,.grid-3,.grid-4{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-license-stat{grid-column:1 / -1}.stat{position:relative;display:grid;gap:8px;--stat-color: var(--blue);border-color:color-mix(in srgb,var(--stat-color) 22%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--stat-color) 14%,transparent),transparent 48%),var(--panel);overflow:hidden}.stat:nth-child(3n+2){--stat-color: var(--cyan)}.stat:nth-child(3n+3){--stat-color: var(--accent-warm)}.stat:after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--stat-color),color-mix(in srgb,var(--stat-color) 45%,var(--cyan)));opacity:.82}.stat>*{position:relative;z-index:1}.stat span{color:var(--muted);font-size:13px}.stat strong{font-size:clamp(24px,3vw,34px);line-height:1;color:color-mix(in srgb,var(--stat-color) 82%,var(--ink))}.form-grid{display:grid;gap:14px}.field{display:grid;gap:7px}.field.compact{min-width:112px;max-width:150px}.field>span,.label{color:var(--muted);font-size:13px;font-weight:700}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;padding:10px 11px;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.textarea{min-height:110px;resize:vertical}.result-output{min-height:110px;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--control) 72%,transparent);padding:10px 11px;color:var(--ink);white-space:pre-wrap;word-break:break-word}.result-list{display:grid;gap:8px}.result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--control) 72%,transparent)}.result-row-main{display:grid;gap:3px;min-width:0}.result-label{color:var(--muted);font-size:12px;font-weight:800}.result-row strong{min-width:0;color:var(--ink);font-size:14px;line-height:1.35;overflow-wrap:anywhere}.result-row strong.result-value-success{color:var(--green)}.result-row strong.result-value-danger{color:var(--red)}.result-copy-btn{min-height:34px;padding:7px 10px;white-space:nowrap}.input:focus,.select:focus,.textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 12%,transparent);background:var(--panel-strong)}.input:disabled,.select:disabled,.textarea:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary:disabled,.btn-danger:disabled,.slot-delete-btn:disabled{animation:none;background-position:50% 50%}.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius);padding:9px 14px;background:#fff;cursor:pointer;text-decoration:none;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-primary{color:#fff;background:var(--liquid-button-bg);background-size:230% 230%;animation:liquidButtonFlow var(--liquid-button-duration) ease-in-out infinite;box-shadow:0 12px 26px color-mix(in srgb,var(--blue) 22%,transparent)}.btn-ghost{color:var(--ink);border-color:var(--line);background:#ffffffc2}.btn-danger{color:#fff;background:var(--liquid-danger-bg);background-size:230% 230%;animation:liquidButtonFlow var(--liquid-button-duration) ease-in-out infinite;box-shadow:0 10px 22px #dc262638}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.password-action-row{justify-self:start}.password-action-row .btn{min-width:112px;width:auto}.whitelist-action-card{align-items:start}.whitelist-action-card h3{margin:0 0 8px}.whitelist-action-card .tag{margin-top:12px}.whitelist-action-row{justify-self:start}.whitelist-action-row .btn{min-width:148px}.table-scroll{width:100%;overflow:auto}.table-footer{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 10px 2px}.table-footer .page-desc{margin:0 0 8px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-size:12px;text-transform:uppercase;background:color-mix(in srgb,var(--blue) 7%,var(--control))}.data-table tbody tr{transition:background .16s ease}.data-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--cyan) 3%,transparent)}.data-table tbody tr:hover{background:color-mix(in srgb,var(--blue) 8%,transparent)}.tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb,var(--control) 84%,var(--blue) 16%);color:var(--muted);font-size:12px;font-weight:700}.tag.blue{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.tag.green{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.tag.red{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.tag.amber{color:var(--amber);background:color-mix(in srgb,var(--accent-warm) 12%,transparent)}.muted{color:var(--muted)}.mono{font-family:SFMono-Regular,Consolas,monospace}.empty{padding:28px;text-align:center;color:var(--muted)}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#0f172a8f;contain:layout paint;overscroll-behavior:contain}.dialog-card,.drawer-card{position:relative;width:min(620px,100%);max-height:min(86vh,760px);overflow:auto;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);padding:20px}.dialog-close-btn{position:absolute;top:14px;right:14px;z-index:2}.notice-modal-open .ambient-grid,.notice-modal-open .hero-panel:before,.notice-modal-open .panel.accent:before,.notice-modal-open .card.interactive:before{display:none}.notice-layer{align-items:center}.confirm-layer{z-index:160}.notice-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;max-height:min(82vh,720px);overflow:hidden}.notice-card h3{margin:0}.notice-meta{margin:0;color:var(--muted);font-size:13px}.notice-meta span{margin:0 8px}.notice-content{min-height:96px;max-height:min(52vh,430px);overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-warm) 8%,transparent),transparent 48%),var(--panel-strong);padding:12px;line-height:1.7}.drawer-card.wide{width:min(880px,100%)}.payment-panel{display:grid;gap:18px}.payment-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:18px;align-items:start}.payment-qr{width:100%;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px}.payment-qr img{width:100%;height:100%;object-fit:contain}.dialog-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius);color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.dialog-icon.danger{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.dialog-card h3,.drawer-card h3{margin:14px 0 8px}.dialog-card p{color:var(--muted)}.dialog-actions,.drawer-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.toast-host{position:fixed;right:20px;top:20px;z-index:280;display:grid;gap:12px;width:min(390px,calc(100vw - 32px));pointer-events:none}.toast{position:relative;overflow:hidden;min-height:52px;padding:14px 16px 14px 20px;border:1px solid color-mix(in srgb,var(--line) 70%,rgba(255,255,255,.5));border-radius:14px;color:var(--ink);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 78%,transparent),color-mix(in srgb,var(--chrome) 64%,transparent)),color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:0 16px 42px #0f172a24,inset 0 1px #ffffff61;-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18);pointer-events:auto}.toast:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:13px;background:linear-gradient(112deg,rgba(255,255,255,.26),transparent 38%),radial-gradient(circle at 90% 110%,color-mix(in srgb,var(--blue-2) 10%,transparent),transparent 46%);opacity:.62;pointer-events:none}.toast:after{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(to bottom,var(--blue-2),var(--cyan));box-shadow:0 0 18px color-mix(in srgb,var(--blue-2) 46%,transparent)}.toast-message{position:relative;z-index:1;display:block;font-size:14px;font-weight:700;line-height:1.45}.toast-success:after{background:linear-gradient(to bottom,var(--green),var(--cyan));box-shadow:0 0 18px color-mix(in srgb,var(--green) 46%,transparent)}.toast-error:after{background:linear-gradient(to bottom,var(--red),#fb7185);box-shadow:0 0 20px #dc26266b}.turnstile-box{min-height:66px}.vaptcha-box{min-height:44px}.recaptcha-frame{gap:6px}.recaptcha-box{min-height:0;height:1px;overflow:visible}.recaptcha-note{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;min-height:38px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--line) 82%,var(--blue));border-radius:8px;background:color-mix(in srgb,white 86%,var(--blue) 14%);color:var(--text);font-size:13px;line-height:1.35;font-weight:700}.recaptcha-mark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#1a73e8;color:#fff;font-size:14px;font-weight:800}.turnstile-frame{display:grid;gap:8px}.captcha-hidden{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}.turnstile-hint,.turnstile-error{font-size:13px;line-height:1.5}.turnstile-hint{color:var(--muted)}.turnstile-error{color:var(--red)}.muted-box{display:grid;place-items:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,500px) minmax(0,1fr);gap:28px;padding:28px}.auth-page-single{grid-template-columns:minmax(320px,500px);justify-content:center;align-content:center}.auth-page-single .auth-showcase{display:none}.auth-card{align-self:center;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffdb;box-shadow:var(--shadow);padding:26px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-showcase{position:relative;align-self:stretch;display:grid;align-content:end;gap:16px;min-height:calc(100vh - 56px);border-radius:var(--radius);border:1px solid var(--line);padding:28px;overflow:hidden;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 88%,#020617 12%),color-mix(in srgb,var(--cyan) 78%,var(--blue) 22%) 62%,color-mix(in srgb,var(--accent-warm) 54%,var(--cyan) 46%))}.auth-showcase:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:36px 36px;opacity:.55}.auth-showcase>*{position:relative;z-index:1}.logo-large{width:190px;height:78px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--line);background:#fff}.app-boot-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.12),transparent 28%),linear-gradient(135deg,#f8fafc,#eef6ff)}.app-boot-screen .brand-logo{animation:boot-pulse 1.2s ease-in-out infinite}.app-boot-screen.app-boot-error{min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--red) 10%,transparent),transparent 34%),var(--bg)}.boot-error-card{width:min(460px,100%);display:grid;justify-items:center;gap:12px;padding:clamp(24px,6vw,38px);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);text-align:center}.boot-error-card .brand-logo{width:58px;height:58px;margin-bottom:4px;animation:none}.boot-error-label{margin:0;color:var(--red);font-size:13px;font-weight:900;letter-spacing:.08em}.boot-error-card h1{margin:0;font-size:clamp(24px,7vw,32px);line-height:1.2}.boot-error-message,.boot-error-request-id{margin:0;color:var(--muted);line-height:1.7}.boot-error-request-id{max-width:100%;font-size:12px;overflow-wrap:anywhere}.boot-error-actions{width:100%;display:flex;justify-content:center;gap:10px;margin-top:8px}.boot-error-actions .btn{min-width:132px}@media(max-width:440px){.boot-error-actions{display:grid}.boot-error-actions .btn{width:100%}}.route-loading-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 30%),color-mix(in srgb,var(--bg) 72%,rgba(255,255,255,.76));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);contain:paint;will-change:opacity}.route-loading-card{position:relative;width:92px;height:92px;display:grid;place-items:center}.route-loading-logo{width:56px;height:56px;z-index:1;animation:boot-pulse 1.2s ease-in-out infinite}.route-loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid color-mix(in srgb,var(--blue) 16%,transparent);border-top-color:var(--blue);border-right-color:color-mix(in srgb,var(--cyan) 82%,var(--blue));animation:route-loading-spin .9s linear infinite}@keyframes boot-pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes route-loading-spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease,transform .18s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(8px)}.route-loading-layer.fade-enter-active,.route-loading-layer.fade-leave-active{transition:opacity .12s ease}.route-loading-layer.fade-enter-from,.route-loading-layer.fade-leave-to{opacity:0;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.route-loading-logo,.route-loading-ring,.app-boot-screen .brand-logo{animation:none!important}*,*:before,*:after{animation:none!important;transition:none!important}.logo-rain-item{top:0;animation:logoRainCalm var(--logo-duration) cubic-bezier(.24,.74,.28,1) var(--logo-delay) both!important}.slot-fragment,.slot-delete-icon-drop,.confetti-burst-item,.coin-rain-item{animation:celebrationCalm .72s ease-out var(--fx-delay, 0s) both!important}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translate(-104%);width:min(300px,86vw);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.mobile-menu,.mobile-scrim{display:inline-flex}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;border:0;background:#0f172a61}.page-frame{width:100%;padding:18px}.top-strip{padding:12px 16px}.grid-2,.grid-3,.grid-4,.payment-grid,.auth-page{grid-template-columns:1fr}.auth-showcase{min-height:320px}}html[data-accent=sapphire]{--blue: #2563eb;--blue-2: #60a5fa;--cyan: #06b6d4;--accent-warm: #f59e0b;--line-strong: rgba(37, 99, 235, .28);--accent-soft: rgba(37, 99, 235, .12)}html[data-accent=cyan]{--blue: #0891b2;--blue-2: #22d3ee;--cyan: #2dd4bf;--accent-warm: #f97316;--line-strong: rgba(8, 145, 178, .3);--accent-soft: rgba(8, 145, 178, .12)}html[data-accent=emerald]{--blue: #059669;--blue-2: #34d399;--cyan: #14b8a6;--accent-warm: #eab308;--line-strong: rgba(5, 150, 105, .3);--accent-soft: rgba(5, 150, 105, .12)}html[data-accent=violet]{--blue: #7c3aed;--blue-2: #a78bfa;--cyan: #22d3ee;--accent-warm: #f472b6;--line-strong: rgba(124, 58, 237, .3);--accent-soft: rgba(124, 58, 237, .12)}html[data-accent=rose]{--blue: #e11d48;--blue-2: #fb7185;--cyan: #f59e0b;--accent-warm: #8b5cf6;--line-strong: rgba(225, 29, 72, .28);--accent-soft: rgba(225, 29, 72, .11)}html[data-accent=amber]{--blue: #d97706;--blue-2: #f59e0b;--cyan: #10b981;--accent-warm: #2563eb;--line-strong: rgba(217, 119, 6, .3);--accent-soft: rgba(217, 119, 6, .12)}html[data-accent]{--bg: color-mix(in srgb, #f5f7fb 92%, var(--blue) 8%)}html[data-accent=custom]{--blue: var(--custom-primary);--blue-2: color-mix(in srgb, var(--custom-primary) 58%, #ffffff 42%);--cyan: var(--custom-secondary);--accent-warm: var(--custom-tertiary);--bg: var(--custom-bg);--panel: color-mix(in srgb, var(--custom-bg) 72%, #ffffff 28%);--panel-strong: color-mix(in srgb, var(--custom-bg) 52%, #ffffff 48%);--chrome: color-mix(in srgb, var(--custom-bg) 84%, #ffffff 16%);--control: color-mix(in srgb, var(--custom-bg) 62%, #ffffff 38%);--line-strong: color-mix(in srgb, var(--custom-primary) 32%, transparent);--accent-soft: color-mix(in srgb, var(--custom-primary) 12%, transparent)}html[data-accent=custom] .nav-item:not(.nav-item-admin){--nav-color: var(--custom-primary)}html[data-resolved-theme=dark]{color-scheme:dark;--bg: #08111f;--panel: color-mix(in srgb, #08111f 70%, #1e293b 30%);--panel-strong: color-mix(in srgb, #08111f 52%, #1e293b 48%);--chrome: color-mix(in srgb, #08111f 82%, #1e293b 18%);--control: color-mix(in srgb, #08111f 60%, #1e293b 40%);--ink: #e5edf7;--muted: #9fb0c7;--line: rgba(226, 232, 240, .13);--shadow: 0 22px 60px rgba(0, 0, 0, .34);--shadow-soft: 0 14px 36px rgba(0, 0, 0, .24);--green: #34d399;--red: #fb7185;--amber: #fbbf24}html[data-resolved-theme=dark][data-accent=custom]{--blue: var(--custom-primary);--blue-2: color-mix(in srgb, var(--custom-primary) 60%, #ffffff 40%);--cyan: var(--custom-secondary);--accent-warm: var(--custom-tertiary);--bg: color-mix(in srgb, var(--custom-bg) 38%, #020617 62%);--panel: color-mix(in srgb, var(--bg) 72%, #1e293b 28%);--panel-strong: color-mix(in srgb, var(--bg) 55%, #1e293b 45%);--chrome: color-mix(in srgb, var(--bg) 86%, #1e293b 14%);--control: color-mix(in srgb, var(--bg) 66%, #1e293b 34%);--line-strong: color-mix(in srgb, var(--custom-primary) 34%, transparent);--accent-soft: color-mix(in srgb, var(--custom-primary) 16%, transparent)}html[data-resolved-theme=dark] body{background:var(--liquid-page-bg);background-size:180% 180%,170% 170%,150% 150%,100% 100%}html[data-resolved-theme=dark] .sidebar,html[data-resolved-theme=dark] .top-strip{background:#08111fc2}html[data-resolved-theme=dark] .nav-item{color:#cbd5e1}html[data-resolved-theme=dark] .nav-item-admin,html[data-resolved-theme=dark] .nav-item-admin.router-link-active{color:#fff}html[data-resolved-theme=dark] .route-chip,html[data-resolved-theme=dark] .user-chip,html[data-resolved-theme=dark] .icon-btn,html[data-resolved-theme=dark] .input,html[data-resolved-theme=dark] .select,html[data-resolved-theme=dark] .textarea,html[data-resolved-theme=dark] .result-output,html[data-resolved-theme=dark] .btn,html[data-resolved-theme=dark] .tag,html[data-resolved-theme=dark] .auth-card,html[data-resolved-theme=dark] .dialog-card,html[data-resolved-theme=dark] .drawer-card,html[data-resolved-theme=dark] .notice-content{background:#0f172ad1}.ambient-grid{opacity:.9}.ambient-grid:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 36%),radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 38%),radial-gradient(circle at 70% 86%,color-mix(in srgb,var(--accent-warm) 10%,transparent),transparent 42%);background-size:170% 170%,150% 150%,160% 160%;animation:liquidSurfaceFlow var(--liquid-flow-duration) ease-in-out infinite alternate}@keyframes ambient-pan{0%{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(2%,1%,0)}}html[data-motion=calm] .ambient-grid:after,html[data-motion=calm] body,html[data-motion=calm] .hero-panel,html[data-motion=calm] .panel,html[data-motion=calm] .card,html[data-motion=calm] .table-panel,html[data-motion=calm] .auth-card,html[data-motion=calm] .btn-primary,html[data-motion=calm] .btn-danger,html[data-motion=calm] .slot-delete-btn,html[data-motion=calm] .segmented-btn.active,html[data-motion=calm] .nav-item-admin,html[data-motion=calm] .hero-panel:before,html[data-motion=calm] .panel.accent:before,html[data-motion=calm] .card.interactive:before{animation:none}html[data-motion=calm]{--liquid-flow-duration: 0s;--liquid-button-duration: 0s}html[data-motion=lively]{--liquid-flow-duration: 10s;--liquid-button-duration: 4.8s}html[data-motion=lively] .ambient-grid:after{animation-duration:10s}html[data-motion=lively] .fade-enter-active,html[data-motion=lively] .fade-leave-active{transition-duration:.2s}.hero-panel,.panel,.card,.table-panel,.auth-card{background:var(--liquid-panel-bg);background-size:170% 170%,150% 150%,100% 100%,100% 100%;animation:liquidSurfaceFlow calc(var(--liquid-flow-duration) * 1.35) ease-in-out infinite alternate}.card.stat{background:linear-gradient(150deg,color-mix(in srgb,var(--stat-color) 14%,transparent),transparent 48%),var(--panel)}.panel.accent,.card.interactive{background:var(--liquid-panel-bg);background-size:170% 170%,150% 150%,100% 100%,100% 100%;animation:liquidSurfaceFlow calc(var(--liquid-flow-duration) * 1.35) ease-in-out infinite alternate}.hero-panel{background:var(--liquid-hero-bg);background-size:175% 175%,155% 155%,145% 145%,100% 100%;animation-duration:var(--liquid-flow-duration)}.sidebar,.top-strip{background:color-mix(in srgb,var(--chrome) 88%,transparent)}.route-chip,.user-chip,.icon-btn,.input,.select,.textarea,.result-output,.btn,.btn-ghost,.tag,.dialog-card,.drawer-card,.email-suffix-field,.segmented,.theme-drawer{background:var(--control)}.dialog-card,.drawer-card,.theme-drawer{background:linear-gradient(145deg,var(--surface-glint),transparent 40%),var(--panel)}.brand-logo,.logo-large,.notice-content,.app-boot-screen{background:var(--panel-strong)}.tag{background:color-mix(in srgb,var(--control) 84%,var(--blue) 16%)}.notice-content{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-warm) 8%,transparent),transparent 48%),var(--panel-strong)}.modal-layer{background:color-mix(in srgb,var(--bg) 42%,rgba(15,23,42,.72))}.btn-primary{background:var(--liquid-button-bg);background-size:230% 230%;animation:liquidButtonFlow var(--liquid-button-duration) ease-in-out infinite;box-shadow:0 12px 26px color-mix(in srgb,var(--blue) 22%,transparent)}.btn-danger,.slot-delete-btn{color:#fff!important;border-color:color-mix(in srgb,#b91c1c 72%,#ffffff 28%)!important;background:var(--liquid-danger-bg)!important;background-size:230% 230%!important;animation:liquidButtonFlow var(--liquid-button-duration) ease-in-out infinite;box-shadow:0 10px 22px #dc262638}.btn-danger:hover:not(:disabled),.slot-delete-btn:hover:not(:disabled){box-shadow:0 12px 26px #dc26264d}.slot-card{padding-top:16px}.slot-card-assembling,.slot-card-deleting{opacity:0}.slot-page{position:relative;padding-bottom:86px}.slot-add-fab{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:50;min-width:136px;box-shadow:0 18px 42px color-mix(in srgb,var(--blue) 30%,transparent)}.slot-fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;pointer-events:none;overflow:hidden;contain:paint}.slot-fragment,.slot-delete-icon-drop{position:fixed;pointer-events:none;will-change:transform,opacity}.slot-fragment{border:1px solid color-mix(in srgb,var(--line) 64%,rgba(255,255,255,.42));border-radius:6px;box-shadow:inset 0 1px color-mix(in srgb,#fff 48%,transparent),0 14px 32px color-mix(in srgb,var(--blue) 18%,rgba(15,23,42,.18))}.slot-fragment-assemble{opacity:0;animation:slotFragmentAssemble .92s cubic-bezier(.16,1,.3,1) var(--fx-delay) both}.slot-fragment-break{opacity:1;animation:slotFragmentBreak .96s cubic-bezier(.42,0,.58,1) var(--fx-delay) both}.slot-delete-icon-drop{color:var(--red);filter:drop-shadow(0 10px 18px rgba(220,38,38,.28));animation:slotDeleteIconDrop 1.08s cubic-bezier(.22,.7,.24,1) both}@keyframes slotFragmentAssemble{0%{opacity:0;transform:translate3d(var(--fx-start-x),var(--fx-start-y),0) rotate(var(--fx-rotate)) scale(.58)}64%{opacity:1}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes slotFragmentBreak{0%{opacity:1;transform:translateZ(0) rotate(0) scale(1)}24%{transform:translate3d(var(--fx-hop-x),-24px,0) rotate(var(--fx-hop-rotate)) scale(.98)}to{opacity:0;transform:translate3d(var(--fx-end-x),var(--fx-end-y),0) rotate(var(--fx-rotate)) scale(.58)}}@keyframes slotDeleteIconDrop{0%{opacity:1;transform:translateZ(0) rotate(0) scale(1)}18%{opacity:1;transform:translate3d(0,-22px,0) rotate(-8deg) scale(1.08)}30%{opacity:1;transform:translate3d(6px,-8px,0) rotate(7deg) scale(1)}to{opacity:0;transform:translate3d(18px,118vh,0) rotate(var(--fx-rotate)) scale(.76)}}@keyframes slotFxCalm{0%{opacity:0;transform:translate3d(0,8px,0) scale(.96)}45%{opacity:.82}to{opacity:0;transform:translate3d(0,-8px,0) scale(1.02)}}html[data-motion=calm] .slot-fragment,html[data-motion=calm] .slot-delete-icon-drop{animation:slotFxCalm .58s ease-out var(--fx-delay, 0s) both}.celebration-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1110;pointer-events:none;overflow:hidden;contain:paint}.celebration-item{position:absolute;pointer-events:none;will-change:transform,opacity}.confetti-burst-item{border-radius:3px;box-shadow:0 8px 16px #0f172a24;opacity:0;animation:confettiBurst var(--fx-duration) cubic-bezier(.16,.76,.28,1) var(--fx-delay) both}.confetti-left{left:-28px}.confetti-right{right:-28px}.coin-rain-item{top:-44px;display:inline-grid;place-items:center;border-radius:999px;color:#8a4f00;font-size:.72rem;font-weight:900;line-height:1;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.92) 0 10%,transparent 11%),radial-gradient(circle at 50% 48%,#fde68a 0,#fde68a 29%,#f59e0b 30%,#f59e0b 68%,#b45309 69%,#b45309);border:1px solid rgba(180,83,9,.38);box-shadow:inset 0 2px #ffffff75,0 10px 18px #b4530933;animation:coinRain var(--fx-duration) cubic-bezier(.25,.68,.35,1) var(--fx-delay) both}@keyframes confettiBurst{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.72)}14%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate3d(var(--fx-x),var(--fx-y),0) rotate(var(--fx-rotate)) scale(.88)}}@keyframes coinRain{0%{opacity:0;transform:translate3d(0,-12px,0) rotate(0) scale(.86)}10%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate3d(var(--coin-drift),112vh,0) rotate(var(--coin-rotate)) scale(.78)}}@keyframes celebrationCalm{0%{opacity:0;transform:translate3d(0,8px,0) scale(.94)}45%{opacity:.84}to{opacity:0;transform:translate3d(0,-10px,0) scale(1.04)}}html[data-motion=calm] .confetti-burst-item,html[data-motion=calm] .coin-rain-item{animation:celebrationCalm .72s ease-out var(--fx-delay, 0s) both}.logo-rain-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none;overflow:hidden;contain:paint}.logo-rain-item{position:absolute;top:0;left:var(--logo-left);width:var(--logo-size);height:var(--logo-size);object-fit:contain;border-radius:999px;opacity:0;transform:translate3d(0,-140%,0) rotate(0) scale(.9);filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--blue) 30%,rgba(15,23,42,.28)));animation:logoRainBounce var(--logo-duration) cubic-bezier(.2,.78,.22,1) var(--logo-delay) both;will-change:transform,opacity}.pig-rain-item{border-radius:0;filter:drop-shadow(0 10px 16px rgba(61,32,22,.3))}@keyframes logoRainBounce{0%{opacity:0;transform:translate3d(0,-150%,0) rotate(0) scale(.86)}8%{opacity:1}56%{opacity:1;transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 12px),0) rotate(var(--logo-rotate)) scale(1)}68%{transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 132px),0) rotate(var(--logo-rotate)) scale(.96)}78%{transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 12px),0) rotate(var(--logo-rotate)) scale(1)}86%{opacity:.92;transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 58px),0) rotate(var(--logo-rotate)) scale(.9)}93%{opacity:.68;transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 12px),0) rotate(var(--logo-rotate)) scale(.78)}to{opacity:0;transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 8px),0) rotate(var(--logo-rotate)) scale(.55)}}@keyframes logoRainCalm{0%{opacity:0;transform:translate3d(0,-150%,0) rotate(0) scale(.86)}8%{opacity:1}64%{opacity:1;transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 12px),0) rotate(var(--logo-rotate)) scale(1)}80%{transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 92px),0) rotate(var(--logo-rotate)) scale(.94)}92%{opacity:.76;transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 12px),0) rotate(var(--logo-rotate)) scale(.82)}to{opacity:0;transform:translate3d(var(--logo-drift),calc(100vh - var(--logo-size) - 8px),0) rotate(var(--logo-rotate)) scale(.58)}}html[data-motion=calm] .logo-rain-item{top:0;animation-name:logoRainCalm;animation-duration:var(--logo-duration);animation-timing-function:cubic-bezier(.24,.74,.28,1)}.slot-card-head{display:flex;align-items:flex-start;gap:12px;min-height:40px;margin-bottom:16px;padding-right:48px}.slot-card-head h3{min-width:0;margin:0;line-height:1.35;overflow-wrap:anywhere}.slot-detail-grid p{min-width:0;margin:0}.slot-detail-grid .mono{display:inline-block;max-width:100%;overflow-wrap:anywhere}.slot-detail-grid.slot-trace-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:16px}.slot-mode-tip{display:grid;gap:8px}.slot-mode-tip-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 0;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:700;text-align:left;cursor:pointer}.slot-mode-tip-toggle:hover{color:var(--blue)}.slot-mode-tip-toggle svg{flex:0 0 auto;transition:transform .2s ease}.slot-mode-tip-toggle svg.expanded{transform:rotate(180deg)}.slot-mode-tip p{margin:0;padding:0;color:var(--muted);font-size:13px;line-height:1.65}.online-hall-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.online-hall-search-row .btn{min-height:42px}.online-hall-results{max-height:min(330px,42vh);overflow-y:auto;padding:2px}.online-hall-room-option{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.online-hall-room-option:hover{border-color:color-mix(in srgb,var(--blue) 48%,var(--line));background:color-mix(in srgb,var(--blue) 8%,var(--control));transform:translateY(-1px)}.online-hall-room-option.is-selected{border-color:color-mix(in srgb,var(--blue) 72%,var(--line));background:color-mix(in srgb,var(--blue) 12%,var(--control));box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 14%,transparent)}.online-hall-room-option small{color:var(--muted);line-height:1.45}.online-hall-room-tags{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.online-hall-room-tags>svg{color:var(--blue);flex:0 0 auto}.online-hall-selected-note{padding:10px 11px;border:1px solid color-mix(in srgb,var(--green) 36%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--green) 8%,var(--control));color:var(--green);font-size:13px;font-weight:700}.slot-card>.muted{display:block;margin-top:14px;overflow-wrap:anywhere}.slot-delete-btn{position:absolute;top:14px;right:14px;z-index:1;min-width:40px;width:40px;height:40px;padding:0}.icon-btn:hover,.btn-ghost:hover:not(:disabled),.segmented-btn:hover{border-color:var(--line-strong);background:var(--accent-soft)}.user-chip{grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;text-align:left;text-decoration:none;color:color-mix(in srgb,var(--blue) 78%,var(--ink));border-color:color-mix(in srgb,var(--blue) 32%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 16%,transparent),color-mix(in srgb,var(--cyan) 10%,transparent)),var(--control)}.user-chip .avatar-sm{grid-row:span 2;border-color:color-mix(in srgb,var(--blue) 42%,var(--line));animation:profileAvatarSpin 3s linear infinite;will-change:transform}@keyframes profileAvatarSpin{to{transform:rotate(1turn)}}.avatar-sm,.avatar-lg{flex:none;object-fit:cover;border-radius:999px;border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--shadow-soft)}.avatar-sm{width:34px;height:34px}.avatar-lg{width:clamp(58px,16vw,74px);height:clamp(58px,16vw,74px)}.profile-heading,.dashboard-greeting{display:flex;align-items:center;gap:14px;min-width:0}.dashboard-greeting{flex:999 1 300px}.dashboard-greeting>div{min-width:0}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:clamp(16px,4vw,18px)}.dashboard-license-inline{flex:1 1 250px;min-width:min(100%,230px);display:grid;gap:4px;justify-items:end;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--control) 68%,transparent)}.dashboard-license-inline span,.dashboard-license-inline small{color:var(--muted);font-size:13px;font-weight:700}.dashboard-license-inline strong{font-size:22px}.dashboard-toolbox,.dashboard-whitelist-card,.whitelist-list-controls{display:grid;gap:14px}.dashboard-toolbox h3,.dashboard-whitelist-card h3{margin:0;display:inline-flex;align-items:center;gap:8px}.whitelist-search{max-width:460px}.whitelist-list-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center}.dashboard-greeting h1,.profile-heading h1{margin-bottom:4px}.dashboard-greeting .page-title{overflow-wrap:anywhere}.email-suffix-field,.inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.email-suffix-field{border:1px solid var(--line);border-radius:var(--radius);background:var(--control);overflow:hidden}.email-suffix-field .input{border:0;border-radius:0;background:transparent}.email-suffix-field>span{padding:0 12px;color:var(--muted);font-weight:800;border-left:1px solid var(--line)}html[data-resolved-theme=dark] .email-suffix-field{background:#0f172ad1}.otp-inputs{display:grid;grid-template-columns:repeat(6,minmax(38px,1fr));gap:8px}.otp-input{width:100%;aspect-ratio:1;min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--control);color:var(--ink);font:inherit;font-size:22px;font-weight:900;text-align:center;outline:none;box-shadow:inset 0 1px #ffffff38}.otp-input:focus{border-color:color-mix(in srgb,var(--blue) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 20%,transparent)}.checkbox-field{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700}.checkbox-field input{width:18px;height:18px;accent-color:var(--blue)}.token-reveal{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--accent-soft);padding:12px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.theme-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;background:#0206176b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.theme-drawer{position:fixed;top:16px;right:16px;bottom:16px;z-index:95;width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;gap:18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-glint),transparent 40%),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:20px;overflow:auto}.theme-drawer h3{margin:0 0 6px;display:inline-flex;align-items:center;gap:8px}.theme-section{display:grid;gap:10px}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.segmented-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius);background:transparent;cursor:pointer;font-weight:800}.segmented-btn.active{color:#fff;background:var(--liquid-button-bg);background-size:230% 230%;animation:liquidButtonFlow var(--liquid-button-duration) ease-in-out infinite;box-shadow:0 10px 22px color-mix(in srgb,var(--blue) 20%,transparent)}.swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.swatch{min-height:46px;border:1px solid var(--line);border-radius:var(--radius);color:#fff;cursor:pointer;text-align:left;padding:8px 10px;font-weight:900;box-shadow:var(--shadow-soft)}.swatch.active{outline:3px solid color-mix(in srgb,var(--blue) 28%,transparent)}.swatch-sapphire{background:linear-gradient(135deg,#2563eb,#06b6d4)}.swatch-cyan{background:linear-gradient(135deg,#0891b2,#2dd4bf)}.swatch-emerald{background:linear-gradient(135deg,#059669,#14b8a6)}.swatch-violet{background:linear-gradient(135deg,#7c3aed,#22d3ee)}.swatch-rose{background:linear-gradient(135deg,#e11d48,#f59e0b)}.swatch-amber{background:linear-gradient(135deg,#d97706,#10b981)}.swatch-custom{background:linear-gradient(135deg,var(--custom-primary),var(--custom-secondary) 55%,var(--custom-tertiary))}.custom-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.color-field{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--control)}.color-field span{color:var(--muted);font-size:12px;font-weight:800}.color-field input{width:100%;height:34px;border:0;border-radius:var(--radius);background:transparent;cursor:pointer}.drawer-slide-enter-active,.drawer-slide-leave-active{transition:transform .24s ease,opacity .24s ease}.drawer-slide-enter-from,.drawer-slide-leave-to{opacity:0;transform:translate(18px)}html[data-render-profile=compat] body,html[data-render-profile=compat] .hero-panel,html[data-render-profile=compat] .panel,html[data-render-profile=compat] .card,html[data-render-profile=compat] .table-panel,html[data-render-profile=compat] .auth-card,html[data-render-profile=compat] .btn-primary,html[data-render-profile=compat] .btn-danger,html[data-render-profile=compat] .slot-delete-btn,html[data-render-profile=compat] .segmented-btn.active{animation:none}html[data-render-profile=compat] .ambient-grid:after,html[data-render-profile=compat] .hero-panel:before,html[data-render-profile=compat] .panel.accent:before,html[data-render-profile=compat] .card.interactive:before{display:none;animation:none}html[data-render-profile=compat] .ambient-grid{opacity:.42;-webkit-mask-image:none;mask-image:none}html[data-render-profile=compat] .sidebar,html[data-render-profile=compat] .top-strip,html[data-render-profile=compat] .hero-panel,html[data-render-profile=compat] .panel,html[data-render-profile=compat] .card,html[data-render-profile=compat] .table-panel,html[data-render-profile=compat] .auth-card,html[data-render-profile=compat] .theme-scrim,html[data-render-profile=compat] .theme-drawer{-webkit-backdrop-filter:none;backdrop-filter:none}html[data-render-profile=compat] .route-loading-layer{background:color-mix(in srgb,var(--bg) 78%,rgba(255,255,255,.78));-webkit-backdrop-filter:none;backdrop-filter:none}html[data-render-profile=compat] .route-loading-logo{opacity:.9;transform:none;animation:none}html[data-render-profile=compat] .route-loading-ring{animation:route-loading-spin 1.1s steps(12,end) infinite}.watermark-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:block;pointer-events:none;opacity:.13;overflow:hidden;background-repeat:repeat;background-size:420px 160px;contain:layout paint;-webkit-user-select:none;user-select:none}@keyframes toast-liquid-in{0%{opacity:0;transform:translate3d(46px,-8px,0) scale(.94);filter:blur(10px) saturate(.85)}58%{opacity:1;transform:translate3d(-5px,0,0) scale(1.015);filter:blur(0) saturate(1.15)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0) saturate(1)}}@keyframes toast-liquid-out{0%{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}to{opacity:0;transform:translate3d(40px,-4px,0) scale(.97);filter:blur(6px)}}.toast-host .toast-enter-active{animation:toast-liquid-in .52s cubic-bezier(.16,1,.3,1) both}.toast-host .toast-leave-active{animation:toast-liquid-out .28s cubic-bezier(.55,0,.2,1) both}.toast-host .toast-move{transition:transform .3s cubic-bezier(.16,1,.3,1)}html[data-resolved-theme=dark] .toast-host .toast{color:var(--ink);border-color:color-mix(in srgb,var(--line) 78%,rgba(255,255,255,.12));background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 86%,transparent),color-mix(in srgb,var(--chrome) 70%,transparent)),color-mix(in srgb,var(--bg) 76%,transparent);box-shadow:0 18px 48px #00000052,inset 0 1px #ffffff1a}html[data-resolved-theme=dark] .toast-host .toast:before{background:linear-gradient(112deg,rgba(255,255,255,.12),transparent 38%),radial-gradient(circle at 88% 112%,color-mix(in srgb,var(--blue-2) 18%,transparent),transparent 46%);opacity:.58}@media(max-width:520px){.online-hall-search-row{grid-template-columns:1fr}.online-hall-search-row .btn{width:100%}.online-hall-room-tags{justify-content:flex-start}.password-action-row{justify-self:stretch}.password-action-row .btn{width:100%}.result-row{grid-template-columns:1fr}.result-copy-btn{width:100%}.toast-host{top:12px;right:12px;width:min(360px,calc(100vw - 24px))}}@media(prefers-reduced-motion:reduce){.toast-host .toast-enter-active,.toast-host .toast-leave-active{animation-duration:.01ms!important}}html[data-resolved-theme=dark] .watermark-layer{opacity:.18}html[data-render-profile=compat] .watermark-layer,html[data-render-profile=compat][data-resolved-theme=dark] .watermark-layer{opacity:.13}@media(max-width:720px){.watermark-layer{opacity:.13;background-size:360px 138px}}.watermark-integrity-layer{z-index:10000;cursor:progress}.watermark-integrity-layer .dialog-card{width:min(520px,100%);text-align:center;border-color:color-mix(in srgb,var(--red) 28%,var(--line))}@media(max-width:680px){.theme-drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-height:88vh;border-radius:var(--radius) var(--radius) 0 0}.segmented,.swatch-grid,.custom-color-grid,.inline-action{grid-template-columns:1fr}.email-suffix-field>span{border-left:1px solid var(--line);border-top:0;padding:0 10px;white-space:nowrap}.otp-inputs{gap:6px}.profile-heading,.dashboard-greeting{align-items:flex-start}.whitelist-list-controls{display:grid}.dashboard-license-inline{justify-items:start;min-width:0}.dashboard-license-inline strong{font-size:clamp(24px,6.2vw,30px)}.dashboard-license-inline span,.dashboard-license-inline small{font-size:clamp(13px,3.3vw,14px)}}@media(max-width:620px){.page-head{display:grid}.slot-add-fab{right:14px;bottom:14px;min-width:126px;padding-inline:11px}.user-chip{min-width:0;max-width:48vw}.hero-panel,.panel,.card,.table-panel{padding:14px}}.free-mode-page{position:relative;min-height:100vh;padding:clamp(22px,4vw,52px) 18px}.free-mode-shell{position:relative;z-index:1;width:min(980px,100%);margin:0 auto;display:grid;gap:18px}.free-mode-header{display:flex;align-items:center;gap:20px;padding:8px 2px 14px}.free-mode-logo{width:82px;height:82px;flex:none;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.free-mode-eyebrow{margin:0 0 7px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.18em}.free-mode-card{display:grid;gap:18px;padding:clamp(18px,3vw,26px);transition:opacity .18s ease,border-color .18s ease}.free-mode-card-locked{border-color:color-mix(in srgb,var(--line) 82%,var(--muted) 18%)}.free-mode-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.free-mode-card-head h2{margin:0 0 4px;font-size:18px}.free-mode-card-head p{margin:0;color:var(--muted);font-size:13px}.free-mode-card-head .tag{display:inline-flex;align-items:center;gap:5px}.free-mode-step,.free-mode-task-number{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 8px;border-radius:var(--radius);color:var(--blue);background:var(--accent-soft);font-size:13px;font-weight:900}.free-mode-login-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.free-mode-login-row .btn{min-width:138px}.free-mode-main-action{justify-self:start;min-width:220px}.free-mode-lock-tip{color:var(--muted)}.free-mode-task-list{display:grid;gap:10px}.free-mode-task-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--control) 78%,transparent)}.free-mode-task-row>div{min-width:0;display:grid;gap:4px}.free-mode-task-row strong,.free-mode-task-row small{overflow-wrap:anywhere}.free-mode-task-row small{color:var(--muted)}.free-mode-empty{padding:28px 14px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center}.free-mode-field-error{color:var(--red)}.free-mode-promo-dialog{width:min(520px,100%);display:grid;justify-items:center;gap:18px;text-align:center}.free-mode-promo-icon{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:18px;color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--panel));box-shadow:0 14px 34px color-mix(in srgb,var(--blue) 16%,transparent)}.free-mode-promo-dialog h3{margin:4px 0 10px;font-size:clamp(22px,4vw,28px)}.free-mode-promo-dialog .page-desc{max-width:430px;margin:0;font-size:15px;line-height:1.8}.free-mode-promo-secondary{max-width:430px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.free-mode-promo-action{width:100%}@media(max-width:620px){.free-mode-page{padding:20px 12px}.free-mode-header{align-items:flex-start}.free-mode-logo{width:60px;height:60px}.free-mode-card-head{grid-template-columns:auto minmax(0,1fr)}.free-mode-card-head>.tag{grid-column:1 / -1;justify-self:start}.free-mode-login-row,.free-mode-task-row{grid-template-columns:1fr}.free-mode-login-row .btn,.free-mode-main-action{width:100%}.free-mode-task-number{justify-self:start}}