:root{--bg:#1e1913;--panel:#292219;--panel-2:#332b20;--border:#4a4034;--text:#faf7f2;--muted:#bcab90;--brand:#c8a96e;--brand-2:#d9c5a4;--on-accent:#241e16;--ok:#54c997;--off:#7d7264;--danger:#e85d65;--radius:14px;--shadow-1:0 1px 2px rgba(0,0,0,0.25),0 10px 28px -14px rgba(0,0,0,0.55);--shadow-2:0 2px 6px rgba(0,0,0,0.3),0 22px 48px -20px rgba(0,0,0,0.6);--ring:0 0 0 3px rgba(200,169,110,0.22)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%,#3a3126 0,transparent 60%),radial-gradient(900px 520px at -10% 110%,#2b241b 0,transparent 55%),var(--bg);color:var(--text);font-family:Tajawal,Cairo,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--brand-2);text-decoration:none}.container{max-width:1040px;margin:0 auto;padding:28px 20px 80px}.app{min-height:100vh}.app,.side{display:flex}.side{width:248px;flex-shrink:0;background:linear-gradient(180deg,rgba(200,169,110,.07),transparent 32%),var(--panel);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);flex-direction:column;gap:22px;padding:28px 16px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100dvh}.side-brand img{height:48px;width:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 14px rgba(200,169,110,.25))}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav button{display:flex;align-items:center;gap:11px;background:transparent;border:1px solid transparent;justify-content:flex-start;text-align:start;padding:12px 14px;border-radius:12px;font-size:15px;color:var(--muted);position:relative;transition:background .2s ease,color .2s ease,border-color .2s ease}.side-nav button:hover{background:var(--panel-2);color:var(--text)}.side-nav button.active{background:linear-gradient(135deg,rgba(200,169,110,.16),rgba(200,169,110,.05));color:var(--brand-2);border-color:rgba(200,169,110,.35);font-weight:700;box-shadow:var(--shadow-1)}.side-nav button.active:before{content:"";position:absolute;inset-inline-start:-16px;top:22%;bottom:22%;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--brand-2),var(--brand))}.side-nav .ico{font-size:18px}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.side-foot .biz{font-weight:700;color:var(--brand-2);font-size:14px;text-align:center}.side-foot .badge{text-align:center;justify-content:center}.main{flex:1 1;min-width:0;width:100%;padding:32px 34px 90px;max-width:1100px}.main>*{animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-title{font-size:23px;letter-spacing:-.01em;margin:0 0 22px}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.mon-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px}.mon-prev{position:relative;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;display:grid;place-items:center}.prev-media{width:100%;height:100%;object-fit:contain}.prev-empty{color:#44525e;font-size:12px}.mon-dot{position:absolute;inset:8px 8px auto auto;width:10px;height:10px;border-radius:50%;background:var(--off)}.mon-dot.online{background:var(--ok);box-shadow:0 0 0 3px rgba(84,201,151,.2)}.mon-name{font-weight:700;margin-top:8px}.mon-file{font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mon-live{position:absolute;inset:auto auto 8px 8px;background:rgba(232,93,101,.92);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}.branch-block{margin-bottom:22px}.branch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.branch-name{font-weight:800;font-size:1.02rem;color:var(--brand-2)}.branch-input{max-width:150px}@media (max-width:768px){.app{flex-direction:column}.side{width:auto;height:auto;position:-webkit-sticky;position:sticky;top:0;z-index:40;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:rgba(30,25,19,.97);-webkit-border-end:none;border-inline-end:none;border-bottom:1px solid var(--border)}.side-brand img{height:34px;margin:0}.side-foot{margin:0;flex-direction:row;align-items:center;gap:8px}.side-foot .admin-tag,.side-foot .biz{display:none}.side-nav{position:fixed;bottom:0;inset-inline:0;z-index:50;flex-direction:row;gap:0;background:rgba(30,25,19,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.side-nav button{flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;font-size:11px;border:none;border-radius:10px}.side-nav button.active{background:rgba(200,169,110,.13);border:none;box-shadow:none}.side-nav button.active:before{display:none}.side-nav .ico{font-size:20px}.side-nav .lbl{line-height:1.1}.main{padding:20px 16px calc(100px + env(safe-area-inset-bottom))}.page-title{font-size:19px;margin-bottom:16px}.card,.device{padding:16px}.auth-wrap{margin-top:5vh;padding:0 16px}}.topbar{justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand .brand-logo{height:50px;width:auto;display:block}.brand-sep{width:1px;align-self:stretch;min-height:38px;background:var(--border);margin:4px 2px}.brand h1{font-size:20px;margin:0}.brand p{margin:0;color:var(--muted);font-size:13px}.card{background:linear-gradient(180deg,rgba(250,247,242,.025),transparent 40%),var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-1)}.card h2{margin:0 0 14px;font-size:16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input[type=date],input[type=email],input[type=password],input[type=text],input[type=time],select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:11px 14px;border-radius:10px;font-size:15px;font-family:inherit;outline:none;color-scheme:dark}input[type=date]:focus,input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,input[type=time]:focus,select:focus{border-color:var(--brand);box-shadow:var(--ring)}.code-input{letter-spacing:6px;text-align:center;font-weight:700;font-size:20px;text-transform:uppercase}button{cursor:pointer;font-family:inherit;font-size:15px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:11px 18px;border-radius:11px;transition:filter .15s ease,transform .05s ease,box-shadow .2s ease}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand-2),var(--brand));border-color:transparent;color:var(--on-accent);font-weight:700;box-shadow:0 8px 20px -10px rgba(200,169,110,.55)}.btn-danger,.btn-ghost{background:transparent}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-sm{padding:7px 12px;font-size:13px}.hint,.muted{color:var(--muted);font-size:13px}.hint{margin:6px 2px 0}.msg{margin-top:10px;font-size:14px}.msg.ok{color:var(--ok)}.msg.err{color:var(--danger)}.devices{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.device{background:linear-gradient(180deg,rgba(250,247,242,.02),transparent 40%),var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-1);transition:border-color .2s ease,box-shadow .2s ease}.device:hover{border-color:rgba(200,169,110,.3);box-shadow:var(--shadow-2)}.device-head{justify-content:space-between;gap:12px;flex-wrap:wrap}.device-head,.device-title{display:flex;align-items:center}.device-title{gap:10px}.name-input{background:transparent;border:1px solid transparent;color:var(--text);font-size:17px;font-weight:700;padding:6px 8px;border-radius:8px;min-width:140px}.name-input:hover{border-color:var(--border)}.name-input:focus{border-color:var(--brand);background:var(--panel-2);outline:none}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border)}.dot{width:8px;height:8px;border-radius:50%;background:var(--off)}.badge.online .dot{background:var(--ok);box-shadow:0 0 0 3px rgba(84,201,151,.18)}.badge.online{color:var(--ok)}.thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.thumb{position:relative;width:110px;height:70px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#000}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.thumb .vlabel{position:absolute;inset:auto 6px 6px auto;font-size:11px;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:6px}.thumb .del{position:absolute;inset:6px 6px auto auto;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.65);border:none;color:#fff;display:grid;place-items:center;padding:0;font-size:14px;line-height:1}.empty{color:var(--muted);font-size:13px;margin-top:12px}.device-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;align-items:center}.spacer{flex:1 1}.file-btn{position:relative;overflow:hidden;border-radius:10px}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.acct-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;flex-wrap:wrap}.acct-title{font-size:16px;font-weight:700}.acct-bill{font-size:18px;font-weight:800;color:var(--brand-2)}.stat{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);-webkit-margin-start:6px;margin-inline-start:6px;vertical-align:middle}.stat.active{color:var(--ok);border-color:rgba(84,201,151,.4)}.stat.trialing{color:var(--brand-2);border-color:rgba(200,169,110,.4)}.stat.canceled,.stat.past_due{color:var(--danger);border-color:rgba(232,93,101,.4)}.bar{height:10px;border-radius:999px;background:var(--panel-2);overflow:hidden;border:1px solid var(--border)}.bar .fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:999px;transition:width .4s ease;min-width:2px}.bar .fill.warn{background:linear-gradient(90deg,#d39a3a,var(--warn,#f0b03a))}.bar .fill.danger{background:linear-gradient(90deg,#c64550,var(--danger))}.err-text{color:var(--danger);font-size:.85rem}.sub-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;margin-bottom:12px;font-weight:700;border:1px solid var(--border)}.sub-banner.ok{color:var(--ok,#54c997);border-color:rgba(84,201,151,.4);background:rgba(84,201,151,.08)}.sub-banner.off{color:var(--danger);border-color:rgba(232,93,101,.4);background:rgba(232,93,101,.08)}.admin-tag{font-size:.78rem;font-weight:700;color:var(--brand-2);margin-bottom:6px}.auth-card.suspended{text-align:center}.susp-icon{font-size:44px;line-height:1;margin-bottom:8px}.stat.suspended{color:var(--danger);border-color:rgba(232,93,101,.4)}.controls{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.controls button{font-weight:600}.controls .ctrl-play{border-color:var(--brand);color:var(--brand-2)}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.biz{font-weight:700;color:var(--brand-2);font-size:14px}.auth-wrap{max-width:440px;margin:10vh auto 0;text-align:center}.auth-wrap .card{box-shadow:var(--shadow-2);border-color:rgba(200,169,110,.18)}.auth-logo{height:66px!important;margin:0 auto 10px;filter:drop-shadow(0 6px 20px rgba(200,169,110,.3))}.auth-sub{color:var(--muted);margin:0 0 22px}.auth-card{text-align:start}.auth-tabs{display:flex;gap:8px;margin-bottom:16px}.auth-tabs button{flex:1 1;background:transparent}.auth-tabs button.active{background:var(--panel-2);border-color:var(--brand);color:var(--brand-2);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{width:100%}.auth-form .btn-primary{margin-top:4px}.sched-btn{position:absolute;inset:6px auto auto 6px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.65);border:none;color:#fff;display:grid;place-items:center;padding:0;font-size:12px;line-height:1}.sbadge{position:absolute;inset:auto 6px 6px 6px;font-size:10px;text-align:center;background:rgba(200,169,110,.92);color:#0b1820;padding:2px 0;border-radius:6px;font-weight:700}.sbadge.off{background:rgba(125,114,100,.92);color:#fff}.sched{margin-top:14px;padding:14px;border:1px solid var(--brand);border-radius:12px;background:var(--panel-2)}.sched-title{font-weight:700;margin-bottom:12px;color:var(--brand-2)}.sched-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.sched-label{width:52px;color:var(--muted);font-size:13px}.day-chips{display:flex;gap:6px;flex-wrap:wrap}.day-chips button{padding:6px 10px;font-size:12px;background:transparent}.day-chips button.active{background:var(--brand);color:var(--on-accent);border-color:transparent;font-weight:700}.sched-actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.hours-toggle{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;cursor:pointer}.hours-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.day-chips button:disabled,.sched-row input:disabled{opacity:.4;cursor:not-allowed}.sched-divider{border-top:1px solid var(--border);margin:12px 0}input[type=number]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:10px;font-size:15px;font-family:inherit;outline:none;color-scheme:dark}::selection{background:rgba(200,169,110,.35)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#453c30;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}a:focus-visible,button:focus-visible{outline:none;box-shadow:var(--ring)}.usage-line{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.usage-bar{flex:1 1;min-width:140px;max-width:320px;height:8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.usage-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .4s ease}.usage-fill.danger{background:linear-gradient(90deg,#c64550,var(--danger))}.admin-panel{margin-top:14px;border-top:1px solid var(--border);padding-top:14px;display:grid;grid-gap:12px;gap:12px;animation:rise .2s ease}.admin-block{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px}.admin-block-title{font-weight:700;color:var(--brand-2);margin-bottom:10px;font-size:14px}.admin-block .row label{min-width:0}.new-pass{margin-top:10px;border:1px dashed rgba(200,169,110,.5);border-radius:10px;padding:10px 12px;background:rgba(200,169,110,.06)}.new-pass code{font-size:16px;font-weight:700;letter-spacing:1px;color:var(--brand-2);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:8px 18px;gap:8px 18px;font-size:14px}.pay-table{display:grid;grid-gap:6px;gap:6px}.pay-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:13.5px}.pay-row .pay-del{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--danger);padding:3px 9px}.tenant-card{cursor:pointer}.tenant-card .tenant-name{color:var(--brand-2)}.tenant-card:hover .tenant-name{text-decoration:underline}.open-profile{color:var(--brand-2);font-size:13px;font-weight:700}.profile-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.profile-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:10px}.profile-tabs button{background:transparent;border:1px solid transparent;color:var(--muted);padding:9px 16px;border-radius:10px;font-size:14px}.profile-tabs button:hover{background:var(--panel-2);color:var(--text)}.profile-tabs button.active{background:linear-gradient(135deg,rgba(200,169,110,.16),rgba(200,169,110,.05));color:var(--brand-2);border-color:rgba(200,169,110,.35);font-weight:700}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.tile{background:linear-gradient(180deg,rgba(250,247,242,.025),transparent 40%),var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-1)}.tile-num{font-size:26px;font-weight:800;color:var(--brand-2)}.tile-num span{font-weight:600}.tile-label,.tile-num span{font-size:13px;color:var(--muted)}.tile-label{margin-top:2px}.tile-danger{border-color:rgba(232,93,101,.45)}.tile-danger .tile-num{color:var(--danger)}.chip{display:inline-block;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12px;white-space:nowrap}.plan-archived{opacity:.6}.pl-display{margin-top:10px;padding:12px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.pl-display-title{font-weight:700;color:var(--brand-2);font-size:13.5px;margin-bottom:10px}.pass-field{position:relative;display:flex}.pass-field input{width:100%;-webkit-padding-start:44px;padding-inline-start:44px}.pass-toggle{position:absolute;inset-inline-start:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);padding:6px 8px;font-size:18px;line-height:1;border-radius:8px}.pass-toggle:hover{color:var(--brand-2);background:transparent}.screens-quota{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:15px}.screens-quota b{color:var(--brand-2);font-size:17px}.schedule-box{margin-top:12px;padding:16px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.schedule-head{font-weight:700;color:var(--brand-2);font-size:15px;margin-bottom:4px}.branch-box{background:linear-gradient(180deg,rgba(200,169,110,.05),transparent 30%);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:18px}.branch-box-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.branch-box-head .branch-name{font-weight:800;color:var(--brand-2);font-size:1.05rem}.screen-mini{padding:0;overflow:hidden}.screen-mini.expanded{padding:18px}.screen-mini-head{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;text-align:start;padding:14px 16px;border-radius:var(--radius);color:var(--text);font-size:15px}.screen-mini.expanded .screen-mini-head{padding:0 0 4px;border-bottom:1px solid var(--border);margin-bottom:4px}.screen-mini-head:hover{background:var(--panel-2)}.screen-mini.expanded .screen-mini-head:hover{background:transparent}.screen-mini-head .dot{width:9px;height:9px;border-radius:50%;background:var(--off);flex-shrink:0}.screen-mini-head .dot.on{background:var(--ok);box-shadow:0 0 0 3px rgba(84,201,151,.2)}.screen-mini-name{font-weight:700}.screen-mini-sub{color:var(--muted);font-size:12.5px}.screen-mini-caret{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--muted);font-size:11px}.branch-box .devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:10px;gap:10px}.branch-box .devices .screen-mini.expanded{grid-column:1/-1}.branch-bulk{gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:12px}.branch-bulk,.plans-bar{display:flex;align-items:center;flex-wrap:wrap}.plans-bar{gap:18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:18px;box-shadow:var(--shadow-1)}.pstat{display:flex;flex-direction:column;line-height:1.25}.pstat b{font-size:20px}.pstat span{font-size:12px;color:var(--muted)}.pstat.accent b{color:var(--brand)}.plans-empty{text-align:center}.seed-preview{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:6px 0 16px}.seed-chip{display:flex;flex-direction:column;gap:2px;min-width:130px;padding:12px 14px;border:1px dashed var(--border);border-radius:12px;background:var(--panel-2)}.seed-chip span{font-size:12px;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));grid-gap:16px;gap:16px;align-items:start;margin-bottom:16px}.plan-card{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(250,247,242,.03),transparent 45%),var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-1);transition:border-color .2s ease,transform .2s ease}.plan-card:hover{border-color:rgba(200,169,110,.45)}.plan-card.featured{border-color:var(--brand);box-shadow:var(--shadow-2),0 0 0 1px rgba(200,169,110,.25)}.plan-card.archived{opacity:.55}.plan-flags{display:flex;align-items:center;gap:6px;min-height:24px;margin-bottom:8px}.plan-flag{font-size:11px;font-weight:700;color:var(--on-accent);background:var(--brand);border-radius:999px;padding:3px 10px}.plan-flag.off,.plan-flags .ord{background:transparent;color:var(--muted);border:1px solid var(--border)}.plan-flags .ord{border-radius:8px;width:26px;height:24px;padding:0;font-size:13px;line-height:1;cursor:pointer}.plan-flags .ord:disabled{opacity:.35;cursor:default}.plan-name{font-size:19px;font-weight:800}.plan-desc{font-size:12.5px;color:var(--muted);min-height:32px;margin-top:2px}.plan-price{display:flex;align-items:baseline;gap:6px;margin:10px 0 2px;padding-top:12px;border-top:1px solid var(--border)}.plan-price b{font-size:30px;color:var(--brand);line-height:1}.plan-price span{font-size:13px;color:var(--muted)}.plan-noprice{font-size:14px!important;font-weight:700;color:var(--danger)!important}.plan-year{font-size:12px;color:var(--muted)}.plan-year .save{color:var(--ok);-webkit-margin-start:6px;margin-inline-start:6px;font-weight:700}.plan-feats{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-gap:8px;gap:8px;font-size:13.5px}.plan-feats li{display:flex;align-items:center;gap:8px}.plan-feats svg{color:var(--brand);flex:none}.plan-subs{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12px}.chip.on{color:var(--brand-2);border-color:rgba(200,169,110,.45)}.plan-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.danger-text{color:var(--danger);border-color:transparent}.plan-form.in-grid{grid-column:1/-1;margin-bottom:0}.pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.pf-grid label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}.pf-grid label.wide{grid-column:span 2}.pf-grid input{width:100%}.pf-preview{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;font-size:13px}.pf-preview span{color:var(--muted)}.plan-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:10px;gap:10px}.ppick{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:start;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.ppick:hover:not(:disabled){border-color:rgba(200,169,110,.5)}.ppick.on{border-color:var(--brand);background:rgba(200,169,110,.1)}.ppick:disabled{opacity:.5;cursor:not-allowed}.pp-name{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px}.pp-name svg{color:var(--brand)}.pp-line,.pp-price{font-size:12px;color:var(--muted)}.pp-price{color:var(--brand-2);font-weight:700}.pp-warn{font-size:11px;color:var(--danger)}.plan-usage{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:13px}.pu-item{display:flex;flex-direction:column;gap:6px}.pu-item .usage-bar{max-width:none;width:100%}.pu-big{font-size:17px;color:var(--brand)}.sub-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 22px;margin-bottom:18px;border-radius:var(--radius);border:1px solid var(--brand);background:linear-gradient(135deg,rgba(200,169,110,.14),rgba(200,169,110,.03) 60%),var(--panel);box-shadow:var(--shadow-1)}.sub-hero.off{border-color:rgba(232,93,101,.5);background:linear-gradient(135deg,rgba(232,93,101,.12),transparent 60%),var(--panel)}.sh-plan{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:180px}.sh-label{font-size:11.5px;color:var(--muted);letter-spacing:.04em}.sh-name{font-size:24px;font-weight:800}.sh-desc{font-size:12.5px;color:var(--muted)}.sh-price{display:flex;align-items:baseline;gap:5px}.sh-price b{font-size:30px;color:var(--brand);line-height:1}.sh-price span{font-size:13px;color:var(--muted)}.sh-state{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12.5px}.sh-days{font-weight:700;color:var(--brand-2)}.sh-days.soon{color:var(--danger)}.acct-usage{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px}.au-item{display:flex;flex-direction:column;gap:7px;font-size:12.5px}.au-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.au-head span{display:inline-flex;align-items:center;gap:6px}.au-head b{font-size:14px}@media (max-width:640px){.sh-state{align-items:flex-start}.pf-grid label.wide{grid-column:span 1}}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;-webkit-margin-start:6px;margin-inline-start:6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800}.link-btn{background:none;border:none;padding:0;color:var(--brand);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.stopped-empty{text-align:center;color:var(--ok)}.stopped-empty svg{width:28px;height:28px}.tenant-card .device-actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.menu-sched{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px}.ms-head{display:flex}.ms-head,.switch{align-items:center}.switch{display:inline-flex;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--border);transition:background .2s ease;flex:none}.switch-dot{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:var(--text);transition:inset-inline-start .2s ease}.switch input:checked+.switch-track{background:var(--brand)}.switch input:checked+.switch-track .switch-dot{inset-inline-start:21px;background:var(--on-accent)}.switch input:disabled+.switch-track{opacity:.5}.switch-label{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px}.ms-hint{font-size:12.5px;color:var(--muted);margin:10px 0}.ms-rows{flex-direction:column}.ms-row,.ms-rows{display:flex;gap:8px}.ms-row{flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.ms-num,.ms-row{align-items:center}.ms-num{display:inline-flex;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand);color:var(--on-accent);font-size:12px;font-weight:800;flex:none}.ms-menu{flex:1 1;min-width:150px}.ms-from{font-size:12.5px;color:var(--muted)}.ms-until{font-size:12.5px;color:var(--brand-2);min-width:82px}.ms-del{color:var(--danger);padding-inline:8px}input[type=time].bad{border-color:var(--danger)}.ms-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ms-foot{font-size:12px;margin-top:10px}.ms-save{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}@media (max-width:560px){.ms-until{min-width:0;width:100%;order:5}}.usage-list{display:flex;flex-direction:column;gap:10px}.usage-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.usage-name{min-width:130px;font-weight:600}.usage-nums{white-space:nowrap;font-size:12.5px}.usage-row .usage-bar{flex:1 1;min-width:120px}.dev-usage-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--border)}.dev-usage-row:last-child{border-bottom:none}.dev-usage-main{min-width:110px;font-size:15px}.dev-usage-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1}