:root{color-scheme:dark;--bg: #070b14;--bg-soft: #0b1220;--panel: #0d1526;--panel-2: #101a2e;--line: rgba(148, 163, 184, .14);--line-strong: rgba(148, 163, 184, .24);--text: #e8eefc;--muted: #8fa0ba;--muted-2: #6b7d99;--accent: #5eead4;--accent-2: #818cf8;--accent-3: #c084fc;--danger: #fb7185;--amber: #fbbf24;--green: #34d399;--radius: 22px;--shadow: 0 24px 70px rgba(0, 0, 0, .45);font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1100px 700px at 12% -10%,rgba(94,234,212,.08),transparent 60%),radial-gradient(900px 600px at 92% 0%,rgba(129,140,248,.1),transparent 55%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p,dl,dd,ul{margin:0}ul{padding:0;list-style:none}.icon{flex:0 0 auto}.mono{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#04121a;background:linear-gradient(135deg,var(--accent),#7dd3fc 55%,var(--accent-2));box-shadow:0 8px 24px #5eead440}.brand-name{font-size:17px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand-tag{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 8px;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--line);font-size:11.5px;font-weight:600;white-space:nowrap}.pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ffffff0f}.pill-amber{color:#fcd34d;background:#fbbf241a;border-color:#fbbf2447}.pill-green{color:var(--accent);background:#5eead414;border-color:#5eead43d}.pill-soft{color:var(--muted);background:#94a3b80f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:13px;border:1px solid transparent;font-size:13.5px;font-weight:700;letter-spacing:-.01em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{color:#04121a;background:linear-gradient(135deg,var(--accent),#7dd3fc 50%,#a5b4fc);box-shadow:0 12px 30px #5eead438}.btn-primary:hover:not(:disabled){box-shadow:0 16px 38px #5eead44d}.btn-danger{color:#fecdd3;background:#fb71851a;border-color:#fb71854d}.btn-danger:hover:not(:disabled){background:#fb718529}.btn-ghost{color:var(--text);background:#94a3b814;border-color:var(--line)}.btn-block{width:100%}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#94a3b80d;color:var(--muted);display:grid;place-items:center;transition:color .16s ease,border-color .16s ease,background .16s ease}.icon-btn:hover{color:var(--text);border-color:var(--line-strong);background:#94a3b81a}.link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.spin{animation:spin .9s linear infinite}.loader{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.14);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.splash{min-height:100dvh;display:grid;place-items:center;padding:24px}.splash-card{width:min(420px,100%);padding:34px 28px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,#101a2ee6,#0a101de6);box-shadow:var(--shadow);text-align:center}.splash-card h1{font-size:21px;letter-spacing:-.02em;margin-top:16px}.splash-card p{color:var(--muted);font-size:13.5px;margin:8px 0 20px;line-height:1.55}.splash-icon{width:54px;height:54px;border-radius:16px;display:inline-grid;place-items:center;background:#fb71851a;color:#fda4af;border:1px solid rgba(251,113,133,.3)}.landing{min-height:100dvh;padding:22px clamp(20px,5vw,64px) 0;display:flex;flex-direction:column;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);pointer-events:none}.landing>*{position:relative;z-index:1}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-header-right{display:flex;align-items:center;gap:9px}.landing-main{width:100%;max-width:1240px;margin:0 auto;flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(30px,6vw,88px);padding:clamp(36px,6vh,70px) 0 34px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#b6c4da;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#94a3b80d}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #5eead41f}.landing-copy h1{margin-top:22px;font-size:clamp(36px,4.6vw,62px);line-height:1.04;letter-spacing:-.035em;font-weight:750}.gradient-text{background:linear-gradient(100deg,var(--accent) 0%,#7dd3fc 38%,#a5b4fc 72%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-sub{margin-top:20px;max-width:560px;color:var(--muted);font-size:clamp(14px,1.2vw,16px);line-height:1.65}.enter-card{margin-top:28px;max-width:560px;padding:20px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#101a2ed1,#0a101dd1);box-shadow:0 18px 50px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.enter-card label{display:block;font-size:12px;font-weight:650;color:var(--muted);margin-bottom:9px}.enter-row{display:flex;gap:10px}.input-wrap{flex:1;min-width:0;height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:13px;border:1px solid var(--line);background:#0509118c;color:var(--muted-2);transition:border-color .16s ease}.input-wrap:focus-within{border-color:#5eead480}.input-wrap input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:14px}.input-wrap input::placeholder{color:var(--muted-2)}.form-error{margin-top:9px;color:#fda4af;font-size:12.5px}.enter-note{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--muted-2);font-size:11.5px}.enter-note .icon{color:var(--accent)}.trust-row{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:12.5px}.trust-row span{display:inline-flex;align-items:center;gap:7px}.trust-row .icon{color:var(--accent)}.landing-visual{position:relative;display:grid;place-items:center;min-height:600px}.glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.glow-a{width:340px;height:340px;background:#5eead429;top:10%;left:4%}.glow-b{width:300px;height:300px;background:#818cf82e;bottom:8%;right:2%}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:15px;border:1px solid var(--line);background:#0d1526d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 40px #00000059;animation:floaty 6s ease-in-out infinite}.float-card strong{display:block;font-size:12px}.float-card small{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}.float-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#5eead41f;color:var(--accent)}.float-icon-green{background:#34d3991f;color:var(--green)}.float-card-top{top:14%;right:0}.float-card-bottom{bottom:15%;left:0;animation-delay:-3s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-footer{max-width:1240px;width:100%;margin:0 auto;padding:18px 0 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted-2);font-size:11.5px}.footer-demo code{color:#fcd34d;background:#fbbf241a;padding:2px 5px;border-radius:5px;font-size:10.5px}.phone-frame{position:relative;width:330px;aspect-ratio:9 / 18.6;padding:9px;border-radius:46px;background:linear-gradient(160deg,#29344a,#0b111d 38%,#1b2436);border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 100px #0000008c,0 0 0 6px #ffffff06,inset 0 1px #ffffff29}.preview-frame{transform:rotate(-2.5deg);transition:transform .4s ease}.preview-frame:hover{transform:rotate(0) translateY(-4px)}.phone-notch{position:absolute;top:17px;left:50%;transform:translate(-50%);width:92px;height:24px;border-radius:16px;background:#030509;z-index:8;box-shadow:inset 0 -1px #ffffff0f}.phone-notch:after{content:"";position:absolute;top:8px;right:16px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#334155,#05070c 70%)}.phone-screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#000;isolation:isolate}.phone-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.phone-box{position:relative;width:100%;height:100%;flex:0 0 auto;z-index:1;background:#000}.phone-box video,.phone-box canvas{display:block;max-width:100%;max-height:100%}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{height:70px;padding:0 clamp(16px,4vw,38px);display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:#070b14b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 11px 4px 4px;border-radius:999px;border:1px solid var(--line);background:#94a3b80d;min-width:0}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:750;color:#05121a;background:linear-gradient(135deg,var(--accent),#a5b4fc);flex:0 0 auto}.user-name{font-size:12.5px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard{flex:1;width:100%;max-width:1420px;margin:0 auto;padding:20px clamp(14px,3.4vw,38px) 22px;display:grid;grid-template-columns:318px minmax(0,1fr);gap:18px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:14px}.card{border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#101a2ed1,#0a101dd1);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card h3{font-size:13.5px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:7px}.mini-status{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:650;color:var(--muted);padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#94a3b80d;white-space:nowrap}.mini-status span{width:6px;height:6px;border-radius:50%;background:var(--muted-2)}.mini-status.is-on{color:var(--accent);border-color:#5eead43d;background:#5eead412}.mini-status.is-on span{background:var(--accent);box-shadow:0 0 0 4px #5eead41a}.meta-list{margin-top:16px;display:flex;flex-direction:column;gap:11px}.meta-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px dashed rgba(148,163,184,.12)}.meta-list>div:last-child{border-bottom:none;padding-bottom:0}.meta-list dt{font-size:12px;color:var(--muted)}.meta-list dd{font-size:12.5px;font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .btn-block{margin-top:16px}.card-hint{margin-top:10px;display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted-2)}.card-hint .icon{color:var(--accent)}.inline-error{margin-top:14px;display:flex;gap:8px;align-items:flex-start;padding:10px 11px;border-radius:11px;border:1px solid rgba(251,113,133,.28);background:#fb718514;color:#fecdd3;font-size:11.5px;line-height:1.45}.card-tips ul{margin-top:13px;display:flex;flex-direction:column;gap:9px}.card-tips li{position:relative;padding-left:16px;color:var(--muted);font-size:11.8px;line-height:1.5}.card-tips li:before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.7}.card-support p{margin-top:9px;color:var(--muted);font-size:11.8px;line-height:1.55}.card-support .link,.card-support .muted{margin-top:11px;display:inline-flex;font-size:11.8px}.stage{min-height:calc(100dvh - 152px);border-radius:24px;border:1px solid var(--line);background:radial-gradient(700px 400px at 50% -10%,rgba(94,234,212,.07),transparent 65%),linear-gradient(180deg,#101a2eb8,#080d18d1);padding:18px clamp(14px,2.2vw,24px) 15px;display:flex;flex-direction:column;overflow:hidden}.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.stage-head h2{font-size:15px;letter-spacing:-.01em}.stage-head p{margin-top:5px;color:var(--muted);font-size:11.5px}.stage-head-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:650;border:1px solid var(--line);background:#94a3b80d;color:var(--muted);white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-connected{color:var(--accent);border-color:#5eead43d;background:#5eead412}.status-connecting{color:#93c5fd;border-color:#93c5fd3d;background:#3b82f614}.status-error{color:#fda4af;border-color:#fb718547;background:#fb718514}.code-pill{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;font-size:11px;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;color:var(--muted);border:1px solid var(--line);background:#05091180;white-space:nowrap}.stage-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:14px}.phone-shell{flex:1;min-height:0;width:100%;display:grid;place-items:center}.big-frame{height:min(63vh,690px);width:auto;max-width:100%}.big-frame.is-live{aspect-ratio:9 / 16}.big-frame .phone-screen{border-radius:38px}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 22px;gap:10px;background:radial-gradient(300px 260px at 50% 20%,rgba(94,234,212,.09),transparent 70%),linear-gradient(180deg,#0b1220,#060a12)}.stage-empty-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:var(--accent);background:#5eead414;border:1px solid rgba(94,234,212,.2);margin-bottom:2px}.stage-empty h3{font-size:16px;letter-spacing:-.01em}.stage-empty p{max-width:260px;color:var(--muted);font-size:11.8px;line-height:1.55;margin-bottom:6px}.stage-empty small{color:var(--muted-2);font-size:10.5px;margin-top:2px}.stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:24px;background:#04070db8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-overlay strong{font-size:13.5px}.stage-overlay small{max-width:260px;color:var(--muted);font-size:11px;line-height:1.5}.stage-overlay-error .stage-overlay-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fda4af;background:#fb71851f;border:1px solid rgba(251,113,133,.3)}.overlay-actions{display:flex;gap:8px;margin-top:6px}.stage-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid var(--line)}.toolbar-group{display:flex;align-items:center;gap:6px}.tool-btn{height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:11px;font-weight:600;transition:background .15s ease,color .15s ease}.tool-btn:hover:not(:disabled){background:#94a3b814;color:var(--text)}.session-remaining{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted-2);white-space:nowrap}.stage-toolbar .btn{height:38px;font-size:12px;padding:0 14px}.stage-toolbar .btn-danger{background:#fb718517}.demo-phone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:36px 16px 10px;overflow:hidden;color:#f8fafc;background:radial-gradient(120% 80% at 18% 0%,#3b2d6e 0%,transparent 52%),radial-gradient(95% 65% at 92% 8%,#0e7490 0%,transparent 48%),radial-gradient(90% 60% at 60% 105%,#4c1d95 0%,transparent 55%),linear-gradient(165deg,#111a2e,#080d18 55%,#150f26)}.demo-phone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.16) .6px,transparent .7px);background-size:17px 17px;opacity:.25;pointer-events:none;-webkit-mask-image:linear-gradient(#000,transparent 65%);mask-image:linear-gradient(#000,transparent 65%)}.demo-status{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:650;letter-spacing:.01em;position:relative;z-index:2}.demo-status-icons{display:inline-flex;align-items:center;gap:5px;opacity:.9}.demo-banner{position:relative;z-index:2;margin-top:9px;display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:10px;border:1px solid rgba(251,191,36,.3);background:#fbbf241f;color:#fde68a;font-size:9.2px;line-height:1.3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-banner strong{letter-spacing:.05em}.demo-banner-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);flex:0 0 auto;box-shadow:0 0 0 3px #fbbf241f}.demo-widget{position:relative;z-index:2;margin-top:18px}.demo-time{font-size:44px;line-height:1;font-weight:280;letter-spacing:-.045em;text-shadow:0 2px 20px rgba(0,0,0,.25)}.demo-date{margin-top:7px;font-size:11.5px;color:#f8fafcad;text-transform:capitalize}.demo-search{position:relative;z-index:2;margin-top:14px;width:100%;height:34px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff1a;color:#f8fafca6;font-size:10.5px;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-grid{position:relative;z-index:2;margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px 4px}.demo-app{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:none;background:none;color:inherit}.demo-app-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:20px;line-height:1;box-shadow:inset 0 1px #ffffff47,0 5px 12px #0000003d;transition:transform .15s ease}.demo-app:hover .demo-app-icon,.demo-app:active .demo-app-icon{transform:scale(.93)}.demo-app-label{font-size:8.8px;color:#f8fafcdb;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-dock{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;justify-content:space-around;padding:7px 10px;border-radius:21px;border:1px solid rgba(255,255,255,.08);background:#ffffff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.demo-dock-icon{width:42px;height:42px;border-radius:13px;border:none;display:grid;place-items:center;font-size:20px;box-shadow:inset 0 1px #ffffff47,0 4px 10px #00000038;transition:transform .15s ease}.demo-dock-icon:active{transform:scale(.92)}.demo-nav{position:relative;z-index:2;height:20px;margin-top:7px;display:flex;align-items:center;justify-content:center;gap:54px}.demo-nav-back{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid rgba(248,250,252,.75)}.demo-nav-home{width:11px;height:11px;border:1.6px solid rgba(248,250,252,.75);border-radius:50%}.demo-nav-recents{width:9px;height:9px;border:1.6px solid rgba(248,250,252,.75);border-radius:2px}.tone-green{background:linear-gradient(145deg,#4ade80,#059669)}.tone-blue{background:linear-gradient(145deg,#60a5fa,#2563eb)}.tone-sky{background:linear-gradient(145deg,#38bdf8,#0284c7)}.tone-slate{background:linear-gradient(145deg,#a8b3c4,#475569)}.tone-violet{background:linear-gradient(145deg,#a78bfa,#7c3aed)}.tone-rose{background:linear-gradient(145deg,#fb7185,#e11d48)}.tone-orange{background:linear-gradient(145deg,#fb923c,#ea580c)}.tone-indigo{background:linear-gradient(145deg,#818cf8,#4f46e5)}.tone-emerald{background:linear-gradient(145deg,#34d399,#047857)}.tone-red{background:linear-gradient(145deg,#f87171,#dc2626)}.tone-amber{background:linear-gradient(145deg,#fbbf24,#d97706)}.app-footer{width:100%;max-width:1420px;margin:0 auto;padding:0 clamp(14px,3.4vw,38px) 16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted-2);font-size:10.5px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:100;max-width:min(480px,calc(100vw - 32px));padding:12px 16px;border-radius:13px;border:1px solid rgba(94,234,212,.25);background:#0b1220f0;color:#d9f7f1;font-size:12.5px;line-height:1.45;text-align:center;box-shadow:0 18px 50px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toast-in .22s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.phone-shell:fullscreen{background:#04060b;display:grid;place-items:center;padding:18px}.phone-shell:fullscreen .big-frame{height:calc(100dvh - 36px);width:auto}@media(max-width:1080px){.dashboard{grid-template-columns:280px minmax(0,1fr)}.landing-main{gap:34px}.float-card{display:none}}@media(max-width:900px){.landing-main{grid-template-columns:1fr;align-items:start;align-content:start;padding-top:34px}.landing-visual{display:none}.landing-copy h1{font-size:clamp(34px,8vw,50px)}.dashboard{grid-template-columns:1fr}.stage{order:1;min-height:0}.sidebar{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.stage-body{padding-top:12px}.big-frame{height:min(64vh,640px)}}@media(max-width:720px){.topbar{height:62px}.brand-tag,.user-name{display:none}.brand-mark{width:34px;height:34px;border-radius:10px}.topbar-right{gap:7px}.topbar-right>.pill{display:none}.dashboard{padding:12px 10px 16px;gap:12px}.stage{border-radius:20px;padding:14px 11px 12px}.stage-head{align-items:center}.stage-head p{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-head-right .code-pill{display:none}.big-frame{height:auto;width:min(100%,380px);max-height:min(66vh,660px);aspect-ratio:9 / 18.6}.big-frame.is-live{aspect-ratio:9 / 16}.stage-toolbar{gap:6px}.tool-btn span{display:none}.tool-btn{width:38px;height:38px;padding:0;justify-content:center;border:1px solid var(--line);border-radius:11px}.session-remaining{display:none}.stage-toolbar .btn{height:38px;padding:0 12px}.sidebar{grid-template-columns:1fr}.card-tips{display:none}.app-footer{justify-content:center;text-align:center}.landing{padding:16px 16px 0}.landing-header-right .pill-soft{display:none}.landing-main{padding:28px 0 24px}.enter-row{flex-direction:column}.enter-row .btn{width:100%}.landing-footer{justify-content:center;text-align:center;padding-bottom:18px}.stage-empty{padding:20px 16px}.stage-empty-icon{width:54px;height:54px;border-radius:17px}.stage-empty p{font-size:11px}}@media(max-width:420px){.landing-copy h1{font-size:32px}.landing-sub{font-size:13px}.enter-card{padding:15px}.trust-row{gap:8px 14px;font-size:11px}.demo-phone{padding:32px 13px 8px}.demo-time{font-size:38px}.demo-app-icon,.demo-dock-icon{width:39px;height:39px;border-radius:12px;font-size:18px}.demo-app-label{font-size:8.2px}.demo-grid{gap:10px 2px}.demo-nav{gap:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.stage{padding:16px clamp(14px,2vw,22px) 14px}.stage-head{align-items:flex-start;gap:16px}.stage-heading{min-width:0;display:flex;flex-direction:column;gap:6px}.stage-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--muted-2)}.eyebrow-dot.is-live{background:var(--accent);box-shadow:0 0 0 4px #5eead41a}.eyebrow-dot.is-demo{background:var(--amber);box-shadow:0 0 0 4px #fbbf241a}.stage-heading h2{font-size:clamp(16px,1.6vw,20px);letter-spacing:-.025em}.stage-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.stage-sub{color:var(--muted);font-size:11.5px}.meta-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;border:1px solid var(--line);background:#05091173;color:var(--muted);font-size:10.5px;white-space:nowrap}.meta-code{cursor:pointer;color:#c7d5ea;transition:border-color .15s ease,color .15s ease}.meta-code:hover{border-color:#5eead459;color:var(--accent)}.meta-code .mono{font-size:10px}.meta-muted{opacity:.75}.stage-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.topbar-stop{display:none}.stage-body{gap:10px;padding-top:12px}.phone-cluster{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.phone-cluster:before{content:"";position:absolute;width:min(70%,520px);height:70%;border-radius:50%;background:radial-gradient(circle,rgba(94,234,212,.12),transparent 70%);filter:blur(40px);pointer-events:none}.phone-shell{position:relative;z-index:1}.big-frame{height:min(56vh,650px)}.big-frame.is-landscape{width:min(78%,820px);height:auto;aspect-ratio:16 / 9}.big-frame.is-landscape .phone-notch{display:none}.phone-shell:fullscreen .big-frame.is-landscape{width:calc(100vw - 36px);height:auto}.stat-strip{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;width:100%}.stat-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:#05091159;color:var(--muted-2);font-size:10px;white-space:nowrap}.stat-chip strong{color:#c9d6ea;font-size:10.5px;font-weight:650}.stat-chip.warn{border-color:#fbbf244d;color:#fcd34d}.stat-chip.warn strong{color:#fde68a}.net-badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:#05091159;color:var(--muted-2);font-size:10px;white-space:nowrap}.net-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px;color:var(--muted-2)}.net-bars i{width:3px;border-radius:2px;background:#94a3b840}.net-bars i:nth-child(1){height:4px}.net-bars i:nth-child(2){height:6px}.net-bars i:nth-child(3){height:8px}.net-bars i:nth-child(4){height:10px}.net-bars i:nth-child(5){height:12px}.net-bars i.is-on{background:currentColor}.net-badge.tone-good .net-bars{color:var(--accent)}.net-badge.tone-fair .net-bars{color:var(--amber)}.net-badge.tone-bad .net-bars{color:var(--danger)}.control-dock{width:100%;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#101a2ee6,#090f1beb);box-shadow:0 12px 30px #00000040;overflow-x:auto;scrollbar-width:none}.control-dock::-webkit-scrollbar{display:none}.dock-group{display:flex;align-items:center;gap:2px;flex:0 0 auto}.dock-btn{width:54px;height:48px;border:none;border-radius:11px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;transition:background .15s ease,color .15s ease}.dock-btn:hover:not(:disabled){background:#94a3b814;color:var(--text)}.dock-btn.is-active{color:var(--accent);background:#5eead417}.dock-btn:disabled{opacity:.35}.dock-icon{display:grid;place-items:center;height:20px}.dock-label{font-size:9px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.dock-divider{width:1px;height:26px;background:var(--line);flex:0 0 auto;margin:0 3px}.dock-end{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-left:4px}.dock-remaining{display:inline-flex;align-items:center;gap:4px;color:var(--muted-2);font-size:10.5px;white-space:nowrap}.control-dock .btn{height:36px;padding:0 12px;font-size:11.5px}.mini-loader{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin .8s linear infinite;display:block}.empty-features{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.empty-features span{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;color:var(--muted-2);border:1px solid var(--line);border-radius:999px;padding:4px 7px}.stage.has-modal .phone-cluster{visibility:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#03060cd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;animation:fade-in .15s ease}.modal{width:min(520px,100%);max-height:min(86vh,780px);display:flex;flex-direction:column;border-radius:22px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#111b2e,#0a111f);box-shadow:0 30px 90px #0009;overflow:hidden;animation:modal-in .18s ease}.modal-lg{width:min(600px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid var(--line);background:#0d1729}.modal-head h3{font-size:16px;letter-spacing:-.02em}.modal-head p{margin-top:4px;color:var(--muted);font-size:11.5px}.modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.modal-footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:#0d1729}.modal-section{display:flex;flex-direction:column;gap:10px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.section-title h4{font-size:12px;font-weight:700}.section-hint{color:var(--muted-2);font-size:9.5px;text-align:right}.quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.quality-card{text-align:left;padding:10px;border-radius:11px;border:1px solid var(--line);background:#94a3b80a;color:var(--muted);display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease,background .15s ease,color .15s ease}.quality-card:hover{border-color:var(--line-strong);color:var(--text)}.quality-card.is-active{border-color:#5eead473;background:#5eead414;color:var(--text);box-shadow:inset 0 0 0 1px #5eead426}.quality-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.quality-head strong{font-size:12px}.quality-head .icon{color:var(--accent)}.quality-card small{font-size:9.5px;color:var(--muted-2);line-height:1.35}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}.segmented button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;border:1px solid var(--line);background:#94a3b80a;color:var(--muted);font-size:11px;font-weight:600}.segmented button.is-active{border-color:#5eead466;background:#5eead414;color:var(--accent)}.modal-note{color:var(--muted-2);font-size:10px;line-height:1.5}.setting-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;border:1px solid var(--line);background:#05091152}.setting-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#5eead414;color:var(--accent);flex:0 0 auto}.setting-copy{flex:1;min-width:0}.setting-copy strong{display:block;font-size:11.5px}.setting-copy small{display:block;margin-top:2px;color:var(--muted-2);font-size:9.5px}.setting-actions{display:flex;align-items:center;gap:6px}.switch{width:40px;height:23px;border-radius:999px;border:1px solid var(--line-strong);background:#94a3b81f;padding:2px;display:flex;align-items:center;flex:0 0 auto;transition:background .16s ease,border-color .16s ease}.switch span{width:17px;height:17px;border-radius:50%;background:#cbd5e1;transition:transform .16s ease,background .16s ease}.switch.is-on{background:#5eead438;border-color:#5eead480}.switch.is-on span{transform:translate(17px);background:var(--accent)}.chip-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:#94a3b80d;color:var(--muted);font-size:10px;font-weight:600}.chip-btn:hover{color:var(--text);border-color:var(--line-strong)}.wide-action{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;border:1px solid var(--line);background:#94a3b80a;color:var(--muted);text-align:left}.wide-action>span{flex:1}.wide-action strong{display:block;font-size:11.5px;color:var(--text)}.wide-action small{display:block;margin-top:2px;font-size:9.5px;color:var(--muted-2)}.wide-action>.icon:last-child{opacity:.5}.gps-title{margin-top:4px}.gps-box{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end}.gps-box label{display:flex;flex-direction:column;gap:4px;font-size:9.5px;color:var(--muted-2)}.gps-box input{height:34px;padding:0 9px;border-radius:9px;border:1px solid var(--line);background:#0509118c;color:var(--text);font-size:11px;outline:none}.gps-box input:focus{border-color:#5eead473}.gps-box .btn{height:34px;padding:0 10px;font-size:10.5px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tech-grid>div{padding:8px 9px;border-radius:9px;border:1px solid var(--line);background:#05091152}.tech-grid span{display:block;font-size:9px;color:var(--muted-2)}.tech-grid strong{display:block;margin-top:3px;font-size:11px}.field-label{font-size:11px;font-weight:650;color:var(--muted)}.text-area{width:100%;resize:vertical;min-height:96px;padding:11px;border-radius:11px;border:1px solid var(--line);background:#0509118c;color:var(--text);outline:none;font-size:12px;line-height:1.5}.text-area:focus{border-color:#5eead473}.clipboard-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.clipboard-box{min-height:56px;max-height:120px;overflow:auto;padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:#0509116b;font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.clipboard-box.is-empty{color:var(--muted-2);font-style:italic}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:1080px){.big-frame{height:min(54vh,600px)}}@media(max-width:900px){.stage{min-height:0}.big-frame{height:min(58vh,620px)}}@media(max-width:720px){.stage-head{align-items:flex-start;gap:10px}.stage-heading h2{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stage-meta .meta-pill:not(.meta-code):not(.meta-remaining){display:none}.stage-meta .meta-muted.meta-remaining{display:inline-flex;font-size:9.5px}.title-suffix{display:none}.stage-actions{gap:5px}.stage-actions .icon-btn{width:36px;height:36px;border-radius:10px}.topbar-stop{display:grid;color:#fecdd3;border-color:#fb71854d;background:#fb718514}.meta-muted{display:none}.big-frame{width:auto;max-width:100%;height:min(62vh,560px);aspect-ratio:9 / 18.6}.big-frame.is-live{aspect-ratio:9 / 16}.big-frame.is-landscape{width:100%;height:auto;max-height:none;aspect-ratio:16 / 9}.stat-strip{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.stat-strip::-webkit-scrollbar{display:none}.stat-chip,.net-badge{flex:0 0 auto}.control-dock{padding:6px;gap:2px;border-radius:14px}.dock-btn{width:46px;height:44px}.dock-label{display:none}.dock-divider{margin:0 1px}.dock-end{margin-left:4px;padding-left:2px}.dock-remaining{display:none}.control-dock .btn{height:34px;padding:0 10px;font-size:11px}.toast{top:74px;bottom:auto}.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{padding:10px;align-items:end}.modal{max-height:92vh;border-radius:20px 20px 14px 14px}.modal-body{padding:14px;gap:16px}.modal-head{padding:15px 14px 12px}.modal-footer{padding:10px 14px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gps-box{grid-template-columns:1fr 1fr}.gps-box .btn{grid-column:1 / -1}}@media(max-width:420px){.stage{padding:12px 9px}.stage-heading h2{font-size:15px}.meta-pill{height:22px;font-size:9.5px;padding:0 6px}.meta-code .mono{font-size:9px}.stat-chip,.net-badge{height:24px;font-size:9px;padding:0 7px}.stat-chip strong{font-size:9.5px}.dock-btn{width:42px;height:42px}.empty-features{gap:4px}.empty-features span{font-size:8.5px;padding:3px 6px}}.upload-dropzone{width:100%;min-height:190px;padding:24px;border-radius:14px;border:1.5px dashed rgba(148,163,184,.3);background:radial-gradient(320px 160px at 50% 0%,rgba(94,234,212,.07),transparent 70%),#05091152;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;transition:border-color .16s ease,background .16s ease}.upload-dropzone:hover{border-color:#5eead473;background:radial-gradient(320px 160px at 50% 0%,rgba(94,234,212,.12),transparent 70%),#0509116b}.upload-drop-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:var(--accent);background:#5eead414;border:1px solid rgba(94,234,212,.2);margin-bottom:2px}.upload-dropzone strong{color:var(--text);font-size:13px;font-weight:650}.upload-dropzone small{color:var(--muted-2);font-size:10px}.upload-drop-cta{margin-top:6px;height:32px;padding:0 13px;display:inline-flex;align-items:center;border-radius:9px;border:1px solid var(--line);background:#94a3b80f;color:var(--text);font-size:10.5px;font-weight:600}.upload-file-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#05091159}.upload-file-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:#5eead414;border:1px solid rgba(94,234,212,.18);flex:0 0 auto}.upload-file-copy{flex:1;min-width:0}.upload-file-copy strong{display:block;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-copy small{display:block;margin-top:2px;color:var(--muted-2);font-size:9.5px}.upload-folder{display:flex;flex-direction:column;gap:5px;font-size:10.5px;color:var(--muted)}.upload-folder input{height:36px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:#0509118c;color:var(--text);outline:none;font-size:11.5px}.upload-folder input:focus{border-color:#5eead473}.upload-folder small{color:var(--muted-2);font-size:9px}.upload-progress{display:flex;flex-direction:column;gap:7px}.upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10.5px;color:var(--muted)}.upload-progress-head strong{color:var(--accent);font-size:10.5px;white-space:nowrap}.upload-progress-track{height:7px;border-radius:999px;background:#94a3b81f;overflow:hidden}.upload-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#7dd3fc);transition:width .2s ease}.upload-progress-track span.is-processing{background:linear-gradient(90deg,rgba(94,234,212,.35),var(--accent),rgba(94,234,212,.35));background-size:200% 100%;animation:upload-shimmer 1.2s linear infinite}@keyframes upload-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.upload-status{display:flex;align-items:flex-start;gap:10px;padding:11px;border-radius:11px;border:1px solid var(--line);background:#05091152}.upload-status-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.upload-status strong{display:block;font-size:11.5px}.upload-status p{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.upload-status small{display:block;margin-top:4px;color:var(--muted-2);font-size:9.5px}.upload-status.is-success{border-color:#5eead447;background:#5eead40f}.upload-status.is-success .upload-status-icon{color:var(--accent);background:#5eead41a}.upload-status.is-error{border-color:#fb718547;background:#fb71850f}.upload-status.is-error .upload-status-icon{color:#fda4af;background:#fb71851a}.auth-shell{min-height:100dvh;padding:22px clamp(18px,5vw,64px);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 65% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 65% at 50% 0%,#000 20%,transparent 75%);pointer-events:none}.auth-topbar,.auth-main{position:relative;z-index:1}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-main{width:100%;max-width:1180px;margin:0 auto;flex:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,6vw,90px);padding:clamp(36px,6vh,70px) 0}.auth-copy h1{margin-top:20px;font-size:clamp(34px,4.4vw,58px);line-height:1.05;letter-spacing:-.035em;font-weight:750}.auth-copy>p{margin-top:18px;max-width:520px;color:var(--muted);font-size:clamp(13.5px,1.2vw,15.5px);line-height:1.65}.auth-features{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px;color:var(--muted);font-size:12px}.auth-features span{display:inline-flex;align-items:center;gap:6px}.auth-features .icon{color:var(--accent)}.auth-card{width:min(440px,100%);justify-self:end;padding:26px;border-radius:24px;border:1px solid var(--line);background:radial-gradient(420px 220px at 50% 0%,rgba(94,234,212,.06),transparent 70%),linear-gradient(180deg,#101a2ef0,#090f1bf5);box-shadow:0 30px 80px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.auth-card-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--accent);background:#5eead414;border:1px solid rgba(94,234,212,.18);flex:0 0 auto}.auth-card h2{font-size:21px;letter-spacing:-.025em}.auth-card-head p{margin-top:4px;color:var(--muted);font-size:11.5px}.auth-form{display:flex;flex-direction:column;gap:13px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field>span{font-size:10.5px;font-weight:650;color:var(--muted)}.auth-field .input-wrap{height:42px}.auth-eye{border:none;background:transparent;color:var(--muted-2);font-size:9.5px;font-weight:600;padding:4px}.auth-eye:hover{color:var(--accent)}.auth-error{display:flex;align-items:flex-start;gap:7px;padding:9px 10px;border-radius:10px;border:1px solid rgba(251,113,133,.3);background:#fb718514;color:#fecdd3;font-size:10.5px;line-height:1.45}.auth-submit{width:100%;margin-top:3px;height:44px}.auth-switch{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:11px}.auth-switch a{color:var(--accent);font-weight:650;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-legal{margin-top:12px;color:var(--muted-2);font-size:9px;line-height:1.5;text-align:center}.admin-shell{min-height:100dvh;background:radial-gradient(900px 500px at 85% -10%,rgba(129,140,248,.07),transparent 60%),var(--bg)}.admin-topbar{height:68px;padding:0 clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:#070b14c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.admin-portal-link{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:9px;border:1px solid var(--line);color:var(--muted);font-size:10.5px;font-weight:600;text-decoration:none}.admin-portal-link:hover{color:var(--text);border-color:var(--line-strong)}.admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100dvh - 68px)}.admin-sidebar{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:14px;position:sticky;top:68px;height:calc(100dvh - 68px);overflow-y:auto}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-nav{width:100%;height:40px;padding:0 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:600;text-align:left}.admin-nav:hover{color:var(--text);background:#94a3b80f}.admin-nav.is-active{color:var(--accent);background:#5eead414;border-color:#5eead42e}.admin-sidebar-foot{margin-top:auto;padding:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;color:var(--muted-2);font-size:9.5px}.admin-sidebar-foot span{display:inline-flex;align-items:center;gap:5px}.admin-sidebar-foot a{color:var(--muted);text-decoration:none}.admin-sidebar-foot a:hover{color:var(--accent)}.admin-main{min-width:0;padding:22px clamp(16px,3vw,34px) 40px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-head h1{margin-top:6px;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em}.admin-head p{margin-top:4px;color:var(--muted);font-size:11.5px}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.admin-stat{display:flex;align-items:center;gap:11px;padding:14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#101a2ed1,#0a101dd1)}.admin-stat.accent{border-color:#5eead440;background:linear-gradient(180deg,#142a2fb3,#0a101dd1)}.admin-stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:#5eead414;border:1px solid rgba(94,234,212,.16);flex:0 0 auto}.admin-stat span{display:block;color:var(--muted);font-size:9.5px}.admin-stat strong{display:block;margin-top:2px;font-size:20px;letter-spacing:-.03em}.admin-stat small{display:block;margin-top:1px;color:var(--muted-2);font-size:9px}.admin-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.admin-card{border-radius:15px;border:1px solid var(--line);background:linear-gradient(180deg,#101a2eb8,#090f1bd1);padding:15px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.admin-card-head h3{font-size:12.5px;font-weight:700}.admin-info-list{display:flex;flex-direction:column;gap:9px}.admin-info-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px dashed rgba(148,163,184,.11);font-size:10.5px}.admin-info-list>div:last-child{border-bottom:none;padding-bottom:0}.admin-info-list span{color:var(--muted)}.admin-info-list strong{font-weight:650;text-align:right;overflow-wrap:anywhere}.admin-audit-mini{display:flex;flex-direction:column;gap:9px}.admin-audit-mini>div{display:flex;align-items:flex-start;gap:8px}.admin-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:5px;flex:0 0 auto;box-shadow:0 0 0 3px #5eead414}.admin-audit-mini strong{display:block;font-size:10.5px}.admin-audit-mini small{display:block;margin-top:1px;color:var(--muted-2);font-size:9px}.admin-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.admin-search{flex:1;max-width:360px;height:36px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:10px;border:1px solid var(--line);background:#05091180;color:var(--muted-2)}.admin-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:11.5px}.admin-count{margin-left:auto;color:var(--muted-2);font-size:10px}.admin-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#090f1b8c}.admin-table{width:100%;min-width:720px;border-collapse:collapse;font-size:10.5px}.admin-table th{text-align:left;padding:10px 12px;color:var(--muted-2);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);background:#94a3b808;white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.08);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#94a3b808}.admin-badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;border:1px solid var(--line);font-size:9px;font-weight:650;white-space:nowrap}.admin-badge.tone-good{color:var(--accent);border-color:#5eead43d;background:#5eead412}.admin-badge.tone-bad{color:#fda4af;border-color:#fb718547;background:#fb718514}.admin-badge.tone-warn{color:#fcd34d;border-color:#fbbf2447;background:#fbbf2414}.admin-badge.tone-accent{color:#a5b4fc;border-color:#818cf84d;background:#818cf814}.admin-badge.tone-neutral{color:var(--muted)}.admin-user-cell{display:flex;align-items:center;gap:8px;min-width:170px}.admin-user-cell strong{display:block;font-size:10.5px}.admin-user-cell small{display:block;margin-top:1px;color:var(--muted-2);font-size:9px}.admin-row-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.admin-mini-btn{height:26px;padding:0 7px;border-radius:7px;border:1px solid var(--line);background:#94a3b80a;color:var(--muted);display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600;white-space:nowrap}.admin-mini-btn:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background:#94a3b814}.admin-mini-btn.danger{color:#fda4af;border-color:#fb718540;background:#fb71850f}.admin-empty{padding:26px 14px;text-align:center;color:var(--muted-2);font-size:10.5px}.admin-notice{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:9px 11px;border-radius:10px;border:1px solid var(--line);font-size:10.5px}.admin-notice.is-success{color:#a7f3d0;border-color:#5eead440;background:#5eead40f}.admin-notice.is-error{color:#fecdd3;border-color:#fb718547;background:#fb718512}.admin-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:200px;color:var(--muted);font-size:11px}.admin-stack{display:flex;flex-direction:column;gap:12px}.admin-audit-detail{max-width:320px;overflow-wrap:anywhere;color:var(--muted)}.admin-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end}.admin-password-form label{display:flex;flex-direction:column;gap:4px;color:var(--muted-2);font-size:9.5px}.admin-password-form input{height:34px;padding:0 9px;border-radius:9px;border:1px solid var(--line);background:#0509118c;color:var(--text);font-size:11px;outline:none}.admin-password-form input:focus{border-color:#5eead473}.admin-password-box{display:flex;align-items:center;gap:8px;padding:12px;border-radius:11px;border:1px solid rgba(94,234,212,.25);background:#5eead40f}.admin-password-box code{flex:1;font-size:14px;color:var(--accent);letter-spacing:.02em;overflow-wrap:anywhere}.admin-link{color:var(--accent);border-color:#5eead440;background:#5eead40f}@media(max-width:1080px){.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-grid{grid-template-columns:1fr}.admin-password-form{grid-template-columns:1fr 1fr}}@media(max-width:900px){.auth-main{grid-template-columns:1fr;align-items:start;align-content:start;gap:24px;padding:28px 0}.auth-copy h1{font-size:clamp(30px,7vw,44px)}.auth-card{justify-self:stretch;width:100%}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:sticky;top:68px;height:auto;border-right:none;border-bottom:1px solid var(--line);padding:8px 12px;background:#070b14e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30}.admin-sidebar nav{flex-direction:row;overflow-x:auto;gap:4px;scrollbar-width:none}.admin-sidebar nav::-webkit-scrollbar{display:none}.admin-nav{width:auto;flex:0 0 auto;padding:0 10px;height:36px}.admin-sidebar-foot{display:none}}@media(max-width:720px){.auth-shell{padding:16px}.auth-topbar .pill{display:none}.auth-copy>p,.auth-features{display:none}.auth-copy h1{font-size:28px;margin-top:12px}.auth-card{padding:20px;border-radius:20px}.admin-topbar{height:60px;padding:0 12px}.admin-sidebar{top:60px}.admin-main{padding:16px 12px 28px}.admin-head{align-items:flex-start;flex-direction:column;gap:10px}.admin-head .btn{height:34px;padding:0 11px;font-size:10.5px}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-stat{padding:11px}.admin-stat strong{font-size:17px}.admin-topbar .user-name,.admin-portal-link span{display:none}.admin-toolbar{flex-wrap:wrap}.admin-search{max-width:none;width:100%}.admin-count{margin-left:0}.admin-password-form{grid-template-columns:1fr}.admin-password-form .btn{width:100%}}@media(max-width:420px){.admin-stats-grid{grid-template-columns:1fr}}.app-shell.has-global-modal .phone-cluster{visibility:hidden}.account-link{width:100%;height:32px;margin-top:9px;border-radius:9px;border:1px solid var(--line);background:#94a3b80a;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:600}.account-link:hover{color:var(--accent);border-color:#5eead447;background:#5eead40d}.device-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;margin-top:14px;padding-right:2px}.device-item{width:100%;padding:9px 10px;border-radius:11px;border:1px solid var(--line);background:#05091152;color:var(--muted);text-align:left;display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease,background .15s ease}.device-item:hover:not(:disabled){border-color:var(--line-strong);background:#94a3b80d}.device-item.is-selected{border-color:#5eead473;background:#5eead40f;box-shadow:inset 0 0 0 1px #5eead41a}.device-item:disabled{opacity:.45;cursor:not-allowed}.device-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-item-head strong{color:var(--text);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-badge{height:17px;padding:0 6px;border-radius:999px;border:1px solid var(--line);font-size:8px;font-weight:650;display:inline-flex;align-items:center;white-space:nowrap}.device-badge.is-good{color:var(--accent);border-color:#5eead43d;background:#5eead412}.device-badge.is-live{color:#a5b4fc;border-color:#818cf847;background:#818cf814}.device-badge.is-bad{color:#fda4af;border-color:#fb718547;background:#fb718512}.device-code{font-size:8.5px;color:var(--muted-2)}.device-item-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8.5px;color:var(--muted-2)}.device-loading,.device-empty{margin-top:14px;padding:18px 10px;border-radius:11px;border:1px dashed var(--line);color:var(--muted-2);font-size:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.device-loading{flex-direction:row;justify-content:center}.device-empty strong{color:var(--muted);font-size:11px}.device-empty p{line-height:1.45}.device-empty .icon{color:var(--muted-2)}.inline-warning{margin-top:12px;display:flex;align-items:flex-start;gap:6px;padding:9px 10px;border-radius:9px;border:1px solid rgba(251,191,36,.28);background:#fbbf2412;color:#fcd34d;font-size:10px;line-height:1.45}.account-email{margin-top:12px;padding:9px 10px;border-radius:9px;border:1px solid var(--line);background:#05091152;color:var(--muted);font-size:10.5px;overflow-wrap:anywhere}.stage-device-picker{display:flex;align-items:stretch;justify-content:center;gap:6px;width:100%;overflow-x:auto;padding:0 4px 2px;scrollbar-width:none}.stage-device-picker::-webkit-scrollbar{display:none}.stage-device-pill{flex:0 0 auto;min-width:110px;padding:6px 9px;border-radius:9px;border:1px solid var(--line);background:#05091159;color:var(--muted);text-align:left;display:flex;flex-direction:column;gap:2px}.stage-device-pill span{font-size:10px;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-device-pill small{font-size:8.5px;color:var(--muted-2)}.stage-device-pill.is-active{border-color:#5eead466;background:#5eead412}.stage-device-pill.is-expired{border-color:#fb71853d}.stage-device-pill.is-expired small{color:#fda4af}.meta-danger{color:#fda4af;border-color:#fb71854d;background:#fb71850f}@media(max-width:720px){.device-list{max-height:240px}.stage-device-picker{justify-content:flex-start}}.admin-select{height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:#0509118c;color:var(--text);font-size:10.5px;outline:none}.admin-muted-text{color:var(--muted-2);font-size:8.5px}.admin-revenue-stats{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.rental-form{display:flex;flex-direction:column;gap:10px}.rental-form>label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px}.rental-form input,.rental-form select{height:36px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:#0509118c;color:var(--text);font-size:11.5px;outline:none}.rental-form input:focus,.rental-form select:focus{border-color:#5eead473}.rental-form select:disabled{opacity:.6}.rental-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rental-grid>label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px}.rental-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rental-preview>div{padding:9px 10px;border-radius:9px;border:1px solid var(--line);background:#05091152}.rental-preview span{display:block;font-size:9px;color:var(--muted-2)}.rental-preview strong{display:block;margin-top:3px;font-size:12px;color:var(--accent)}.rental-check{flex-direction:row!important;align-items:center;gap:7px!important;color:var(--muted)!important}.rental-check input{width:16px;height:16px;padding:0}.admin-toolbar .admin-revenue-stats{flex:1}@media(max-width:900px){.admin-revenue-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rental-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.admin-revenue-stats{grid-template-columns:1fr 1fr}.rental-grid,.rental-preview{grid-template-columns:1fr}}.card-head-actions{display:flex;align-items:center;gap:5px}.card-refresh{width:24px;height:24px;border-radius:7px;border:1px solid var(--line);background:#94a3b80a;color:var(--muted-2);display:grid;place-items:center}.card-refresh:hover:not(:disabled){color:var(--accent);border-color:#5eead440}