:root{--bg: #f7f6f2;--surface: #ffffff;--surface-2: #fbfaf7;--fg: #14130f;--muted: #6b6a63;--subtle: #9a988e;--border: #ebe8e0;--border-strong: #ddd9cf;--accent: #0e9f6e;--accent-strong: #0b7a55;--accent-soft: #e8f4ee;--ring: rgba(14, 159, 110, .26);--danger: #c0432f;--danger-soft: #f8ece9;--amber: #b4791f;--amber-soft: #f7efe0;--blue: #3a6ea5;--blue-soft: #eaf0f7;--topbar-bg: rgba(247, 246, 242, .82);--scrim: rgba(20, 19, 15, .32);--radius: 13px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(20, 19, 15, .04), 0 16px 38px -18px rgba(20, 19, 15, .18);--shadow-sm: 0 1px 2px rgba(20, 19, 15, .06);--font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}[data-theme=dark]{--bg: #121211;--surface: #1b1a17;--surface-2: #211f1a;--fg: #f4f2ea;--muted: #a6a299;--subtle: #74716a;--border: #2b2925;--border-strong: #3b382f;--accent: #18b886;--accent-strong: #34caa0;--accent-soft: rgba(24, 184, 134, .15);--ring: rgba(24, 184, 134, .32);--danger: #e8745f;--danger-soft: rgba(232, 116, 95, .15);--amber: #d8a24a;--amber-soft: rgba(216, 162, 74, .15);--blue: #7aa7da;--blue-soft: rgba(122, 167, 218, .15);--topbar-bg: rgba(18, 18, 17, .82);--scrim: rgba(0, 0, 0, .55);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 40px -18px rgba(0, 0, 0, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}input,select{font:inherit;color:inherit}a{color:inherit}.app{display:grid;grid-template-columns:232px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar topbar" "side main";height:100%}.side{grid-area:side;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;min-height:0;overflow-y:auto}.brand{display:flex;align-items:center;gap:9px;padding:6px 8px 16px;font-weight:600;letter-spacing:-.01em;font-size:15px}.brand-mark{width:26px;height:26px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff24}.nav{display:flex;flex-direction:column;gap:2px}.nav button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--muted);font-weight:500;font-size:13.5px;transition:background .13s ease,color .13s ease;text-align:left;width:100%}.nav button:hover{background:var(--surface-2);color:var(--fg)}.nav button.active{background:var(--accent-soft);color:var(--accent-strong)}.nav button.active svg{color:var(--accent)}.nav svg{color:var(--subtle);flex:none}.side-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:12px}.acct{display:flex;align-items:center;gap:9px;padding:6px 8px}.acct .avatar{width:28px;height:28px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}.acct .who{min-width:0}.acct .who .e{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct .who .p{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}.main{grid-area:main;overflow-y:auto;min-height:0}.topbar{grid-area:topbar;z-index:5;background:var(--surface);border-bottom:1px solid var(--border);padding:0 18px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-l{display:flex;align-items:center;gap:14px;min-width:0}.topbar .brand{padding:0}.tb-divider{width:1px;height:22px;background:var(--border-strong);flex:none}.plan-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:8px;transition:background .12s ease}.plan-pill:hover{background:var(--surface-2)}.plan-pill .lbl{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--subtle)}.plan-pill .val{font-weight:600;font-size:13.5px;letter-spacing:-.01em}.plan-pill svg{color:var(--subtle)}.count-pill{font-size:13px;color:var(--muted);white-space:nowrap}.count-pill b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums;margin-left:3px}.cmd-hint{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--subtle);transition:background .12s ease,color .12s ease}.cmd-hint:hover{background:var(--surface-2);color:var(--fg)}.cmdk-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 20px 20px;animation:fade .14s ease both}.cmdk{width:min(540px,100%);background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;animation:modalpop .16s cubic-bezier(.2,.7,.2,1) both}.cmdk-input{display:flex;align-items:center;gap:10px;padding:0 14px;height:50px;border-bottom:1px solid var(--border);color:var(--subtle)}.cmdk-input input{border:0;background:none;outline:none;width:100%;font-size:15px;color:var(--fg)}.cmdk-kbd{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--subtle);border:1px solid var(--border);border-radius:5px;padding:2px 6px;flex:none}.cmdk-list{max-height:340px;overflow-y:auto;padding:6px}.cmdk-group{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--subtle);padding:9px 10px 4px}.cmdk-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500}.cmdk-item .ic{display:inline-grid;place-items:center;color:var(--muted)}.cmdk-item.active{background:var(--accent-soft);color:var(--accent-strong)}.cmdk-item.active .ic{color:var(--accent)}.cmdk-empty{padding:22px;text-align:center;color:var(--subtle);font-size:13px}.acct-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--fg)}.acct-btn:hover{background:var(--surface-2)}.acct-btn svg{color:var(--muted)}@media(max-width:760px){.topbar{padding:0 12px}.count-pill,.topbar-l .tb-divider,.plan-pill .lbl{display:none}}.content{padding:28px 36px 72px;max-width:1640px;margin:0 auto}@media(max-width:720px){.content{padding:18px 18px 48px}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin-bottom:24px;max-width:840px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:3px}.stat .n{font-size:23px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.stat .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--subtle)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px;margin-bottom:16px}.seg button{padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--muted);transition:all .13s ease}.seg button.on{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:visible}.panel .row:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.panel .row:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.row{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border);transition:background .12s ease}.row:hover{background:var(--surface-2)}.row:last-child{border-bottom:none}.row .when{width:140px;flex:none}.row .when .d{font-weight:600;font-size:13.5px;letter-spacing:-.01em}.row .when .t{font-family:var(--font-mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.row-avatar{width:32px;height:32px;flex:none;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-size:12.5px;font-weight:600}.row .who{flex:1;min-width:0}.row .who .nm{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .who .meta{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .who .meta b{color:var(--fg);font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.confirmed{color:var(--accent-strong);background:var(--accent-soft)}.badge.completed{color:var(--blue);background:var(--blue-soft)}.badge.cancelled{color:var(--danger);background:var(--danger-soft)}.badge.no_show,.badge.pending{color:var(--amber);background:var(--amber-soft)}.badge.rescheduled{color:var(--blue);background:var(--blue-soft)}.menu-wrap{position:relative}.tbl{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:visible}.tbl table{width:100%;border-collapse:collapse;font-size:14px}.tbl thead th{text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--subtle);background:var(--surface-2);padding:11px 18px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl thead th:first-child{border-top-left-radius:calc(var(--radius) - 1px)}.tbl thead th:last-child{border-top-right-radius:calc(var(--radius) - 1px)}.tbl tbody td{padding:13px 18px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr{transition:background .12s ease}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.tbl .c-when .d{font-weight:600;font-size:13.5px;letter-spacing:-.01em}.tbl .c-when .t{font-family:var(--font-mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tbl .c-cust{display:flex;align-items:center;gap:11px;min-width:0}.tbl .c-cust .nm{font-weight:500;white-space:nowrap}.tbl .c-cust .em{font-size:12px;color:var(--muted);white-space:nowrap}.tbl .c-svc{font-weight:500}.tbl .c-staff{color:var(--muted)}.tbl td.c-actions{text-align:right;width:52px}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid transparent;display:grid;place-items:center;color:var(--muted);transition:all .13s ease}.icon-btn:hover{background:var(--surface-2);border-color:var(--border);color:var(--fg)}.menu{position:absolute;right:0;top:36px;z-index:20;min-width:168px;background:var(--surface);border:1px solid var(--border-strong);border-radius:11px;box-shadow:var(--shadow);padding:5px;animation:pop .13s ease both}.menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--fg);text-align:left}.menu button:hover{background:var(--surface-2)}.menu button.danger{color:var(--danger)}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:transform .1s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{border:1px solid var(--border-strong);background:var(--surface)}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{height:32px;padding:0 11px;font-size:12.5px}.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;display:flex;align-items:center;gap:16px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-1px)}.card .grow{flex:1;min-width:0}.int-ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px #0e9f6e24}.int-ic.solid{background:var(--accent);color:#fff;box-shadow:inset 0 0 0 1px #ffffff29}.card .title{font-weight:600;font-size:15px;letter-spacing:-.01em}.card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.chip{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 7px;letter-spacing:.01em}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h2{font-size:16.5px;font-weight:600;letter-spacing:-.01em;margin:0}.page-head .sub{font-size:12.5px;color:var(--muted);margin-top:2px}.page-head-action{flex:none}.embed-step{display:flex;align-items:flex-start;gap:11px}.embed-num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600}.embed-desc{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.55}.embed-desc code{font-family:var(--font-mono);font-size:.86em;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.code-box{border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-2);overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 7px 13px;border-bottom:1px solid var(--border);background:var(--surface)}.code-head .lbl{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--subtle)}.code-box pre{margin:0;padding:14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--fg);overflow:auto;max-height:220px;white-space:pre;-moz-tab-size:2;tab-size:2}.link-field{display:flex;gap:8px}.link-field .in{flex:1;min-width:0;font-family:var(--font-mono);font-size:12px}.preview-frame{border:1px solid var(--border);border-radius:14px;background:var(--surface-2);overflow:hidden;box-shadow:var(--shadow-sm)}.pf-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 9px 14px;border-bottom:1px solid var(--border)}.pf-head .lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--subtle)}.preview-frame iframe{display:block;width:100%;border:0;background:var(--surface)}.cur-plan{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 22px}.cur-plan .eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--subtle)}.cur-plan .cur-name{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-top:3px}.switch-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:14px 2px 18px;max-width:820px}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tier{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px 20px;display:flex;flex-direction:column}.tier.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tier-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tier-name{font-size:15px;font-weight:600;letter-spacing:-.01em}.tier-badge{font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--accent-strong);background:var(--accent-soft);padding:3px 9px;border-radius:99px}.tier-price{font-size:23px;font-weight:700;letter-spacing:-.02em;margin:5px 0 13px}.tier-price span{font-size:12px;font-weight:400;color:var(--muted);margin-left:2px}.tier-feats{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px;flex:1}.tier-feats li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg)}.tier-feats li svg{color:var(--accent);flex:none}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head .h{font-size:15px;font-weight:600;letter-spacing:-.01em}.empty{text-align:center;padding:56px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2)}.empty .ico{width:46px;height:46px;margin:0 auto 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--subtle)}.empty .t{font-family:var(--font-display);font-weight:500;font-size:19px;letter-spacing:-.01em}.empty .s{color:var(--muted);font-size:13px;margin:5px auto 18px;max-width:440px;line-height:1.55}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:fade .18s ease both}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,92vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:-24px 0 60px -24px #14130f4d;z-index:41;display:flex;flex-direction:column;animation:slide .26s cubic-bezier(.2,.7,.2,1) both}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.drawer-head .t{font-size:16px;font-weight:600;letter-spacing:-.01em}.drawer-body{padding:20px 22px;overflow-y:auto;flex:1}.drawer-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translate(18px);opacity:.4}to{transform:translate(0);opacity:1}}.field{margin-bottom:15px}.field>label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px}.field .hint{color:var(--subtle);font-weight:400}.in{width:100%;height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 12px;background:var(--surface-2);font-size:14px;transition:border-color .14s ease,box-shadow .14s ease}select.in{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a988e' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.in:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.day-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.day-row:last-child{border-bottom:none}.day-row .dl{width:42px;font-weight:600;font-size:13px}.day-row.off .dl{color:var(--subtle)}.toggle{width:38px;height:22px;border-radius:99px;background:var(--border-strong);position:relative;transition:background .16s ease;flex:none}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s ease}.toggle.on:after{transform:translate(16px)}.time-in{width:104px;height:34px;border:1px solid var(--border-strong);border-radius:8px;padding:0 8px;background:var(--surface-2);font-family:var(--font-mono);font-size:13px}.time-in:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.day-row .dash{color:var(--subtle)}.day-row .off-label{color:var(--subtle);font-size:13px}.auth{height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(60% 50% at 50% 0%,var(--accent-soft) 0%,transparent 70%),var(--bg)}.auth-card{width:min(404px,100%);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:38px 34px 26px;text-align:center}.auth-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:22px}.auth-mark{width:44px;height:44px;border-radius:13px;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px #ffffff29,0 10px 24px -10px var(--ring)}.auth-word{font-size:31px;font-weight:600;letter-spacing:-.025em;line-height:1}.auth-title{font-family:var(--font-display);font-weight:500;font-size:23px;letter-spacing:-.01em;margin:8px 0 0}.auth-sub{color:var(--muted);font-size:13.5px;line-height:1.55;margin:9px auto 22px;max-width:320px;text-wrap:balance}.auth-input{text-align:left;margin-bottom:12px}.auth-link{color:var(--accent-strong);font-weight:600}.auth-link:hover{text-decoration:underline}.auth-cta{width:100%;height:44px;font-size:14px}.auth-foot{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--subtle);line-height:1.5}.center{height:100%;display:grid;place-items:center}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--border-strong);border-top-color:var(--accent);animation:rot .7s linear infinite}.btn .spinner-sm{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:99px;font-size:13px;font-weight:500;box-shadow:var(--shadow);z-index:60;animation:pop .2s ease both}.dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--subtle)}.dot.on{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dot.off{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.dot.connected{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dot.paused{background:var(--subtle);box-shadow:0 0 0 3px color-mix(in srgb,var(--subtle) 22%,transparent)}.dot.needs_reconnect{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.side-eyebrow{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--subtle);padding:0 8px 6px}.site-pick{position:relative;padding:0 4px 14px;margin-bottom:10px;border-bottom:1px solid var(--border)}.site-trigger{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);transition:border-color .13s ease,background .13s ease}.site-trigger:hover{border-color:var(--accent)}.site-trigger .nm{flex:1;min-width:0;text-align:left;font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-trigger .chev{color:var(--subtle);flex:none;transition:transform .16s ease}.site-trigger[aria-expanded=true] .chev{transform:rotate(180deg)}.site-pop{position:absolute;left:4px;right:4px;top:calc(100% - 6px);z-index:30;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);padding:8px;animation:pop .13s ease both}.site-search{display:flex;align-items:center;gap:7px;padding:0 9px;height:34px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);margin-bottom:7px}.site-search svg{color:var(--subtle);flex:none}.site-search input{border:none;background:none;outline:none;width:100%;font-size:13px}.site-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.site-opt{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;width:100%;text-align:left;cursor:pointer;transition:background .12s ease}.site-opt:hover{background:var(--surface-2)}.site-opt .nm{flex:1;min-width:0;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-opt.active .nm{color:var(--accent-strong);font-weight:600}.site-opt .kebab{color:var(--subtle);flex:none;padding:2px;border-radius:5px}.site-opt .kebab:hover{color:var(--fg);background:var(--border)}.site-manage{display:flex;flex-wrap:nowrap;gap:5px;padding:2px 9px 10px 12px}.site-manage button{font-size:11.5px;font-weight:500;color:var(--muted);padding:3px 8px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface-2);white-space:nowrap}.site-manage button:hover{color:var(--fg);border-color:var(--border-strong)}.site-manage button.danger{color:var(--danger)}.site-add{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px;padding:9px 10px;border-top:1px solid var(--border);color:var(--accent-strong);font-weight:600;font-size:13px}.site-add:hover{color:var(--accent)}.topbar-l{min-width:0}.topbar-r{display:flex;align-items:center;gap:8px;flex:none}.statuspill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:99px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;color:var(--muted)}.statuspill.warn{color:var(--amber);border-color:var(--amber-soft);background:var(--amber-soft);cursor:pointer}.topbar-link{height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none}.topbar-link:hover{color:var(--fg);background:var(--surface)}.menu button .spacer{flex:1}.menu button .ck{color:var(--accent)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .16s ease both}.modal-card{width:min(460px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);animation:modalpop .2s cubic-bezier(.2,.7,.2,1) both}@keyframes modalpop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:center;gap:12px;padding:15px 20px 13px;border-bottom:1px solid var(--border)}.modal-head .avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:600;flex:none}.modal-head .em{font-weight:600;font-size:15px;letter-spacing:-.01em;word-break:break-all}.modal-head .planbadge{display:inline-block;margin-top:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);background:var(--accent-soft);padding:2px 8px;border-radius:99px}.modal-head .x{margin-left:auto;align-self:flex-start}.modal-body{padding:14px 20px 18px}.acct-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.acct-row .k{color:var(--muted);width:110px;flex:none}.acct-row .v{font-weight:500;flex:1;min-width:0}.acct-row .v.mono{font-family:var(--font-mono);font-size:12px;word-break:break-all}.copy-btn{font-size:12px;font-weight:600;color:var(--accent-strong);flex:none}.copy-btn:hover{color:var(--accent)}.databox{display:flex;align-items:center;gap:14px;margin-top:13px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.databox .grow{flex:1}.databox .t{font-weight:600;font-size:13.5px}.databox .s{font-size:12.5px;color:var(--muted);margin-top:2px}.danger-zone{margin-top:12px;padding:12px 14px;border:1px solid var(--danger-soft);border-radius:var(--radius);background:var(--danger-soft)}.danger-zone .t{font-weight:600;font-size:13px;color:var(--danger)}.danger-zone .s{font-size:12px;line-height:1.45;color:var(--danger);opacity:.85;margin:3px 0 10px}.btn-danger{border:1px solid var(--danger);background:transparent;color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.confirm-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:22px 24px 18px;animation:modalpop .2s cubic-bezier(.2,.7,.2,1) both}.confirm-title{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.confirm-body{font-size:13.5px;line-height:1.55;color:var(--muted)}.confirm-type{margin-top:16px}.confirm-type label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:7px}.confirm-type label b{color:var(--fg);font-weight:600}.confirm-type .in{width:100%}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.disc-banner{display:flex;align-items:center;gap:14px;margin:20px 36px 0;padding:13px 16px;border:1px solid var(--amber);border-radius:var(--radius);background:var(--amber-soft)}@media(max-width:720px){.disc-banner{margin:16px 18px 0;flex-wrap:wrap}}.disc-banner .ic{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--amber);background:color-mix(in srgb,var(--amber) 18%,transparent)}.disc-banner .msg{flex:1;min-width:0;font-size:13.5px;line-height:1.45;color:var(--muted)}.disc-banner .msg b{color:var(--fg);font-weight:600}.disc-banner .btn{flex:none}