:root{--accent: #14b8a6;--accent-strong: #0f9488;--green: #10b981;--emerald: #0e9f6e;--cyan: #06b6d4;--red: #ef4444;--amber: #f59e0b;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--sidebar-w: 264px;--topbar-h: 60px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--transition: .18s ease}[data-theme=dark]{--bg: #0b0d14;--bg-soft: #10131d;--surface: #151824;--surface-2: #1c2030;--surface-3: #232840;--border: #232838;--border-strong: #2f364c;--text: #e8eaf3;--text-dim: #a5adc2;--muted: #6b7490;--accent-soft: rgba(20, 184, 166, .16);--green-soft: rgba(16, 185, 129, .16);--red-soft: rgba(239, 68, 68, .14);--amber-soft: rgba(245, 158, 11, .14);--card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28);--input-bg: #10131d;--backdrop: rgba(4, 10, 12, .6);--glow-opacity: .42}[data-theme=light]{--bg: #f3f5fa;--bg-soft: #eaf0f8;--surface: #ffffff;--surface-2: #f6f8fc;--surface-3: #eef1f8;--border: #e4e9f2;--border-strong: #d3dae7;--text: #0f172a;--text-dim: #475467;--muted: #98a2b3;--accent-soft: rgba(20, 184, 166, .12);--green-soft: rgba(16, 185, 129, .14);--red-soft: rgba(239, 68, 68, .12);--amber-soft: rgba(245, 158, 11, .16);--card-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 10px 30px rgba(15, 23, 42, .07);--input-bg: #ffffff;--backdrop: rgba(15, 23, 42, .32);--glow-opacity: .22}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.shell-body{flex:1;display:flex;flex-direction:column;min-height:100vh}.content{flex:1;padding:28px;max-width:1180px;margin:0 auto;width:100%}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-title{font-size:15px;font-weight:650;margin:0;letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:10px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-dim);transition:all var(--transition)}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.danger-hover:hover{color:var(--red);border-color:var(--red-soft);background:var(--red-soft)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:60;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);transform:translate(-104%);visibility:hidden;transition:transform .26s cubic-bezier(.32,.72,0,1),visibility .26s;box-shadow:var(--card-shadow)}.sidebar.open{transform:translate(0);visibility:visible}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--backdrop);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.sidebar-close{margin-left:auto}.brand-mark{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--accent-soft) 70%,var(--surface-3));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 6px 18px #0d948838}.brand-dot{width:12px;height:12px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 4px #ffffff40}.brand-mark.large{width:56px;height:56px;border-radius:15px;margin:0 auto 14px}.brand-mark.large .brand-dot{width:16px;height:16px}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:15px;letter-spacing:-.01em}.brand-text span{font-size:12px;color:var(--muted)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:550;color:var(--text-dim);transition:all var(--transition)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.status-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.footer-version{font-size:12px;color:var(--muted);font-family:var(--mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid transparent;font-size:13.5px;font-weight:600;transition:all var(--transition)}.btn.primary{background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 22%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text);transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent)}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:color-mix(in srgb,var(--surface-3) 55%,transparent);border-color:var(--border-strong);color:var(--text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn.ghost:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent-soft) 55%,transparent)}.btn.green{background:color-mix(in srgb,var(--green) 15%,transparent);border:1px solid color-mix(in srgb,var(--green) 38%,transparent);color:var(--green);box-shadow:0 4px 12px color-mix(in srgb,var(--green) 20%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn.green:hover{background:var(--green);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--green) 30%,transparent)}.btn.danger{background:color-mix(in srgb,var(--red) 13%,transparent);border:1px solid color-mix(in srgb,var(--red) 38%,transparent);color:var(--red);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn.danger:hover{background:var(--red);color:#fff}.btn.block{width:100%}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn:disabled{opacity:.55;cursor:not-allowed}.fill{fill:currentColor}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:650;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border);white-space:nowrap}.badge.green{background:var(--green-soft);color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,transparent)}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);position:relative}.pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--green);animation:pulseRing 1.6s ease-out infinite}.pulse.off{background:var(--muted)}.pulse.off:after{display:none}@keyframes pulseRing{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.4);opacity:0}}.page{display:flex;flex-direction:column;gap:22px;animation:pageIn .3s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page.center{align-items:center;justify-content:center;min-height:55vh;color:var(--muted)}.page-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-radius:var(--radius-lg);background:radial-gradient(600px 200px at 0% 0%,var(--accent-soft),transparent 60%),radial-gradient(500px 200px at 100% 100%,var(--green-soft),transparent 60%),var(--surface);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}.page-hero h2{margin:0 0 4px;font-size:21px;letter-spacing:-.02em}.page-hero p{margin:0;color:var(--text-dim);font-size:13.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.stat-card{position:relative;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tone);opacity:.7}.stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;margin-bottom:12px;background:var(--tone-soft);color:var(--tone)}.tone-teal{--tone: #14b8a6;--tone-soft: rgba(20, 184, 166, .15)}.tone-emerald{--tone: #10b981;--tone-soft: rgba(16, 185, 129, .15)}.tone-amber{--tone: #f59e0b;--tone-soft: rgba(245, 158, 11, .16)}.tone-cyan{--tone: #06b6d4;--tone-soft: rgba(6, 182, 212, .15)}.stat-num{font-size:26px;font-weight:750;letter-spacing:-.02em}.stat-label{font-size:13px;font-weight:600;color:var(--text-dim);margin-top:2px}.stat-hint{font-size:12px;color:var(--muted);margin-top:2px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border);background:var(--surface-2)}.panel-head h3{margin:0;font-size:14.5px;font-weight:650}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.text-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--accent)}.text-link:hover{text-decoration:underline}.muted{color:var(--muted)}.sm{font-size:12px}.empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:34px 16px;color:var(--muted);font-size:13.5px}.room-mini-list{display:flex;flex-direction:column}.room-mini{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border);transition:background var(--transition)}.room-mini:last-child{border-bottom:none}.room-mini:hover{background:var(--surface-2)}.room-mini-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.room-mini-name{font-weight:600;font-size:14px;flex:1}.room-mini-arrow{color:var(--muted);opacity:0;transform:translate(-4px);transition:all var(--transition)}.room-mini:hover .room-mini-arrow{opacity:1;transform:none}.log-list{display:flex;flex-direction:column;max-height:340px;overflow-y:auto}.log-list.tall{max-height:380px}.log-line{display:flex;align-items:baseline;gap:10px;padding:8px 18px;font-size:12.5px;border-bottom:1px solid var(--border);font-family:var(--mono)}.log-line:last-child{border-bottom:none}.log-time{color:var(--muted);flex-shrink:0}.log-source{color:var(--accent);font-weight:600;flex-shrink:0}.log-msg{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-line.level-warn .log-msg,.log-line.level-warn .log-source{color:var(--amber)}.log-line.level-error .log-msg,.log-line.level-error .log-source{color:var(--red)}.log-line.level-success .log-msg,.log-line.level-success .log-source{color:var(--green)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.room-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.room-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 14px 34px #00000038}.room-card-accent{position:absolute;top:0;left:0;right:0;height:4px}.room-card-top{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.room-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px}.room-card h3{margin:10px 0 0;font-size:17px;letter-spacing:-.01em}.room-card-sub{margin:0;color:var(--text-dim);font-size:13px}.room-card-foot{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;font-weight:600}.room-card-arrow{margin-left:auto;transition:transform var(--transition)}.room-card:hover .room-card-arrow{transform:translate(3px)}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--text-dim);font-size:13.5px;font-weight:600;width:fit-content}.back-link:hover{color:var(--accent)}.rs-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.rs-title{display:flex;align-items:center;gap:14px}.rs-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 5px var(--accent-soft)}.rs-title h2{margin:0;font-size:22px;letter-spacing:-.02em}.rs-title p{margin:3px 0 0;display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:13px}.rs-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rs-grid{gap:16px}.settings-rows{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.srow{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);transition:opacity var(--transition)}.srow.disabled{opacity:.45}.srow-inputs{flex:1;display:grid;grid-template-columns:1fr 1.2fr 1.6fr;gap:8px;min-width:0}.srow input{width:100%;padding:7px 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text);font-size:13px;transition:border-color var(--transition)}.srow input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.srow-key{font-family:var(--mono)}.srow-type{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-family:var(--mono);flex-shrink:0;width:46px;text-align:center}.switch{--sw: 38px;--sw-h: 21px;position:relative;flex-shrink:0;width:var(--sw);height:var(--sw-h);border-radius:99px;border:1px solid var(--border-strong);background:var(--surface-3);transition:all var(--transition)}.switch .switch-knob{position:absolute;top:2px;left:2px;width:calc(var(--sw-h) - 6px);height:calc(var(--sw-h) - 6px);border-radius:50%;background:var(--muted);transition:all var(--transition)}.switch.on{background:var(--green);border-color:var(--green)}.switch.on .switch-knob{left:calc(var(--sw) - (var(--sw-h) - 4px));background:#fff}.switch.small{--sw: 32px;--sw-h: 18px}.proc-list{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.proc{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);transition:border-color var(--transition),background var(--transition)}.proc.running{border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green-soft) 55%,var(--surface-2))}.proc-status{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface-3)}.proc-status.on{background:var(--green-soft)}.proc-info{flex:1;display:flex;flex-direction:column}.proc-info strong{font-size:14px}.proc-meta{font-size:12px;color:var(--muted);font-family:var(--mono)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--green);color:var(--green);font-size:13.5px;font-weight:600;box-shadow:var(--card-shadow);z-index:80;animation:fadeIn .25s ease}.app-root{position:relative;min-height:100vh}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(95px);opacity:var(--glow-opacity);will-change:transform}.blob.b1{width:520px;height:520px;background:#0d9488;top:-160px;left:-140px;animation:drift1 30s ease-in-out infinite alternate}.blob.b2{width:460px;height:460px;background:#10b981;bottom:-180px;right:-120px;animation:drift2 34s ease-in-out infinite alternate}.blob.b3{width:420px;height:420px;background:#0891b2;top:34%;left:58%;opacity:calc(var(--glow-opacity) * .55);animation:drift3 28s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate(70px,46px) scale(1.1)}}@keyframes drift2{to{transform:translate(-60px,-46px) scale(1.14)}}@keyframes drift3{to{transform:translate(-90px,34px) scale(.92)}}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(color-mix(in srgb,var(--text) 11%,transparent) 1px,transparent 1.4px);background-size:30px 30px;opacity:.6;-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 82%);mask-image:radial-gradient(ellipse at center,black 35%,transparent 82%)}@media (prefers-reduced-motion: reduce){.blob{animation:none}}.shell-body,.login-page,.content{position:relative;z-index:1}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden}.login-theme-toggle{position:absolute;top:20px;right:20px;z-index:5}.login-card{position:relative;z-index:2;width:100%;max-width:390px;padding:34px 32px 26px;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:24px;box-shadow:var(--card-shadow);animation:pageIn .4s ease}.login-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:46%;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,var(--accent),var(--green),transparent);opacity:.8}.splash-card{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted);font-size:13px}.login-brand{text-align:center;margin-bottom:26px}.login-brand h1{margin:0 0 6px;font-size:24px;letter-spacing:-.02em}.login-brand p{margin:0;color:var(--text-dim);font-size:13.5px}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:12.5px;font-weight:650;color:var(--text-dim)}.field input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:12px;color:var(--muted);pointer-events:none}.input-with-icon input{padding-left:38px;padding-right:38px}.password-toggle{position:absolute;right:6px;display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:var(--muted);border-radius:8px}.password-toggle:hover{color:var(--text);background:var(--surface-3)}.notice{padding:10px 12px;border-radius:10px;font-size:13px;font-weight:500}.notice.error{background:var(--red-soft);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 35%,transparent)}.notice.success{background:var(--green-soft);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,transparent)}.login-hint{margin-top:20px;padding:12px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-dim);gap:10px}.login-hint code{font-family:var(--mono);font-size:12px;background:var(--surface-3);padding:3px 8px;border-radius:7px;color:var(--text)}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border:1px solid var(--border);border-radius:99px;background:var(--surface);transition:all var(--transition)}.user-chip:hover{border-color:var(--border-strong)}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent-soft) 60%,var(--surface-3));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent);font-size:11.5px;font-weight:750}.user-chip-name{font-size:13px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chev{color:var(--muted);transition:transform var(--transition)}.chev.up{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--card-shadow);padding:6px;animation:fadeIn .15s ease;z-index:70}.dropdown-head{display:flex;flex-direction:column;padding:10px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.dropdown-head strong{font-size:14px}.dropdown-head span{font-size:12px;color:var(--muted);text-transform:capitalize}.dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-dim);font-size:13.5px;font-weight:550;border-radius:9px;text-align:left;transition:all var(--transition)}.dropdown-item:hover{background:var(--surface-2);color:var(--text)}.dropdown-item.danger{color:var(--red)}.dropdown-item.danger:hover{background:var(--red-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:var(--backdrop);padding:20px;animation:fadeIn .18s ease}.modal{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:22px;animation:pageIn .22s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h3{margin:0;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.grid-2col{grid-template-columns:1fr}.content{padding:20px}.rs-head{align-items:flex-start}.srow-inputs{grid-template-columns:1fr}.room-card-foot{font-size:12px}}[data-theme=dark] .poker-login{--felt-0: #1e7a50;--felt-1: #145c3c;--felt-2: #0c3a25;--felt-3: #051f12;--rail: rgba(212, 175, 55, .4);--gold-1: #f0c95c;--gold-2: #e0b23a;--gold-3: #a97b1d;--chip-face: #10291d;--chip-band: rgba(20, 46, 34, .85);--login-text: #f6efd8;--login-muted: rgba(246, 239, 216, .62);--login-field: rgba(7, 26, 17, .55);--login-card-bg: rgba(11, 34, 23, .82);--login-glow: rgba(240, 201, 92, .35)}[data-theme=light] .poker-login{--felt-0: #e7d3a7;--felt-1: #d3b884;--felt-2: #b79a65;--felt-3: #8f7347;--rail: rgba(90, 62, 18, .55);--gold-1: #d0a53a;--gold-2: #b3841f;--gold-3: #7d5b12;--chip-face: #6b4c12;--chip-band: rgba(120, 90, 30, .9);--login-text: #35260f;--login-muted: rgba(53, 38, 15, .72);--login-field: rgba(255, 251, 240, .72);--login-card-bg: rgba(255, 250, 237, .85);--login-glow: rgba(179, 132, 31, .28)}.poker-login{overflow:hidden;text-align:left}.poker-felt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 20% 15%,var(--felt-0) 0%,var(--felt-1) 32%,var(--felt-2) 66%,var(--felt-3) 100%)}.poker-felt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.2px),radial-gradient(rgba(0,0,0,.16) 1px,transparent 1.2px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;opacity:.5}.table-rail{position:absolute;left:50%;top:50%;width:min(78vw,560px);height:min(78vw,560px);transform:translate(-50%,-50%) rotateX(58deg);border-radius:50%;border:2px solid var(--rail);box-shadow:0 0 0 10px #0000001f,0 0 60px #00000073,inset 0 0 40px #00000040;z-index:0;pointer-events:none}.suit-corner{position:absolute;z-index:0;font-size:190px;line-height:1;color:var(--gold-1);opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none}.sc1{top:-20px;left:-16px}.sc2{top:-20px;right:-16px}.sc3{bottom:-30px;left:-12px;transform:rotate(180deg)}.sc4{bottom:-30px;right:-12px;transform:rotate(180deg)}.suit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:420px;line-height:1;color:var(--gold-1);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;animation:suitPulse 1.6s ease forwards;text-shadow:0 0 60px var(--login-glow)}@keyframes suitPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-7deg)}22%{opacity:.08}to{opacity:.045;transform:translate(-50%,-50%) scale(1.05) rotate(7deg)}}.poker-chips{z-index:0}.poker-chip{position:absolute;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,var(--gold-1) 0%,var(--gold-2) 42%,var(--gold-3) 78%,var(--gold-3) 100%);box-shadow:inset 0 0 0 3px #00000047,inset 0 0 0 6px var(--chip-band),0 16px 34px #00000073;animation:chipFloat 7s ease-in-out infinite;pointer-events:none}.poker-chip>span{width:58%;height:58%;border-radius:50%;display:grid;place-items:center;font-size:20px;color:var(--chip-face);background:radial-gradient(circle at 35% 30%,lightgoldenrodyellow,var(--gold-1) 60%,var(--gold-2));box-shadow:inset 0 0 0 1.5px #00000038}.poker-chip:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:1px dashed var(--gold-2);opacity:.8}.poker-chip.c-sm{width:44px;height:44px}.poker-chip.c-md{width:66px;height:66px}.poker-chip.c-lg{width:92px;height:92px}.poker-chip.c-md>span{font-size:26px}.poker-chip.c-lg>span{font-size:34px}.poker-chip.c-sm>span{font-size:15px}@keyframes chipFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(8deg)}}.poker-chip.c1{top:12%;left:8%;animation-delay:0s}.poker-chip.c2{top:24%;right:10%;animation-delay:1.2s}.poker-chip.c3{bottom:9%;left:14%;animation-delay:2.1s}.poker-chip.c4{bottom:18%;right:18%;animation-delay:.6s}.poker-chip.c5{top:60%;left:4%;animation-delay:2.8s}.poker-login .login-theme-toggle{background:color-mix(in srgb,var(--login-card-bg) 70%,transparent);border-color:color-mix(in srgb,var(--gold-1) 38%,transparent);color:var(--login-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.login-stage{position:relative;z-index:2;perspective:1300px}.card-3d{transform-style:preserve-3d;transition:transform .12s ease-out;will-change:transform}.poker-login .login-card{position:relative;width:100%;max-width:400px;padding:34px 34px 22px;background:var(--login-card-bg);border:1px solid color-mix(in srgb,var(--gold-1) 42%,transparent);border-radius:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 26px 60px #00000080,0 0 0 1px #00000040,inset 0 1px #ffffff1a;overflow:visible}[data-theme=light] .poker-login .login-card{box-shadow:0 26px 60px #3c2a0c47,0 0 0 1px #00000014,inset 0 1px #ffffffb3}.poker-login .login-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:56%;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,transparent,var(--gold-1),transparent);opacity:.9}.poker-login .login-card.shake{animation:cardShake .45s ease}@keyframes cardShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.login-chip-logo{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,var(--gold-1),var(--gold-2) 55%,var(--gold-3));box-shadow:inset 0 0 0 3px var(--chip-band),0 10px 22px #00000059;border:1px solid rgba(0,0,0,.25)}.login-chip-logo .brand-dot{border-color:var(--chip-face);box-shadow:0 0 0 4px color-mix(in srgb,var(--chip-face) 22%,transparent)}.poker-eye{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.28em;color:var(--login-muted);margin-bottom:8px}.poker-title{margin:0;text-align:center;font-size:30px;font-weight:800;letter-spacing:.02em;background:linear-gradient(110deg,var(--gold-3) 0%,var(--gold-1) 30%,#fff 50%,var(--gold-1) 70%,var(--gold-3) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:titleSheen 5.5s ease-in-out infinite}@keyframes titleSheen{0%,to{background-position:0% 0}50%{background-position:100% 0}}[data-theme=light] .poker-title{background:linear-gradient(110deg,var(--gold-3) 0%,var(--gold-2) 30%,#fff7e0 50%,var(--gold-2) 70%,var(--gold-3) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:titleSheen 5.5s ease-in-out infinite}.poker-sub{margin:4px 0 18px;text-align:center;color:var(--login-muted);font-size:12.5px;letter-spacing:.06em}.poker-login .field>span{color:var(--login-muted);letter-spacing:.04em}.poker-login .input-with-icon>svg{color:var(--gold-1)}.poker-login .field input{background:var(--login-field);border-color:color-mix(in srgb,var(--gold-1) 32%,transparent);color:var(--login-text)}.poker-login .field input::placeholder{color:var(--login-muted)}.poker-login .field input:focus{border-color:var(--gold-1);box-shadow:0 0 0 3px var(--login-glow),0 0 18px var(--login-glow)}.poker-login .password-toggle{color:var(--login-muted)}.poker-login .password-toggle:hover{color:var(--gold-1);background:color-mix(in srgb,var(--login-card-bg) 60%,transparent)}.deal-btn{margin-top:4px;padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:800;letter-spacing:.14em;color:var(--chip-face);background:linear-gradient(140deg,var(--gold-1) 0%,var(--gold-2) 45%,var(--gold-1) 100%);border:1px solid color-mix(in srgb,var(--gold-3) 60%,transparent);box-shadow:0 10px 26px #00000059;text-transform:uppercase;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}.deal-btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:btnSheen 3.2s ease-in-out infinite}@keyframes btnSheen{0%,60%{left:-60%}to{left:130%}}.deal-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 32px #0006,0 0 24px var(--login-glow)}.deal-btn:disabled{opacity:.55;cursor:not-allowed}.poker-foot{margin-top:18px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--gold-1) 26%,transparent);display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;letter-spacing:.08em;color:var(--login-muted);text-transform:uppercase}.poker-login .notice.error{background:#8b1e1e47;border-color:#ff787866;color:#ffd6d6}[data-theme=light] .poker-login .notice.error{color:#a12b22}@media (max-width: 640px){.suit-corner{font-size:110px}.suit-center{font-size:260px}.poker-chip.c2,.poker-chip.c5{display:none}.table-rail{width:110vw;height:110vw}}.login-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,4vw,64px);align-items:center;width:100%;max-width:1120px}.poker-scene{position:relative;height:min(60vh,560px);min-height:440px;perspective:1100px;-webkit-user-select:none;user-select:none}.scene-tilt{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .2s ease-out;will-change:transform}.halo{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.halo-tilt{width:0;height:0;transform-style:preserve-3d;transform:rotateX(58deg)}.halo-spin{position:relative;width:0;height:0;transform-style:preserve-3d;animation:orbitSpin 38s linear infinite}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb-card{position:absolute;left:-23px;top:-33px;width:46px;height:66px;transform-style:preserve-3d;transform:rotateY(var(--a)) translateZ(222px)}.orb-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 0 0 2px #0000001f,0 10px 22px #0006;background-image:repeating-linear-gradient(45deg,var(--c) 0,var(--c) 9px,transparent 9px,transparent 18px),linear-gradient(135deg,color-mix(in srgb,var(--c) 72%,#000),color-mix(in srgb,var(--c) 45%,#000));background-blend-mode:normal}.chip-stack{position:absolute;left:64%;top:58%;transform-style:preserve-3d;animation:stackFloat 6s ease-in-out infinite}@keyframes stackFloat{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-16px) rotateX(6deg)}}.stack-chip{position:absolute;left:50%;top:50%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,var(--gold-1),var(--gold-2) 45%,var(--gold-3) 80%);box-shadow:inset 0 0 0 3px #0000004d,inset 0 0 0 6px var(--chip-band),0 14px 28px #0006}.stack-chip i{font-style:normal;width:56%;height:56%;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--chip-face);background:radial-gradient(circle at 35% 30%,#fffdf2,var(--gold-1) 62%,var(--gold-2))}.stack-chip.s1{width:104px;height:104px;transform:translate(-50%,-50%) translateZ(0);z-index:1}.stack-chip.s2{width:94px;height:94px;transform:translate(-50%,-50%) translateZ(12px);z-index:2}.stack-chip.s3{width:84px;height:84px;transform:translate(-50%,-50%) translateZ(24px);z-index:3}.coiner{position:absolute;left:34%;top:40%;width:118px;height:118px;transform-style:preserve-3d;animation:coinSpin 9s linear infinite}@keyframes coinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.coin-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:30px;letter-spacing:.02em;color:var(--chip-face);background:radial-gradient(circle at 32% 28%,var(--gold-1),var(--gold-2) 48%,var(--gold-3) 82%);box-shadow:inset 0 0 0 4px var(--chip-band),inset 0 0 0 9px color-mix(in srgb,var(--gold-1) 55%,transparent),0 18px 36px #00000073;backface-visibility:hidden}.coin-back{transform:rotateY(180deg)}.sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold-1);box-shadow:0 0 10px var(--login-glow),0 0 2px var(--gold-1);opacity:0;animation:sparkDrift ease-in-out infinite alternate}@keyframes sparkDrift{0%{opacity:0;transform:translateY(14px) scale(.6)}40%{opacity:.9}to{opacity:0;transform:translateY(-26px) scale(1.15)}}.login-column{position:relative;z-index:3;width:100%;display:flex;justify-content:center}.login-fw{position:relative;width:100%;max-width:400px}.deal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;transition:opacity .8s ease,transform .85s cubic-bezier(.5,0,.2,1);will-change:transform,opacity}.deal-overlay.gone{opacity:0;transform:translateY(-130%) rotateX(-60deg) rotate(8deg)}.deal-overlay-card{position:absolute;top:10px;right:10px;bottom:0;left:10px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background-image:repeating-linear-gradient(45deg,var(--card-red) 0,var(--card-red) 12px,transparent 12px,transparent 24px),linear-gradient(135deg,#c22f2f,#7e1b1b);border:1px solid rgba(255,255,255,.6);box-shadow:0 24px 50px #00000080,inset 0 0 0 2px #00000026;overflow:hidden}[data-theme=dark] .poker-login{--card-red: #c0392b}[data-theme=light] .poker-login{--card-red: #b83727}.deal-overlay-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.14),transparent 55%)}.deal-suit{font-size:66px;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.4)}.deal-label{font-size:11.5px;letter-spacing:.24em;font-weight:800;color:#ffffffeb;text-transform:uppercase}.card-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;pointer-events:none}.bcard{position:absolute;left:50%;top:50%;width:96px;height:134px;border-radius:11px;display:grid;place-items:center;font-size:38px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4);background:repeating-linear-gradient(45deg,var(--c, #c0392b) 0,var(--c, #c0392b) 10px,transparent 10px,transparent 20px),linear-gradient(135deg,#c0392b,#7a1c1c);border:1px solid rgba(255,255,255,.65);box-shadow:0 20px 44px #00000080;opacity:0;animation:burstCard .6s ease-out forwards}.b0{--c: #20336b;--bx: -260px;--by: -190px;--br: -32deg}.b1{--c: #c0392b;--bx: 260px;--by: -150px;--br: 28deg}.b2{--c: #20336b;--bx: -300px;--by: 140px;--br: 20deg}.b3{--c: #c0392b;--bx: 240px;--by: 200px;--br: -24deg}.b4{--c: #20336b;--bx: 0px;--by: -340px;--br: 0deg}@keyframes burstCard{0%{opacity:1;transform:translate(-50%,-50%) scale(.35) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(1.18) rotate(var(--br))}}@media (max-width: 980px){.login-shell{grid-template-columns:1fr;max-width:440px}.poker-scene{display:none}}[data-theme=dark] .gf-login{--gf-bg: #0e0f12;--gf-input-bg: #090a0c;--gf-text: #d8d9da;--gf-muted: #858a91;--gf-border: #2c3235;--gf-border-strong: #3a4043;--gf-primary: #3d71d9;--gf-primary-hover: #4a7ee0;--gf-logo-hole: #0e0f12;--gf-alert: #f2495c;--gf-alert-text: #ff9aa5}[data-theme=light] .gf-login{--gf-bg: #f4f5f7;--gf-input-bg: #ffffff;--gf-text: #24292e;--gf-muted: #6e7480;--gf-border: #d8dbe2;--gf-border-strong: #c3c8d0;--gf-primary: #3d71d9;--gf-primary-hover: #2f62c9;--gf-logo-hole: #f4f5f7;--gf-alert: #d13d4f;--gf-alert-text: #b32a3a}.gf-login{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--gf-bg);overflow:hidden;z-index:1}.gf-accent-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbca0a,#f5810b 24%,#f05a28 46%,#3d71d9 78%,#6e9bff);opacity:.9;z-index:2}.gf-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.gf-glow-blue{top:-230px;left:50%;transform:translate(-50%);width:760px;height:540px;background:radial-gradient(closest-side,color-mix(in srgb,var(--gf-primary) 30%,transparent),transparent);filter:blur(34px)}.gf-glow-orange{bottom:-280px;right:-140px;width:560px;height:560px;background:radial-gradient(closest-side,rgba(240,90,40,.2),transparent);filter:blur(34px)}.gf-theme-toggle{position:absolute;top:18px;right:18px;z-index:3;width:34px;height:34px;background:color-mix(in srgb,var(--gf-bg) 55%,transparent);border-color:var(--gf-border);color:var(--gf-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gf-theme-toggle:hover{color:var(--gf-text);border-color:var(--gf-border-strong);background:color-mix(in srgb,var(--gf-text) 8%,transparent)}.gf-wrap{position:relative;z-index:2;width:100%;max-width:400px}.gf-logo-row{display:grid;place-items:center;margin-bottom:16px}.gf-logo{filter:drop-shadow(0 6px 20px rgba(240,90,40,.35))}.gf-title{margin:0 0 28px;text-align:center;font-size:21px;font-weight:500;letter-spacing:-.01em;color:var(--gf-text)}.gf-error{margin-bottom:16px;padding:9px 12px;border-radius:3px;font-size:13px;background:color-mix(in srgb,var(--gf-alert) 14%,transparent);border:1px solid color-mix(in srgb,var(--gf-alert) 45%,transparent);color:var(--gf-alert-text)}.gf-form{display:flex;flex-direction:column;gap:14px}.gf-field{position:relative}.gf-input{width:100%;height:42px;padding:0 12px;background:var(--gf-input-bg);border:1px solid var(--gf-border);border-radius:3px;color:var(--gf-text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.gf-input::placeholder{color:var(--gf-muted)}.gf-input:focus{outline:none;border-color:var(--gf-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--gf-primary) 45%,transparent)}.gf-field .gf-input{padding-right:42px}.gf-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:var(--gf-muted);border-radius:3px;transition:all .15s ease}.gf-eye:hover{color:var(--gf-text);background:color-mix(in srgb,var(--gf-text) 8%,transparent)}.gf-submit{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid transparent;border-radius:3px;background:var(--gf-primary);color:#fff;font-size:14.5px;font-weight:500;transition:background .15s ease,transform .06s ease}.gf-submit:hover:not(:disabled){background:var(--gf-primary-hover)}.gf-submit:active:not(:disabled){transform:translateY(1px)}.gf-submit:disabled{opacity:.55;cursor:not-allowed}.gf-links{margin-top:16px;text-align:center}.gf-link{border:none;background:none;padding:0;color:var(--gf-primary);font-size:13px;transition:color .15s ease}.gf-link:hover{text-decoration:underline;color:var(--gf-primary-hover)}.gf-foot{margin-top:30px;text-align:center;font-size:13px;color:var(--gf-muted)}.gf-foot-strong{color:var(--gf-text)}.gf-version{margin-top:24px;text-align:center;font-size:11px;letter-spacing:.04em;color:var(--gf-muted);opacity:.7}:root{--accent: #3d71d9;--accent-strong: #2f62c9;--green: #73bf69;--emerald: #73bf69;--red: #f2495c;--amber: #ff9830;--radius: 3px;--radius-sm: 3px;--radius-lg: 4px;--sidebar-w: 238px;--topbar-h: 52px;--transition: .13s ease}[data-theme=dark]{--bg: #111217;--bg-soft: #0e0f12;--surface: #181b1f;--surface-2: #1f2329;--surface-3: #25292e;--border: #2c3235;--border-strong: #3a4043;--text: #d8d9da;--text-dim: #a4a8ad;--muted: #858a91;--accent: #3d71d9;--accent-soft: rgba(61, 113, 217, .18);--green-soft: rgba(115, 191, 105, .16);--red-soft: rgba(242, 73, 92, .15);--amber-soft: rgba(255, 152, 48, .15);--card-shadow: none;--input-bg: #0e0f12;--backdrop: rgba(5, 6, 8, .7);--glow-opacity: 0}[data-theme=light]{--bg: #f4f5f7;--bg-soft: #eceef1;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #eef0f3;--border: #d8dbe2;--border-strong: #c3c8d0;--text: #24292e;--text-dim: #4a5057;--muted: #6e7480;--accent: #3d71d9;--accent-soft: rgba(61, 113, 217, .12);--green-soft: rgba(76, 154, 63, .14);--red-soft: rgba(209, 61, 79, .12);--amber-soft: rgba(224, 138, 30, .14);--card-shadow: none;--input-bg: #ffffff;--backdrop: rgba(30, 34, 40, .4);--glow-opacity: 0}[data-theme=light]{--green: #4c9a3f;--red: #d13d4f;--amber: #e08a1e}.bg-fx{display:none}body{background:var(--bg)}.topbar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--border);padding:0 16px}.topbar-title{font-size:15px;font-weight:500}.icon-btn{width:34px;height:34px;border-radius:2px;background:var(--surface-2);border-color:var(--border);color:var(--text-dim)}.icon-btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text)}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);box-shadow:none}.sidebar-brand{padding:12px 14px;border-bottom:1px solid var(--border)}.brand-mark{width:32px;height:32px;border-radius:3px;background:linear-gradient(135deg,#f5810b,#f05a28);border:none;box-shadow:none}.brand-dot{width:10px;height:10px;border-width:2px;box-shadow:0 0 0 3px #ffffff38}.brand-text strong{font-size:14px;font-weight:600}.brand-text span{font-size:11px;color:var(--muted)}.sidebar-nav{padding:10px 8px;gap:2px}.nav-item{padding:8px 10px;border-radius:2px;font-size:13.5px;font-weight:500;gap:10px}.nav-item.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--border)}.status-pill{font-size:11.5px}.footer-version{font-size:11px}.content{padding:20px;max-width:1320px}.page{gap:16px}.page-hero{padding:16px 18px;border-radius:3px;background:var(--surface);border:1px solid var(--border)}.page-hero h2{font-size:18px;font-weight:500;letter-spacing:-.01em}.page-hero p{font-size:13px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:3px;box-shadow:none}.panel-head{padding:10px 14px;background:transparent;border-bottom:1px solid var(--border)}.panel-head h3{font-size:14px;font-weight:500}.grid-2col{gap:16px}.text-link{font-size:12.5px;font-weight:500}.btn{border-radius:2px;padding:8px 12px;font-size:13px;font-weight:500}.btn.primary{background:var(--accent);border:1px solid transparent;color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.btn.primary:hover:not(:disabled){background:var(--accent-strong);color:#fff;transform:none;box-shadow:none}.btn.ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);-webkit-backdrop-filter:none;backdrop-filter:none}.btn.ghost:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);color:var(--text)}.btn.green{background:var(--green);border:1px solid transparent;color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.btn.green:hover{filter:brightness(1.08)}.btn.danger{background:transparent;border:1px solid var(--border);color:var(--red);-webkit-backdrop-filter:none;backdrop-filter:none}.btn.danger:hover{background:var(--red);border-color:var(--red);color:#fff}.badge{border-radius:2px;padding:2px 7px;font-size:11px;font-weight:600;background:var(--surface-3)}.badge.green{background:var(--green-soft);color:var(--green);border-color:transparent}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on .switch-knob{background:#fff}.stat-card{padding:14px 16px;border-radius:3px;box-shadow:none}.stat-card:before{width:2px;opacity:.9}.stat-icon{width:36px;height:36px;border-radius:3px;margin-bottom:10px}.stat-num{font-size:22px;font-weight:600}.stat-label{font-size:12.5px}.tone-teal{--tone: #5794f2;--tone-soft: rgba(87, 148, 242, .15)}.tone-emerald{--tone: #73bf69;--tone-soft: rgba(115, 191, 105, .15)}.tone-amber{--tone: #ff9830;--tone-soft: rgba(255, 152, 48, .15)}.tone-cyan{--tone: #b877d9;--tone-soft: rgba(184, 119, 217, .15)}.room-card{padding:18px 16px 14px;border-radius:3px;box-shadow:none}.room-card:hover{transform:none;border-color:var(--border-strong);background:var(--surface-2);box-shadow:none}.room-card-accent{height:2px}.room-card-icon{width:40px;height:40px;border-radius:3px}.room-card h3{font-size:16px;font-weight:500}.room-card-foot{font-size:12px}.settings-rows,.proc-list{gap:6px}.srow,.proc{border-radius:2px;background:var(--surface-2)}.srow{padding:9px 11px}.proc{padding:10px 12px}.srow input{border-radius:2px}.proc-status{width:28px;height:28px;border-radius:2px}.proc.running{border-color:color-mix(in srgb,var(--green) 50%,transparent);background:var(--surface-2)}.back-link{font-size:13px;font-weight:500}.rs-title h2{font-size:20px;font-weight:500}.log-line{font-size:12px;padding:7px 14px}.log-source{color:var(--accent)}.dropdown,.modal{border-radius:3px}.dropdown-item{border-radius:2px}.avatar{border-radius:3px;background:var(--accent);border:none;color:#fff}.user-chip{border-radius:2px;background:var(--surface-2)}.toast{border-radius:3px;border-color:var(--green)}.notice{border-radius:2px}.room-mini{padding:11px 14px}.room-mini-name{font-size:13.5px;font-weight:500}.splash-card{border-radius:3px;background:var(--surface);border:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.splash-card p{font-size:13px}body{background-color:var(--bg);background-image:radial-gradient(1100px 560px at 50% -230px,color-mix(in srgb,var(--accent) 20%,transparent),transparent 72%),radial-gradient(820px 560px at 112% 118%,rgba(240,90,40,.1),transparent 72%);background-attachment:fixed;background-repeat:no-repeat}[data-theme=light] body{background-image:radial-gradient(1100px 560px at 50% -230px,color-mix(in srgb,var(--accent) 13%,transparent),transparent 72%),radial-gradient(820px 560px at 112% 118%,rgba(240,90,40,.07),transparent 72%)}.app-root:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbca0a,#f5810b 24%,#f05a28 46%,#3d71d9 78%,#6e9bff);opacity:.9;z-index:100;pointer-events:none}body{background-color:var(--bg);background-image:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 26%,transparent),transparent),radial-gradient(closest-side,rgba(240,90,40,.18),transparent);background-size:1150px 600px,820px 620px;background-position:50% -220px,100% 100%;background-repeat:no-repeat;background-attachment:fixed}[data-theme=light] body{background-image:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent),radial-gradient(closest-side,rgba(240,90,40,.12),transparent)}button{color:inherit}.user-chip{color:var(--text-dim)}.user-chip:hover{color:var(--text)}.user-chip-name{color:var(--text);font-weight:600}.admin-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;padding:16px}.field-with-action{position:relative;display:flex;align-items:center}.field-with-action input{padding-right:38px}.field-with-action .icon-btn{position:absolute;right:4px;width:30px;height:30px}.admin-grid .field input{border-radius:3px;padding:8px 10px;font-size:13.5px}.item-list{display:flex;flex-direction:column;gap:8px;padding:16px}.item-row{display:flex;align-items:center;gap:8px}.item-row.disabled{opacity:.5}.item-row .item-name,.item-row .item-value{padding:8px 10px;border-radius:3px;border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text);font-size:13px}.item-row .item-name{flex:0 0 34%;font-weight:600}.item-row .item-value{flex:1 1 auto}.item-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}@media (max-width: 900px){.admin-grid{grid-template-columns:1fr}}