/* SATO VPN MANAGER 4.0 — standalone RTL design system, no remote assets */
:root{color-scheme:dark;--bg:#06090e;--surface:#0f1520;--panel:#111a26;--panel2:#182332;--line:#253247;--line-soft:#1a2736;--text:#f3f7fc;--muted:#9ba9bb;--accent:#20c997;--orange:var(--accent);--green:#25c68a;--red:#f47784;--amber:#efc176;--radius:19px;--shadow:0 18px 60px rgba(0,0,0,.22);--focus:0 0 0 3px rgba(32,201,151,.24);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text)}body{line-height:1.6;font-size:14px}body::selection{background:rgba(32,201,151,.35)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.65}img{max-width:100%}a,button,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(23px,3vw,31px);font-weight:850;letter-spacing:-.6px}h2{font-size:19px}h3{font-size:16px}p{line-height:1.85;color:var(--muted)}small,.muted,.hint{color:var(--muted)}.eyebrow{font-weight:800;letter-spacing:1.3px;font-size:10px;color:var(--accent)}.row,.flex{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.gap{gap:12px}.wide{width:100%}.grid,.stats-grid,.quick-grid,.group-grid,.two-panels,.input2,.formgrid,.two{display:grid;gap:14px}.grid,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-panels,.input2,.formgrid,.two{grid-template-columns:repeat(2,minmax(0,1fr))}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.subcard,.stat,.statcard{min-width:0;background:linear-gradient(155deg,rgba(20,30,43,.97),rgba(12,19,28,.97));border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}.panelhead{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.panelhead h3{margin-bottom:3px}.panelhead p{margin:0}.stat,.statcard{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:142px;gap:11px;box-shadow:none}.stat strong,.statcard strong{font-weight:850;font-size:27px;letter-spacing:-.4px;line-height:1.25;font-variant-numeric:tabular-nums;color:#f8fafc}.stat small,.statcard small{font-size:12px}.stat-icon,.s-icon{height:40px;width:40px;display:inline-grid;place-items:center;border-radius:13px;background:rgba(32,201,151,.11);color:var(--accent);font-weight:900;font-size:20px}.stat-hint{color:var(--muted);font-size:11px;line-height:1.5}.panel h2,.panel h3,.subcard h3{margin-bottom:12px}.layout{min-height:100vh;display:flex}.sidebar{width:264px;flex:0 0 264px;background:rgba(10,16,24,.98);border-left:1px solid var(--line-soft);position:sticky;top:0;height:100vh;padding:16px 12px 20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;z-index:30}.side-scroll{flex:1;overflow-y:auto}.sidebrand,.brand{display:flex;gap:11px;align-items:center;padding:13px 10px 17px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}.sidebrand b,.brand b{display:block;font-size:16px;overflow-wrap:anywhere}.sidebrand small,.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.brand-mark,.brandmark{width:44px;height:44px;flex:none;border-radius:14px;background:linear-gradient(135deg,#24d4ab,#138c86);color:#05100d;display:grid;place-items:center;font-size:25px;font-weight:950}.brand-logo{height:43px;width:43px;object-fit:contain;border-radius:12px}.nav-group{margin:18px 0 6px}.nav-caption{display:block;color:#8194aa;padding:0 13px 9px;font-size:10px;font-weight:800}.nav-link,.sato-agent .nav a{display:flex;align-items:center;gap:11px;border-radius:13px;margin:3px 0;padding:11px 13px;color:#a9b8c9;font-size:13px;transition:.16s ease;background:transparent;font-weight:650}.nav-link:hover,.sato-agent .nav a:hover{background:#1b2635;color:white}.nav-link.active,.sato-agent .nav a.current{background:linear-gradient(90deg,rgba(31,193,147,.16),rgba(24,66,63,.06));color:#e8fff6;border:1px solid rgba(32,201,151,.23)}.navico{display:grid;place-items:center;min-width:22px;font-size:18px}.side-bottom,.sidefoot{border-top:1px solid var(--line-soft);padding:16px 12px 0;color:var(--muted);font-size:11px;line-height:2}.online-dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--green);box-shadow:0 0 0 4px rgba(32,201,151,.10);margin-left:7px}.maincol,.sato-agent .main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px clamp(16px,3vw,34px);border-bottom:1px solid var(--line-soft);background:rgba(8,13,20,.76);backdrop-filter:blur(16px);position:sticky;top:0;z-index:15}.topbar h2{font-size:14px;margin:1px 0 0;font-weight:800}.top-actions{display:flex;align-items:center;gap:9px}.date-pill,.avatar{background:#152233;border:1px solid var(--line);border-radius:11px;padding:8px 12px;font-size:12px;color:#b5c6d7}.avatar{display:grid;place-items:center;background:linear-gradient(135deg,#2fcda5,#1a8f80);color:#061c18;font-weight:900;width:37px;height:37px;border:0}.content,.container{width:100%;max-width:1580px;margin:0 auto;flex:1;padding:clamp(16px,3vw,32px)}.pagehead,.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.pagehead h1,.intro h1{margin:3px 0 6px}.pagehead p,.intro p{margin:0;color:var(--muted);max-width:680px}.dashboardfooter,.foot{text-align:center;padding:21px 14px 25px;color:#71869b;font-size:11px;border-top:1px solid var(--line-soft)}.btn,.button,button.primary,button.ghost,button.small{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 16px;font-weight:750;line-height:1.5;transition:.15s ease;background:#1b2b3b;color:#edf5ff;white-space:normal;text-align:center;min-height:43px}.btn:hover,.button:hover,button:hover{filter:brightness(1.12)}.btn.main,.button.primary,button.primary{background:var(--accent);color:#051910;border-color:rgba(255,255,255,.08)}.btn.ghost,.button.ghost,button.ghost{background:rgba(255,255,255,.035);border-color:var(--line);color:#dbe8f8}.btn.small,button.small{padding:8px 12px;font-size:12px;min-height:34px;border-radius:10px}.btn.danger,button.danger,.danger{color:#ffb3bd}.btn.danger,button.danger{background:rgba(244,119,132,.13);border-color:rgba(244,119,132,.23)}.quick-grid a,.sato-agent .quick a{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--line);background:#152132;border-radius:14px;font-weight:750}.quick-grid a:hover,.sato-agent .quick a:hover{border-color:var(--accent)}label{display:block;font-size:12px;font-weight:750;color:#cad8e8;margin:13px 0 7px}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;max-width:100%;min-height:45px;border-radius:12px;padding:11px 13px;background:#090f18;border:1px solid #2a3c52;color:#f7faff;outline:none;direction:inherit}input::placeholder,textarea::placeholder{color:#71849a}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus)}input[type=color]{height:48px;padding:6px!important}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:17px;height:17px;flex:none}textarea{resize:vertical;min-height:108px}select{cursor:pointer}.field{min-width:0}.field label{margin-top:0}.checks,.sato-grants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check,.sato-grants label{display:flex;align-items:center;gap:12px;margin:0!important;padding:13px 15px;border-radius:13px;background:#101d2b;border:1px solid var(--line);font-weight:650;min-width:0;cursor:pointer}.check:has(input:checked),.sato-grants label:has(input:checked){border-color:rgba(32,201,151,.63);background:rgba(32,201,151,.075)}.check span{overflow-wrap:anywhere}.form-actions{margin-top:18px}.alert,.notice,.empty{padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:#132131;color:#c2d6e9;margin:13px 0;line-height:1.85}.alert.success,.notice.success{border-color:#1b614b;background:#103025;color:#b2f4d9}.alert.error,.notice.error{border-color:#6a323e;background:#3b1e28;color:#ffcbd0}.alert.warning,.notice.warning{border-color:#765d2c;background:#302818;color:#f3d59c}.empty{text-align:center;padding:30px 18px}.chip,.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:50px;border:1px solid var(--line);background:#1a2736;color:#cbd9e7;font-size:11px}.chip.green,.pill.active{color:#a8ebce;border-color:#1a6f53;background:#11372b}.chip.red,.pill.inactive{color:#ffc5ca;border-color:#733c45;background:#3a2029}.progress,.progress-track{height:8px;border-radius:20px;background:#243447;overflow:hidden;margin:10px 0}.progress>span,.progress-fill{display:block;height:100%;background:linear-gradient(90deg,#139e83,#29ddad);border-radius:20px;max-width:100%}.responsive-table,.tablewrap{max-width:100%;overflow-x:auto;scrollbar-width:thin;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}thead{background:#182738}th,td{text-align:right;padding:13px 12px;border-bottom:1px solid #263346}th{color:#a3b6c9;font-weight:850}td{color:#dfebf7;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(255,255,255,.018)}td small,.rowid{display:block;font-size:11px;color:var(--muted);margin-top:3px}td code{font-size:11px;color:#addacb}details{border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:13px;padding:12px 14px;margin:12px 0}details summary{cursor:pointer;font-weight:800;color:#d7e8f5}details[open]{background:#111f2e}details[open] summary{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:10px}.copy,.copyrow,.suburls{min-width:0}.copyrow{display:flex;align-items:center;gap:8px}.copyrow input{direction:ltr;text-align:left;flex:1;min-width:0}.copyrow button{flex:none}.subcard{margin-bottom:15px}.subcard .row{flex-wrap:wrap}.group-card{margin-bottom:15px}.group-card h3{font-size:16px}.menu-toggle,.sato-agent .menu{display:none;border:1px solid var(--line);border-radius:11px;background:#1a293a;color:white;padding:9px 12px;min-height:42px}.modal{max-height:min(90dvh,850px);overflow-y:auto;width:min(670px,calc(100vw - 22px));border:1px solid var(--line);border-radius:19px;background:#101b28;color:var(--text);padding:20px;box-shadow:0 25px 100px #000b}.modal::backdrop{background:rgba(1,4,9,.8);backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-close{border:0;background:#263549;color:white;border-radius:9px;padding:8px 10px}.search{display:flex;gap:9px;align-items:center}.search input{min-width:0}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-card{background:#152333;border:1px solid var(--line);border-radius:12px;padding:14px}.mini-card b{display:block;font-size:21px}.mini-card small{display:block;margin-top:6px}.sato-agent .nav{display:flex;flex-direction:column}.sato-agent .nav a span{display:inline-grid;place-items:center;width:24px;font-size:18px}.sato-agent .brand{border-bottom:1px solid var(--line-soft)}.sato-agent .topbar .title{font-weight:850;font-size:15px}.sato-agent .topbar .row{gap:11px}.sato-agent .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sato-agent .two{grid-template-columns:repeat(2,minmax(0,1fr))}.sato-agent .quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sato-agent .row{flex-wrap:wrap}.sato-agent .copy{display:flex;gap:8px;align-items:center}.sato-agent .copy input{flex:1;direction:ltr;text-align:left}.sato-agent .stat{min-height:145px}.sato-agent .stat .s-icon{display:grid}.sato-agent .pill{font-weight:700}.sato-agent .sidebar{width:255px;flex-basis:255px}.sato-agent .foot{margin-top:auto}.sato-agent .check{min-height:64px}.sato-agent .checks{grid-template-columns:repeat(2,minmax(0,1fr))}.sato-agent .intro .button{flex:none}.sato-agent .hint{font-size:12px}.sato-agent .copy button{white-space:nowrap}.sato-agent .subcard{display:block}.sato-agent .subcard .row.between{margin-bottom:13px}.sato-agent .subcard details{margin:16px 0 4px}.sato-agent .formgrid{margin-top:16px}.sato-agent table{white-space:normal;min-width:600px}.sato-agent .stat strong{overflow-wrap:anywhere}.sato-agent .small{font-size:12px}.sato-agent .primary{font-weight:800}.sato-agent .alert{margin-bottom:16px}.sato-agent .intro{margin:0 0 22px}.sato-agent .topbar{position:sticky}.loginbody{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:radial-gradient(circle at 20% 20%,#132a31,transparent 45%),#060a10}.loginvisual{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,8vw,95px);background:radial-gradient(circle at 20% 20%,rgba(32,201,151,.23),transparent 60%)}.login-slogan{letter-spacing:3px;color:#73e5c7;font-weight:900}.loginvisual h1{font-size:clamp(34px,4vw,60px);line-height:1.35;margin:20px 0}.loginvisual p{font-size:16px;max-width:500px}.loginbox,.login-card,.loginform{max-width:440px;width:calc(100% - 35px);margin:auto}.loginbox{padding:25px}.loginform,.login-card{background:#111d2b;border:1px solid var(--line);padding:28px;border-radius:21px}.loginform form button,.loginbox form button{margin-top:15px;width:100%}.float-circle{display:none}.user-custom{overflow:hidden}.loading-bar{position:fixed;inset:0 auto auto 0;height:3px;width:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:loading 1.1s linear infinite;z-index:10000}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.toast-inline{position:fixed;z-index:1000;bottom:25px;left:25px;max-width:min(420px,calc(100% - 28px));background:#17342f;border:1px solid #28694f;color:#d7ffef;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow)}
/* One subscription: one share page with the compatible exports behind it */
.sato-sub{--bg:#070c12;min-height:100dvh;background:radial-gradient(ellipse 60% 44% at 50% -20%,rgba(32,201,151,.22),transparent 70%),#070c12;color:#f0f5fc}.sato-sub *{box-sizing:border-box}.sub-shell{max-width:740px;padding:22px 15px 70px;margin:0 auto}.sub-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 24px}.sub-brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:16px;min-width:0;overflow-wrap:anywhere}.sub-mark{height:44px;width:44px;flex:none;display:grid;place-items:center;border-radius:15px;background:var(--accent);color:#031512;font-size:23px;font-weight:900}.sub-tag{font-size:11px;border:1px solid #24443c;background:#112b27;padding:6px 10px;border-radius:100px;color:#8fe9cb;white-space:nowrap}.sub-hero{border:1px solid #2a3c4b;border-radius:24px;background:linear-gradient(145deg,#142535,#0e1823);padding:25px;position:relative;overflow:hidden}.sub-hero:before{content:"";position:absolute;top:-80px;left:-60px;background:var(--accent);filter:blur(80px);opacity:.12;width:180px;height:180px;border-radius:50%}.sub-kicker{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#94b3c5;font-weight:850}.sub-hero h1{font-size:clamp(24px,4vw,33px);margin:9px 0 8px;overflow-wrap:anywhere}.sub-hero p{margin:0 0 14px;color:#a2b3c6}.sub-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.sub-metric{border:1px solid #2b3d4e;border-radius:16px;background:#0f1a25;padding:16px 11px;min-width:0}.sub-metric strong{display:block;font-size:clamp(15px,2.4vw,21px);white-space:nowrap;font-variant-numeric:tabular-nums}.sub-metric small{display:block;font-size:11px;color:#97aabd;margin-top:4px}.sub-track{height:9px;overflow:hidden;border-radius:100px;background:#263747;margin-top:17px}.sub-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0f9478,#34d8ae);border-radius:100px}.sub-trackline{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:8px;color:#9badbe}.sub-section{background:#101b27;border:1px solid #273749;border-radius:20px;padding:21px;margin-top:15px}.sub-section h2{font-size:17px;margin:0 0 7px}.sub-section>p{font-size:12px;color:#99adbf;margin:0 0 16px}.sub-share{display:flex;gap:9px;align-items:center;margin:15px 0 10px;flex-wrap:wrap}.sub-share input{min-width:0;direction:ltr;text-align:left;flex:1 1 190px;font-size:12px!important}.sub-share button{flex:0 0 auto}.sub-primary{background:var(--accent)!important;color:#052018!important;border-color:transparent!important;font-weight:900!important}.sub-config{border:1px solid #2b3a4c;border-radius:14px;background:#121f2b;padding:13px 15px;margin:9px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.sub-config-main{min-width:0}.sub-config b{display:block;font-size:13px;overflow-wrap:anywhere}.sub-config small{display:block;color:#98aabd;margin-top:3px;font-size:11px}.sub-config-actions{display:flex;gap:7px;flex:none}.sub-config-actions a{display:inline-flex;padding:8px 11px;border-radius:10px;background:#1e3440;border:1px solid #2c4952;color:#e4f6f4;font-size:12px}.sub-bad{border-color:#784046;color:#ffb7c0;background:#321b24}.sub-foot{text-align:center;color:#788b9e;font-size:11px;padding:30px 0}.sato-updates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sato-updates-grid a{display:block;padding:16px;border-radius:13px;border:1px solid var(--line);background:#122334;transition:.18s}.sato-updates-grid a:hover{border-color:var(--accent)}.sato-updates-grid small{display:block;margin-top:4px;color:var(--muted)}.sato-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sato-summary{display:flex;gap:9px;align-items:center;margin:12px 0;flex-wrap:wrap}.sato-summary span{border:1px solid var(--line);border-radius:10px;background:#142334;padding:7px 11px;font-size:11px}.sub-warning{background:#241e16;color:#edca9f;border-radius:10px;padding:10px 13px;font-size:12px}
@media(max-width:1250px){.stats-grid,.sato-agent .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-grid{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{width:240px;flex-basis:240px}.topbar{padding:13px 17px}.content,.container{padding:20px 15px}.pagehead{align-items:flex-start}.sato-agent .sidebar{width:240px;flex-basis:240px}}
@media(max-width:780px){body{font-size:13px}.layout{display:block}.sidebar,.sato-agent .sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(82vw,325px)!important;height:100dvh!important;transform:translateX(110%)!important;z-index:50;transition:transform .2s ease;box-shadow:none}.sidebar.open,.sidebar.active,.sidebar.show,.sato-agent .sidebar.open{transform:translateX(0)!important;box-shadow:-30px 0 90px #000b}.menu-toggle,.sato-agent .menu{display:inline-flex!important}.topbar{min-height:62px;position:sticky;top:0}.topbar h2{display:none}.top-actions .date-pill{display:none}.content,.container{padding:15px 12px 110px}.pagehead,.intro{margin:0 0 18px;gap:12px;flex-wrap:wrap}.pagehead h1,.intro h1{font-size:24px}.pagehead p,.intro p{font-size:12px}.two-panels,.input2,.formgrid,.two,.sato-agent .two{grid-template-columns:1fr}.group-grid{grid-template-columns:1fr}.panel,.subcard{padding:17px;border-radius:16px}.stat,.statcard{min-height:126px;padding:16px}.stat strong,.statcard strong{font-size:23px}.stats-grid,.sato-agent .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sato-agent .sidebar{position:fixed!important}.sato-agent .container{padding:14px 12px 100px}.sato-agent .quick{grid-template-columns:repeat(2,minmax(0,1fr))}.sato-agent .stat{min-height:130px}.sato-agent .stat strong{font-size:21px}.sato-agent .intro .button{flex:none}.sato-agent .checks,.checks{grid-template-columns:repeat(2,minmax(0,1fr))}.loginbody{grid-template-columns:1fr}.loginvisual{display:none}.loginbox,.login-card,.loginform{max-width:470px}.loginbody{display:flex;align-items:center;justify-content:center;padding:15px}.sub-metrics{gap:7px}.sub-metric{padding:12px 9px}.sub-section,.sub-hero{padding:18px;border-radius:17px}.sato-mobile-nav{position:fixed;inset:auto 0 0 0;display:grid!important;z-index:20;grid-template-columns:repeat(4,minmax(0,1fr));background:#0b141f;border-top:1px solid #2a3b4f;padding:8px 8px max(8px,env(safe-area-inset-bottom));gap:3px;box-shadow:0 -8px 40px #0007}.sato-mobile-nav a{min-width:0;text-align:center;border-radius:10px;padding:8px 3px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:700;color:#97aab9}.sato-mobile-nav a b{font-size:19px;font-weight:600}.sato-mobile-nav a.is-active{color:#b4f7e0;background:#17372f}.dashboardfooter,.foot{padding-bottom:96px}}
@media(min-width:781px){.sato-mobile-nav{display:none!important}}
@media(max-width:500px){.stats-grid,.sato-agent .grid{gap:9px}.stat,.statcard{padding:13px;min-height:122px}.stat strong,.statcard strong{font-size:21px}.sato-agent .checks,.checks,.sato-grants{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.top-actions{gap:5px}.avatar{display:none}.topbar .btn.small{padding:7px 10px}.sub-config{align-items:flex-start;flex-direction:column}.sub-config-actions{width:100%}.sub-config-actions a{flex:1;justify-content:center}.sato-updates-grid{grid-template-columns:1fr}.sub-metric strong{font-size:16px}.sub-share button{flex:1}.sub-share input{flex-basis:100%}.copyrow{flex-wrap:wrap}.copyrow input{flex-basis:100%}.copyrow button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.update-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.update-tiles a{text-align:center}.sato-agent .bar{height:9px;background:#253547;border-radius:30px;overflow:hidden;margin:12px 0}.sato-agent .bar span{display:block;height:100%;background:linear-gradient(90deg,#168c72,#25d6ad);border-radius:30px}.sato-agent .pill.off{color:#ffaab6;border-color:#663441;background:#311e2a}.sato-agent .title{font-weight:800}.sato-agent .nav a{border:1px solid transparent}.sato-agent .nav a.current{border-color:rgba(32,201,151,.2)}.sato-admin .stats-grid,.sato-agent .grid{margin-bottom:15px}.sato-admin .panel{margin-bottom:14px}.sato-agent .subcard{margin-bottom:15px}.sato-agent .panel{margin-bottom:14px}.sato-agent .tablewrap{margin-top:15px}.sato-agent .copy{flex-wrap:wrap}.sato-agent .copy input{flex:1;min-width:200px}@media(max-width:780px){.update-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

.loginright{display:grid;place-items:center;min-height:100dvh;padding:25px}.loginright .loginbox{width:min(440px,100%);max-width:440px;min-width:0;margin:0;background:linear-gradient(160deg,#131f2c,#0c141e);border:1px solid #2d4051;border-radius:24px;padding:clamp(22px,4vw,36px);box-shadow:0 24px 80px #0008}.loginright .loginbox .brand-mark.large{width:58px;height:58px;font-size:32px;margin-bottom:20px}.loginright h2{font-size:25px;margin-bottom:5px}.loginright .loginbox button{margin-top:24px}.loginright .loginbox>small{display:block;text-align:center;margin-top:18px}.login-bars{display:flex;gap:12px;margin-top:36px}.login-bars span{display:block;width:38px;height:5px;border-radius:10px;background:var(--accent);opacity:.5}.login-bars span:nth-child(2){opacity:.85}.login-bars span:nth-child(3){width:75px;opacity:1}.login-bars span:nth-child(4){opacity:.5}@media(max-width:780px){.loginright{width:100%;min-height:auto;padding:10px}.loginright .loginbox{border-radius:19px}}


/* Control Center v6 — master refinements, drawer-only mobile navigation, white-label subscription */
:root{--bg:#05080e;--surface:#0c111b;--panel:#0e1724;--line:#263546;--muted:#93a6b9;--accent:#25d1a2;--radius:18px}
body.adminbody{background:#060a10;color:#e8f1f7}
.sato-mobile-nav{display:none!important;visibility:hidden!important;height:0!important}
.dashboardfooter{display:none!important}
.sato-admin .layout{min-height:100dvh;align-items:stretch}
.sato-admin .sidebar{background:linear-gradient(180deg,#0a111b,#070d14);border-left:1px solid #243242}
.sato-admin .sidebrand{border-bottom:1px solid #1d2b39;min-height:85px}
.sato-admin .nav-group{margin:13px 0}
.sato-admin .nav-link{min-height:46px;border:1px solid transparent;border-radius:13px;transition:background .15s,border-color .15s}
.sato-admin .nav-link.active{background:linear-gradient(95deg,rgba(35,201,155,.14),#12232b);border-color:#24554b;color:#f4fffc}
.sato-admin .topbar{z-index:43;backdrop-filter:blur(16px);background:rgba(8,14,22,.94);border-bottom:1px solid #213141}
.sato-admin .content{width:100%;max-width:1560px;margin:0 auto;padding:clamp(16px,2.4vw,34px)}
.sato-admin .pagehead{padding:8px 0 12px}.sato-admin .pagehead h1{font-size:clamp(23px,2.7vw,31px)}
.sato-admin .panel,.sato-admin .statcard,.sato-admin .stat,.sato-admin .subcard{background:linear-gradient(155deg,#0e1925,#0b1420);border:1px solid #273848;border-radius:19px;box-shadow:0 9px 33px #0002}
.sato-admin .statcard{min-height:130px;position:relative;overflow:hidden}
.sato-admin .statcard:before{content:'';position:absolute;inset:-70px auto auto -45px;width:130px;height:130px;pointer-events:none;background:radial-gradient(circle,rgba(36,207,161,.06),transparent 72%)}
.sato-admin .btn.main{background:#23cda0;border-color:#23cda0;color:#042019}
.sato-admin .btn,.sato-admin button,.sato-admin input,.sato-admin select,.sato-admin textarea{border-radius:12px}
.sato-admin input:focus,.sato-admin select:focus,.sato-admin textarea:focus{outline:2px solid rgba(39,207,162,.34);outline-offset:1px}
.sato-admin .panel{padding:clamp(16px,2vw,24px)}
.sato-admin .responsive-table{border-radius:14px;overflow-x:auto}
.sato-admin table{min-width:550px;border-collapse:separate;border-spacing:0}
.sato-admin thead{background:#142331}.sato-admin tbody tr:hover{background:#172532}
.sato-admin .navico{color:#7bdcc5}
.sato-admin .top-actions .avatar{background:rgba(38,206,160,.13);color:#68e9c7}
.sato-admin .statcard strong{font-variant-numeric:tabular-nums}
.connector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.connector-card{border:1px solid #2a3c49;background:linear-gradient(145deg,#101e2a,#0a1420);padding:18px;border-radius:17px;display:flex;flex-direction:column;gap:12px}
.connector-top{display:flex;align-items:center;gap:11px}.connector-top>div:nth-child(2){flex:1;min-width:0}.connector-top h3{margin:0 0 3px}.connector-top .chip{flex:none}
.connector-emblem{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#24c5a0,#116a70);color:#041a19;font-size:23px;font-weight:900}
.connector-url{font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow-wrap:anywhere;color:#b5c9d3;margin:0}
.connector-stats{display:flex;flex-direction:column;gap:7px;color:#93a7b6;font-size:12px}
.connector-stats b{color:#d6e7ef}.connector-form{margin-top:16px;padding-top:10px;border-top:1px solid #273746}.connector-card details{margin-top:auto}.connector-card summary{cursor:pointer;list-style:none}.connector-card summary::-webkit-details-marker{display:none}
.master-scrim{display:none}
.sato-sub{background:#060b12}
.sato-sub .sub-shell{max-width:870px}.sato-sub .sub-hero{background:linear-gradient(125deg,#102630,#0d1824);border:1px solid #285046}
.sato-sub .sub-mark{background:#22bc99;color:#071d1b;border-radius:13px;width:37px;height:37px;display:grid;place-items:center}
.sato-sub .sub-primary{background:#1eaa8b;color:#042019;border-radius:12px;font-weight:800}
.sato-sub .sub-config{background:#101c28;border:1px solid #273846}
.sato-sub .sub-foot{opacity:.42}
@media(max-width:900px){.connector-grid{grid-template-columns:1fr}}
@media(max-width:780px){
 .sato-admin .sidebar{z-index:82!important}
 .master-scrim{display:block;position:fixed;inset:0;background:#000b;z-index:75;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
 body.nav-open .master-scrim{opacity:1;visibility:visible;pointer-events:auto}
 .sato-admin .content{padding:16px 12px 26px!important}
 .sato-admin .topbar{padding:10px 12px}
 .sato-admin .panel{padding:15px;border-radius:16px}
 .sato-admin .statcard{min-height:115px;border-radius:15px}
 .sato-admin .pagehead{margin-bottom:15px}
 .sato-admin .sidebar,.sato-admin .sidebar.open{height:100dvh!important}
 .sato-admin .stats-grid{gap:9px}
 .sato-admin .btn{min-height:40px}
 .sato-admin .topbar .menu-toggle{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:420px){.sato-admin .statcard strong{font-size:21px}.sato-admin .panel h3{font-size:15px}.connector-card{padding:13px}}
@media(prefers-reduced-motion:reduce){.master-scrim{transition:none}}
/* 7.0.0 - dark mobile-first control workspace; platform/agent white label */
:root{--sub-accent:#438bd9}
.master-v7{--bg:#121518;--surface:#1b2026;--panel:#1c2025;--panel2:#252b32;--line:#313841;--line-soft:#272c32;--text:#f3f5f8;--muted:#aeb6c0;--radius:20px;--shadow:none;background-color:#121518;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px}
.master-v7 .layout{background:transparent;align-items:stretch}.master-v7 .sidebar{background:#161a1f;border-left:1px solid #30363d;box-shadow:none}.master-v7 .sidebrand{border-color:#30363d}.master-v7 .brand-mark{background:var(--accent);color:#061a14}
.master-v7 .nav-link{min-height:47px;border:1px solid transparent;border-radius:13px;color:#b5bfc8}.master-v7 .nav-link.active{background:color-mix(in srgb,var(--accent),transparent 87%);color:#fff;border-color:color-mix(in srgb,var(--accent),transparent 70%)}.master-v7 .nav-link:hover{background:#282f36}
.master-v7 .topbar{background:rgba(21,24,29,.97);border-color:#343a43;min-height:66px;z-index:42;box-shadow:0 8px 26px #0002}.master-v7 .menu-toggle{background:#292e35;border:1px solid #424a54;border-radius:12px;width:43px;height:43px;display:inline-flex;justify-content:center;align-items:center;font-size:21px;line-height:1;color:white}
.master-v7 .top-actions .btn.ghost{background:#272c33;border-color:#39424b}.master-v7 .date-pill{background:#242b33;border-color:#373f49}.master-v7 .avatar{background:color-mix(in srgb,var(--accent),transparent 80%);color:var(--accent)}
.master-v7 .content{max-width:1500px;padding:clamp(15px,2.7vw,34px)}.master-v7 .pagehead h1{font-weight:900;font-size:clamp(25px,2.7vw,36px)}.master-v7 .pagehead p{color:#aeb8c1}.master-v7 .eyebrow{font-size:10px;letter-spacing:.14em}
.master-v7 .panel,.master-v7 .statcard,.master-v7 .subcard,.master-v7 .stat{background:#1b2026;border:1px solid #303943;border-radius:20px;box-shadow:none;min-width:0}.master-v7 .panel{padding:clamp(17px,2vw,23px)}.master-v7 .statcard{min-height:148px;padding:20px;gap:9px}.master-v7 .statcard::before{display:none}.master-v7 .statcard strong{font-size:clamp(21px,2.6vw,30px)}.master-v7 .stat-icon{background:color-mix(in srgb,var(--accent),transparent 87%);color:var(--accent)}
.master-v7 .quick-grid>a{background:#222830;border:1px solid #38404b;border-radius:14px;padding:17px 13px;font-weight:800}.master-v7 .quick-grid>a:hover{background:#303b46;border-color:color-mix(in srgb,var(--accent),transparent 45%)}
.master-v7 .system-list>div{border-color:#303840}.master-v7 .panel h3{font-size:16px}.master-v7 .btn{border-radius:13px}.master-v7 .btn.main{color:#071513;background:var(--accent)}.master-v7 .btn.ghost{background:#252c33;border-color:#3c4752}.master-v7 input,.master-v7 select,.master-v7 textarea{background:#151b22;border:1px solid #37424c;border-radius:12px;color:#f9fbfc;min-height:45px}.master-v7 input:focus,.master-v7 select:focus,.master-v7 textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 83%)}
.master-v7 .responsive-table{border-radius:14px;border:1px solid #343c45}.master-v7 thead{background:#252c34}.master-v7 td{border-color:#303740}.master-v7 .group-card,.master-v7 .connector-card{background:#20252b;border-color:#343b45}.master-v7 .side-bottom{font-size:11px}
.master-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0}.master-insights a{display:flex;flex-direction:column;gap:8px;min-width:0;background:#1b2026;border:1px solid #303943;border-radius:19px;padding:18px 19px;transition:.16s}.master-insights a:hover{background:#242b33;border-color:var(--accent)}.master-insights span{color:#a3adb8;font-size:12px}.master-insights b{font-size:23px;color:#fff;line-height:1.4;overflow-wrap:anywhere}.master-insights small{font-size:11px;color:#8e9aa6}
.master-close{display:none}.master-scrim{position:fixed;inset:0;background:#000b;z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.nav-open .master-scrim{opacity:1;visibility:visible;pointer-events:auto}
.master-v7 .sato-mobile-nav,.master-v7 .dashboardfooter{display:none!important}.master-v7 .content{padding-bottom:30px!important}
@media(max-width:1050px){.master-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.master-v7 .sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;height:100dvh!important;width:min(86vw,322px)!important;max-width:322px;flex:none!important;transform:translateX(110%)!important;transition:transform .23s ease;z-index:82!important;box-shadow:none}.master-v7 .sidebar.open,.master-v7 .sidebar.active,.master-v7 .sidebar.show{transform:translateX(0)!important;box-shadow:-24px 0 85px #000c}.master-v7 .topbar{padding:10px 14px!important}.master-v7 .content{padding:17px 12px 28px!important}.master-v7 .pagehead{gap:13px}.master-v7 .pagehead h1{font-size:25px}.master-v7 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.master-v7 .statcard{padding:14px;min-height:124px;border-radius:15px}.master-v7 .statcard strong{font-size:21px}.master-v7 .two-panels,.master-v7 .input2,.master-v7 .formgrid,.master-v7 .group-grid{grid-template-columns:1fr!important}.master-v7 .panel{border-radius:17px;padding:15px}.master-v7 .nav-link{font-size:13px}.master-v7 .master-close{display:grid;place-items:center;position:absolute;top:13px;left:12px;width:30px;height:30px;background:#2b3139;border:1px solid #3c4550;border-radius:9px;font-size:19px;color:#f4f6fa}.master-v7 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-v7 .quick-grid>a{padding:13px}.master-insights{gap:9px}.master-insights a{padding:13px;border-radius:16px}.master-insights b{font-size:20px}.master-v7 .panelhead{flex-wrap:wrap}.master-v7 .panelhead p{font-size:12px}}
@media(max-width:390px){.master-v7 .statcard{padding:11px}.master-v7 .statcard strong{font-size:19px}.master-insights a{padding:12px}.master-insights b{font-size:18px}}

/* Public subscription: grid canvas, compact badges and clean app list. */
.sato-sub.sub-v7{--sub-fg:#f5f6f9;--sub-panel:#1b1d20;--sub-line:#303338;--sub-muted:#a5a8ae;--sub-control:#292d34;background:#151719!important;color:var(--sub-fg);background-image:linear-gradient(rgba(255,255,255,.029) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.029) 1px,transparent 1px)!important;background-size:68px 68px!important;font-family:Tahoma,system-ui,sans-serif}
.sub-v7 .sub-shell{max-width:760px;padding:0 15px 30px}.sub-v7 .sub-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 0 15px;border-bottom:1px solid #30363a;margin-bottom:24px}.sub-top-title{display:flex;align-items:center;gap:12px;min-width:0}.sub-top-logo{height:42px;width:42px;flex:none;border:1px solid color-mix(in srgb,var(--sub-accent),transparent 60%);display:grid;place-items:center;background:color-mix(in srgb,var(--sub-accent),transparent 85%);color:var(--sub-accent);font-size:25px;border-radius:13px}.sub-top-title b{display:block;font-size:16px;overflow-wrap:anywhere}.sub-top-title small{display:block;color:#959ca4;font-size:11px;overflow-wrap:anywhere}.sub-top-help{border:1px solid #39414a;border-radius:13px;padding:10px 13px;font-weight:750;font-size:12px;white-space:nowrap;color:#dae5f2;background:#242a30}
.sub-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 22px}.sub-title-row h1{font-size:clamp(25px,5vw,35px);margin:0 0 4px;font-weight:900;color:#fff}.sub-title-row p{margin:0;color:#a7abb3;font-size:12px}.sub-label{color:var(--sub-accent);font-weight:900;font-size:10px;letter-spacing:.18em}.sub-theme-toggle{height:42px;width:42px;border:1px solid #39404a;border-radius:13px;background:#21252a;color:#e7edf4;font-size:19px}
.sub-v7-hero{background:var(--sub-panel);border:1px solid var(--sub-line);border-radius:27px;padding:23px 25px 20px;margin-bottom:17px}.sub-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sub-status{font-size:27px;font-weight:900;display:flex;align-items:center;gap:9px}.sub-status i{width:10px;height:10px;border-radius:50%;background:currentColor}.sub-status.is-on{color:#18bf6a}.sub-status.is-off{color:#e48d93}.sub-hero-id{font-size:10px;color:#838a93;border:1px solid #343a40;padding:5px 10px;border-radius:12px}
.sub-remaining-label{color:#949ba5;margin:25px 0 5px;font-size:12px}.sub-time{display:block;font-size:23px;line-height:1.4}.sub-circle-area{display:flex;justify-content:center;padding:18px 0 26px}.sub-ring{--p:0;width:176px;height:176px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;position:relative;background:conic-gradient(var(--sub-accent) var(--p),#272c31 0)}.sub-ring:before{content:'';position:absolute;inset:13px;background:#1b1d20;border-radius:50%}.sub-ring b,.sub-ring small{position:relative}.sub-ring b{font-size:32px;font-weight:900}.sub-ring small{font-size:12px;color:#a9abb1}.sub-hero-facts{display:grid;gap:14px}.sub-hero-facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.sub-hero-facts small{font-size:13px;color:#a6a8ad}.sub-hero-facts b{font-size:16px;text-align:left;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sub-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 18px}.sub-mini{background:#1c1e20;border:1px solid #303336;padding:17px 18px;border-radius:18px;display:flex;flex-direction:column;gap:13px;min-width:0}.sub-mini small{color:#9da2ab;font-size:12px}.sub-mini b{font-size:17px;direction:ltr;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:#f5f5f6}
.sub-v7-card{border:1px solid #32373c;border-radius:24px;background:#1b1d20;padding:21px;margin-bottom:20px;min-width:0}.sub-v7-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.sub-v7-heading h2{margin:0;font-size:20px}.sub-v7-heading span{color:var(--sub-accent);font-size:15px;font-weight:850}.sub-v7-heading span small{display:inline;font-size:11px;color:#9ba5b0}.sub-range{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sub-range a{font-size:12px;padding:9px 11px;background:#292c30;border-radius:12px;color:#afb3ba;border:1px solid transparent;white-space:nowrap}.sub-range a.selected{background:var(--sub-accent);color:#071526;font-weight:900}.sub-chart{overflow:hidden;padding:5px 2px}.sub-chart-bars{min-height:170px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;direction:ltr}.sub-chart-col{height:170px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;gap:8px}.sub-chart-track{width:100%;height:145px;border-bottom:1px solid #363c42;display:flex;align-items:flex-end;background:linear-gradient(to top,rgba(67,139,217,.045),transparent);border-radius:4px}.sub-chart-track i{display:block;width:100%;background:linear-gradient(0deg,rgba(67,139,217,.5),var(--sub-accent));border-radius:5px 5px 0 0}.sub-chart-col small{color:#7c8895;font-size:9px;white-space:nowrap;transform:rotate(-35deg);transform-origin:50% 50%;height:17px}.sub-chart-empty{display:grid;place-items:center;min-height:145px;text-align:center;padding:20px;color:#aab2bd;border:1px dashed #38424e;border-radius:13px;font-size:12px}.sub-chart-caption{color:#808d9b;font-size:11px;margin:13px 0 0;line-height:1.8}.sub-note{border:1px solid #57482c;border-radius:14px;background:#332a1b;color:#f2d7a1;padding:11px 14px;font-size:12px;line-height:1.8}
.sub-linkbar{border:1px solid color-mix(in srgb,var(--sub-accent),transparent 66%);border-radius:15px;background:#222830;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;margin-bottom:10px}.sub-linkbar b{display:block;font-size:13px}.sub-linkbar small{display:block;font-size:11px;color:#9eacbd}.sub-linkbar button{padding:9px 11px;border:0;border-radius:10px;background:var(--sub-accent);color:#101b29;font-weight:850;white-space:nowrap;font-size:12px}.sub-copy-field{display:block;min-width:0}.sub-copy-field input{width:100%;padding:12px;min-width:0;direction:ltr!important;background:#14191e;border:1px solid #343f4a;border-radius:11px;color:#b8cce4;outline:none;text-align:left;font-size:11px}.sub-all-actions{display:flex;gap:9px;margin:15px 0 20px}.sub-all-actions a{display:inline-flex;justify-content:center;align-items:center;padding:11px 13px;border-radius:12px;font-size:12px;font-weight:850;min-height:42px}.sub-action-main{flex:1;background:var(--sub-accent);color:#101c26}.sub-action-light{background:#30363c;color:#e6edf4;border:1px solid #414951}
.sub-configs{display:grid;gap:10px}.sub-config-v7{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #35393e;background:#222529;border-radius:15px;padding:12px}.sub-config-icon{width:39px;height:39px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--sub-accent),transparent 84%);border-radius:11px;color:var(--sub-accent);font-size:19px}.sub-config-label{flex:1;min-width:96px}.sub-config-label b{display:block;line-height:1.7;font-size:12px;overflow-wrap:anywhere}.sub-config-label small{display:block;color:#98a2ad;font-size:10px}.sub-proto{border:1px solid color-mix(in srgb,var(--sub-accent),transparent 75%);padding:4px 8px;border-radius:8px;background:color-mix(in srgb,var(--sub-accent),transparent 87%);color:#a6c8ed;font-size:10px;font-weight:900}.sub-config-controls{display:flex;gap:6px}.sub-config-controls a,.sub-config-controls span{background:#30373e;border:1px solid #3d4751;padding:8px 10px;border-radius:10px;color:#edf3fa;font-size:11px;font-weight:800;white-space:nowrap}
.sub-v7-footer{text-align:center;color:#7e878f;font-size:11px;margin:20px 0 0;padding:22px 10px;border-top:1px solid #2c3238}.sub-v7.sub-bright{--sub-fg:#1d2530;--sub-panel:#fff;--sub-line:#d7dee6;--sub-muted:#596675;--sub-control:#e5ebf1;background-color:#eaf0f5!important;background-image:none!important;color:#1b252f}.sub-v7.sub-bright .sub-v7-card,.sub-v7.sub-bright .sub-mini,.sub-v7.sub-bright .sub-v7-hero{background:#fff;border-color:#d6dfe8}.sub-v7.sub-bright .sub-ring:before{background:#fff}.sub-v7.sub-bright .sub-v7-hero .sub-time,.sub-v7.sub-bright .sub-v7-heading h2,.sub-v7.sub-bright .sub-title-row h1,.sub-v7.sub-bright .sub-hero-facts b,.sub-v7.sub-bright .sub-mini b{color:#202a35}.sub-v7.sub-bright .sub-config-v7,.sub-v7.sub-bright .guide-app,.sub-v7.sub-bright .guide-instructions details{background:#f3f7fa;border-color:#d9e0e7}.sub-v7.sub-bright .guide-app-details b,.sub-v7.sub-bright .guide-instructions summary{color:#202c38}
@media(max-width:600px){.sub-v7 .sub-shell{padding:0 13px 25px}.sub-v7 .sub-v7-main{padding:0}.sub-v7 .sub-topbar{padding:14px 0;margin-bottom:23px}.sub-v7 .sub-title-row h1{font-size:27px}.sub-v7 .sub-v7-hero{padding:20px 20px 17px;border-radius:23px}.sub-v7 .sub-ring{width:154px;height:154px}.sub-v7 .sub-v7-card{padding:16px 15px;border-radius:20px}.sub-v7 .sub-mini{padding:15px 13px;border-radius:17px}.sub-v7 .sub-mini b{font-size:15px}.sub-v7 .sub-range{gap:5px}.sub-v7 .sub-range a{font-size:11px;padding:9px}.sub-v7 .sub-config-v7{gap:8px}.sub-v7 .sub-config-controls{width:100%;justify-content:flex-end}.sub-v7 .sub-chart-bars{gap:3px}}
/* Shared connection guide — scoped so it can render in master, agent and subscription. */
.vpn-guide{--g-bg:#1a1e23;--g-layer:#22282e;--g-edge:#363d45;--g-text:#f0f4f8;--g-muted:#a2aeb9;--g-accent:#438bd9;max-width:100%;margin:22px 0;color:var(--g-text);background:var(--g-bg);border:1px solid var(--g-edge);border-radius:24px;padding:clamp(15px,3vw,24px);line-height:1.8;font-family:Tahoma,'Segoe UI',system-ui,sans-serif}
.vpn-guide *{box-sizing:border-box}.vpn-guide button,.vpn-guide a{font:inherit}.vpn-guide .guide-head{display:flex;align-items:center;gap:13px;margin-bottom:22px}.vpn-guide .guide-symbol{width:51px;height:51px;flex:none;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(67,139,217,.28);background:rgba(67,139,217,.16);font-size:26px;color:#7ab4ec}.vpn-guide .guide-head h2{margin:0;font-size:clamp(18px,3vw,23px);color:#f5f8fc}.vpn-guide .guide-head p{font-size:12px;color:#a3b0be;line-height:1.85;margin:5px 0 0}.vpn-guide .guide-eyebrow{font-size:10px;color:#6faeec;letter-spacing:1.3px;font-weight:900}
.vpn-guide .guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:21px}.vpn-guide .guide-steps>div{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0;background:#22272d;border:1px solid #343b44;border-radius:14px;text-align:center;padding:13px 8px}.vpn-guide .guide-steps b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(67,139,217,.17);color:#8fc3fa}.vpn-guide .guide-steps span{font-size:12px;font-weight:900;color:#eff3f9}.vpn-guide .guide-steps small{font-size:10px;color:#99a7b4;line-height:1.7}
.vpn-guide .guide-platforms{display:flex;gap:8px;overflow-x:auto;padding:3px 0 10px;margin:0 0 11px;scrollbar-width:thin}.vpn-guide .guide-platforms button{border:1px solid #39434d;background:#2a3037;color:#c6cbd1;padding:10px 13px;border-radius:12px;white-space:nowrap;cursor:pointer;font-size:12px;font-weight:800;min-height:42px}.vpn-guide .guide-platforms button[aria-selected=true]{background:var(--g-accent);border-color:var(--g-accent);color:#0c1a26}.vpn-guide .guide-app-panels{margin-bottom:22px}.vpn-guide [hidden]{display:none!important}.vpn-guide .guide-app-panel{display:grid;gap:8px}.vpn-guide .guide-app{display:flex;align-items:center;gap:11px;background:#242930;border:1px solid #363f48;border-radius:14px;padding:11px 12px;min-width:0}.vpn-guide .guide-app-mark{width:42px;height:42px;flex:none;display:grid;place-items:center;background:#313f4c;border-radius:12px;color:#9ac5ef;font-size:19px;font-weight:900}.vpn-guide .guide-app-details{min-width:0;flex:1}.vpn-guide .guide-app-details b{display:block;font-size:13px;color:#f0f5f9}.vpn-guide .guide-app-details span{display:block;font-size:11px;color:#9dabba;line-height:1.7;overflow-wrap:anywhere}.vpn-guide .guide-install{border-radius:10px;background:var(--g-accent);color:#0c1c29;padding:9px 11px;text-align:center;white-space:nowrap;font-size:11px;font-weight:900;text-decoration:none;min-width:69px}.vpn-guide .guide-instructions h3{margin:0 0 12px;font-size:16px;color:#eaf2f8}.vpn-guide details{border:1px solid #363f48;border-radius:14px;padding:0;margin:8px 0;background:#22272d;overflow:hidden}.vpn-guide summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;color:#e9eef5;padding:13px 14px;list-style:none;min-height:49px}.vpn-guide summary::-webkit-details-marker{display:none}.vpn-guide summary::after{content:'+';margin-right:auto;color:#9aa8b6;font-size:17px}.vpn-guide details[open] summary::after{content:'−'}.vpn-guide summary span:last-child:not(.guide-proto-icon){margin-right:auto;font-size:10px;font-weight:650;color:#8298a9}.vpn-guide .guide-proto-icon{color:#74ade6;background:#303d4a;border-radius:9px;width:29px;height:29px;display:grid;place-items:center;flex:none}.vpn-guide details[open] summary{border-bottom:1px solid #35404b}.vpn-guide ol,.vpn-guide ul{margin:0;padding:16px 34px 16px 13px;color:#c0cbd6;font-size:12px;line-height:2.3}.vpn-guide ol li,.vpn-guide ul li{padding-right:3px}.vpn-guide details p{font-size:11px;margin:0 17px 16px;color:#a5b5c4}.vpn-guide .guide-troubleshoot{margin-top:20px}.vpn-guide .guide-troubleshoot summary{font-size:13px}.vpn-guide .guide-support{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;background:#202b37;border:1px solid #3c5672;border-radius:15px;padding:14px 15px;margin:20px 0 0}.vpn-guide .guide-support b{color:#dceafa;font-size:13px}.vpn-guide .guide-support p{margin:2px 0 0;color:#9cb1c4;font-size:11px}.vpn-guide .guide-support a{background:#3c83c9;border-radius:12px;color:#081523;padding:10px 13px;font-size:12px;font-weight:900;min-height:41px}.vpn-guide .guide-support a:hover,.vpn-guide .guide-install:hover{filter:brightness(1.12)}
@media(max-width:550px){.vpn-guide{border-radius:20px;padding:14px}.vpn-guide .guide-head h2{font-size:18px}.vpn-guide .guide-steps{gap:6px}.vpn-guide .guide-steps>div{padding:10px 5px;border-radius:11px}.vpn-guide .guide-steps span{font-size:10px}.vpn-guide .guide-steps small{font-size:9px}.vpn-guide .guide-app{padding:10px;gap:8px}.vpn-guide .guide-app-mark{width:37px;height:37px}.vpn-guide .guide-app-details b{font-size:12px}.vpn-guide .guide-app-details span{font-size:10px}.vpn-guide .guide-install{font-size:10px;padding:9px}.vpn-guide summary{flex-wrap:wrap}.vpn-guide summary span:last-child:not(.guide-proto-icon){font-size:9px}}
.master-usage-chart{display:grid;direction:ltr;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;height:215px;margin:15px 0}.master-usage-col{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.master-usage-col>div{height:179px;width:min(38px,100%);border-radius:9px;background:#252c35;display:flex;align-items:end;overflow:hidden}.master-usage-col>div>span{display:block;width:100%;border-radius:9px 9px 0 0;background:linear-gradient(180deg,var(--accent),#176b80)}.master-usage-col small{font-size:11px;color:#9ba8b4}.master-dashboard-bottom{margin-top:16px}.master-recent{display:grid;gap:8px}.master-recent a{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#242a30;border:1px solid #343e48;border-radius:13px;gap:10px}.master-recent a:hover{background:#2d353e}.master-recent b{display:block;font-size:12px}.master-recent small{display:block;font-size:10px;color:#9aa7b4}.master-recent i{width:8px;height:8px;flex:none;background:#32c993;border-radius:50%}.master-recent i.is-off{background:#d97f88}@media(max-width:780px){.master-usage-chart{height:175px}.master-usage-col>div{height:135px}.master-usage-col small{font-size:10px}}

/* Control Console 10 | mobile-first sign-in and security center */
.sato-mobile-nav{display:none!important}
@media(max-width:780px){.content,.container,.sato-agent .container{padding-bottom:28px!important}.dashboardfooter,.foot{padding-bottom:24px!important}}
.v10-login{margin:0;min-height:100dvh;background:#080d14;color:#e9f3fb;font-family:inherit;overflow-x:hidden}
.v10-login *{box-sizing:border-box}
.v10-login-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);direction:ltr}
.v10-login-hero{direction:rtl;position:relative;overflow:hidden;isolation:isolate;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:clamp(38px,7vw,120px);background:radial-gradient(ellipse at 16% 25%,#1c5249 0%,transparent 42%),linear-gradient(130deg,#0e1b28,#071019);border-right:1px solid #233845}
.v10-login-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#719baf22 1px,transparent 1px),linear-gradient(90deg,#719baf22 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.v10-login-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #67ebc430;border-radius:50%;bottom:-200px;left:-80px;box-shadow:0 0 0 55px #0b9f7b09,0 0 0 115px #0b9f7b06}
.v10-hero-mark{width:67px;height:67px;border-radius:19px;display:grid;place-items:center;font-size:31px;background:#163b39;border:1px solid #35665b;color:#71e5bd;margin-bottom:68px;box-shadow:0 12px 40px #0003}
.v10-eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:#84dac1;direction:ltr}
.v10-login-hero h1{font-size:clamp(37px,5vw,72px);line-height:1.3;margin:18px 0 12px;letter-spacing:-1.6px;font-weight:900}
.v10-login-hero h1 em{color:#66e4b9;font-style:normal}
.v10-login-hero p{font-size:clamp(14px,1.7vw,18px);color:#aec7d0;max-width:510px;line-height:2}
.v10-login-features{display:flex;gap:11px;flex-wrap:wrap;margin-top:38px}
.v10-login-features span{border:1px solid #36535a;background:#14303680;padding:10px 14px;border-radius:50px;color:#bce6dd;font-size:12px}
.v10-login-main{direction:rtl;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:38px 24px;background:radial-gradient(ellipse at 75% 0%,#14252e66 0%,transparent 50%),#080d14}
.v10-login-top{display:flex;align-items:center;gap:13px;width:min(440px,100%);margin-bottom:30px;color:#eef6ff;font-size:18px;font-weight:850;overflow-wrap:anywhere}
.v10-login-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#143b37;border:1px solid #1f6757;color:#9ff1d5;font-size:23px;flex:none}
.v10-login-card{width:min(440px,100%);background:linear-gradient(150deg,#14212d,#0c151e);border:1px solid #2b3c4b;padding:clamp(20px,3vw,34px);border-radius:25px;box-shadow:0 24px 100px #0005}
.v10-login-indicator{display:flex;gap:5px;margin:0 0 23px}.v10-login-indicator span{width:25px;height:4px;border-radius:5px;background:#315047}.v10-login-indicator span:first-child{width:56px;background:#64dfb6}
.v10-login-card h2{font-size:clamp(23px,2.4vw,28px);margin:0 0 7px;font-weight:900;color:#f1f7ff}
.v10-login-muted{font-size:12px;line-height:1.9;color:#9ab1c1;margin:0 0 23px}
.v10-login-card label{display:block;margin:18px 0 8px;color:#c3d3e0;font-size:12px;font-weight:800}
.v10-login-card input:not([type="hidden"]){width:100%;height:52px;margin:0;border-radius:13px;padding:12px 15px;background:#080f18;border:1px solid #344553;color:#fff;outline:none;font-size:14px;direction:rtl;transition:border-color .15s,box-shadow .15s}
.v10-login-card input:focus-visible{border-color:#61d9b1;box-shadow:0 0 0 3px #61d9b122}
.v10-login-card input::placeholder{color:#617789}
.v10-input-wrap{position:relative}.v10-input-wrap input{padding-left:72px!important}.v10-input-wrap button{position:absolute;left:7px;top:50%;transform:translateY(-50%);border:0;background:#21343d;color:#b2d5d3;border-radius:9px;padding:7px 11px;font-size:11px;cursor:pointer}
.v10-login-submit{margin:25px 0 0;width:100%;min-height:52px;border:0;border-radius:13px;background:#19a889;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:900;cursor:pointer;transition:background .15s,transform .15s;box-shadow:0 10px 30px #00a77a22}.v10-login-submit:hover{background:#22c29b;transform:translateY(-1px)}.v10-login-submit span{font-size:22px;line-height:1}
.v10-login-note{border-top:1px solid #263846;display:flex;justify-content:center;align-items:center;gap:9px;margin-top:26px;padding-top:22px;color:#8197a5;font-size:11px}.v10-sec-dot{background:#3dcc9f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3dcc9f18}
.v10-login-error{background:#381b25;border:1px solid #6c3347;color:#ffd0d9;padding:13px;border-radius:12px;font-size:12px;line-height:1.8}
.v10-login-footer{width:min(440px,100%);padding-top:24px;text-align:center;color:#536d7f;font-size:11px}.v10-login-link{display:block;text-align:center;margin-top:17px;font-size:12px;color:#88e7ce}
.sec-center,.sec-auth-card{border:1px solid #28424a!important;background:linear-gradient(145deg,#111f2b,#0d1723)!important;border-radius:18px!important;margin-bottom:18px;padding:22px}
.sec-auth-card{max-width:100%;overflow-wrap:anywhere}.sec-auth-card input{width:100%;max-width:600px}.sec-auth-card form{margin-top:18px;max-width:590px}.sec-auth-card form .btn{margin-top:15px}.sec-auth-card code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.sec-auth-card .sec-secret{direction:ltr;display:block;overflow-wrap:anywhere;font-size:16px;letter-spacing:2px;padding:15px;background:#090f17;border:1px solid #38685c;border-radius:12px;color:#92f7d9;margin:14px 0}
.sec-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.sec-codes code{direction:ltr;text-align:center;background:#080f16;padding:10px 8px;border-radius:9px;border:1px solid #3d5962;font-size:12px;overflow-wrap:anywhere}
.sec-center .sec-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0}.sec-check{display:flex;gap:12px;align-items:flex-start;min-width:0;background:#0a1723;border:1px solid #273f4b;border-radius:13px;padding:14px}.sec-check div{min-width:0}.sec-check b{display:block;font-size:12px;color:#e2f1f7}.sec-check small{display:block;font-size:11px;color:#91a9b5;line-height:1.75;margin-top:5px}.sec-check-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;flex:none;font-size:13px}.sec-check-symbol.good{color:#91f0ce;background:#183f34}.sec-check-symbol.warn{color:#ffd0aa;background:#533824}.sec-choice{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.sec-choice label{display:inline-flex;gap:8px;align-items:center;padding:12px 20px;border:1px solid #38515c;border-radius:12px;background:#111f29;cursor:pointer}.sec-choice input{width:auto}
@media(max-width:980px){.v10-login-layout{grid-template-columns:1fr}.v10-login-hero{display:none}.v10-login-main{min-height:100dvh;padding:24px 18px}.v10-login-top{margin-bottom:22px}.v10-login-card{border-radius:22px}.sec-center .sec-health{grid-template-columns:1fr}}
@media(max-width:480px){.v10-login-main{justify-content:center;padding:16px 13px}.v10-login-card{padding:22px 18px;border-radius:20px}.v10-login-top{font-size:16px;margin-bottom:17px}.v10-login-card input:not([type="hidden"]){height:50px}.v10-login-footer{padding:18px 0}.sec-center,.sec-auth-card{padding:15px!important}.sec-codes{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.v10-login-submit,.v10-login-card input{transition:none}}

/* 13.0.0 — shared mobile-first styling; no bottom navbar */
.master-v13{--bg:#0d1015;--surface:#15191e;--panel:#171c23;--panel2:#202730;--line:#313a45;--line-soft:#222b34;--text:#f5f7fb;--muted:#99a8b9;background:#0d1015!important;background-image:linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px, transparent 1px)!important;background-size:42px 42px!important}
.master-v13 .sidebar{background:#10151b;border-color:#2a343f}
.master-v13 .sidebrand{padding:22px 18px;border-bottom:1px solid #26303a}
.master-v13 .brand-mark{width:42px;height:42px;border-radius:15px;background:color-mix(in srgb,var(--accent),transparent 77%);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent),transparent 65%)}
.master-v13 .nav-caption{font-size:10px;letter-spacing:.035em;color:#748da0}
.master-v13 .nav-link{border-radius:12px;padding:11px 13px;min-height:47px;font-size:13px;transition:background .16s,border-color .16s}
.master-v13 .nav-link:hover{background:#202a35;border-color:#364451}
.master-v13 .nav-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 81%),#1b2630);border-color:color-mix(in srgb,var(--accent),transparent 54%)}
.master-v13 .topbar{background:rgba(14,19,26,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #293440;box-shadow:none}
.master-v13 .topbar h2{font-size:16px;font-weight:800;letter-spacing:-.35px}
.master-v13 .pagehead{background:linear-gradient(122deg,#1b2732,#11171e);padding:21px 24px;border:1px solid #2d3b46;border-radius:22px;align-items:center;margin-bottom:19px;min-width:0}
.master-v13 .pagehead h1{font-size:clamp(23px,3.4vw,33px)!important;letter-spacing:-.4px}
.master-v13 .pagehead p{font-size:12px;color:#9eadbd}
.master-v13 .eyebrow{color:var(--accent)}
.master-v13 .panel,.master-v13 .statcard,.master-v13 .stat,.master-v13 .subcard{background:linear-gradient(180deg,#1a2027,#151a21);border:1px solid #303b46;border-radius:20px;box-shadow:0 10px 28px #0001}
.master-v13 .statcard{min-height:132px;padding:18px;gap:10px}.master-v13 .statcard small{color:#9daab7}.master-v13 .statcard strong{font-weight:900}
.master-v13 .stat-icon{width:36px;height:36px;border-radius:11px}
.master-v13 input:not([type=checkbox]):not([type=color]),.master-v13 select,.master-v13 textarea{background:#0f151c;border:1px solid #364554;border-radius:12px;color:#f7fafc;max-width:100%;min-width:0}
.master-v13 input:focus-visible,.master-v13 select:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),transparent 20%);outline-offset:1px}
.master-v13 .btn{border-radius:12px;transition:transform .14s,background .14s}.master-v13 .btn:active{transform:scale(.98)}
.master-v13 .btn.main{background:var(--accent);color:#0b1517;font-weight:900}
.master-v13 .btn.ghost{background:#242d37;border-color:#384754;color:#e8f0f7}
.master-v13 .responsive-table{border-color:#35414d;overflow:auto}
.master-v13 .responsive-table table{min-width:620px}
.master-v13 details>summary{cursor:pointer}
.master-v13 .master-insights a{background:#171e26;border-color:#33404d}
.v13-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(210px,.9fr);gap:12px;margin:0 0 17px}
.v13-overview>div,.v13-overview>a{padding:16px 17px;min-width:0;border-radius:17px;background:#1b222b;border:1px solid #34414e;display:flex;flex-direction:column;gap:8px}
.v13-overview small{color:#aab6c2;font-size:11px}.v13-overview b{font-size:26px;font-weight:900}.v13-overview>a{background:color-mix(in srgb,var(--accent),transparent 83%);border-color:color-mix(in srgb,var(--accent),transparent 56%);color:#e5fff9;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:900}
.v13-searchbox{display:flex;align-items:center;gap:8px;margin:0;padding:0!important;border:none!important;background:transparent!important;width:min(280px,100%)}.v13-searchbox span{font-size:24px;color:#8ea2b2}.master-v13 .v13-searchbox input{height:40px;min-height:40px;padding:8px 12px}
.v13-agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}
.v13-agent-card{min-width:0;padding:16px;border-radius:18px;background:#111922;border:1px solid #33404b;display:flex;flex-direction:column;gap:14px}.v13-agent-card[hidden]{display:none!important}
.v13-card-top{display:flex;align-items:center;gap:11px;min-width:0}.v13-card-top>div:nth-child(2){min-width:0;flex:1}.v13-card-top h4{margin:0 0 4px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v13-card-top small{font-size:11px;color:#a8b3bf}.v13-agent-avatar{width:44px;height:44px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--accent),transparent 83%);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent),transparent 67%);font-weight:900;border-radius:13px;font-size:20px}.v13-card-top .chip{flex:none}
.v13-agent-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.v13-agent-metrics span{font-size:10px;color:#96a7b6;min-width:0}.v13-agent-metrics b{display:block;font-size:12px;color:#eaf2fa;direction:ltr;text-align:right;overflow-wrap:anywhere;margin-top:4px}
.v13-progress{height:6px;background:#303b44;border-radius:8px;overflow:hidden}.v13-progress i{height:100%;display:block;background:var(--accent);border-radius:8px}
.v13-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.v13-card-actions form{display:flex;align-items:center;flex:1;min-width:195px;gap:6px;margin:0}.v13-card-actions form input{width:100%;min-width:85px;min-height:37px!important;height:37px!important;font-size:11px}.v13-card-actions .btn{min-height:38px;white-space:nowrap}
.v13-edit-panel{margin:16px 0!important;scroll-margin-top:76px;padding:0!important;overflow:hidden}.v13-edit-panel>summary{padding:17px 20px;font-weight:900;list-style:none;display:flex;justify-content:space-between;gap:10px}.v13-edit-panel summary::after{content:'⌄';margin-right:auto;color:var(--accent)}.v13-edit-panel summary::-webkit-details-marker{display:none}.v13-edit-panel[open]>summary{border-bottom:1px solid #33404d}.v13-details-body{padding:20px}.v13-delete-area{margin-top:22px;padding:16px;border:1px solid #6b373e;border-radius:16px;background:#311e25}.v13-delete-area p{color:#eac4c9;line-height:1.9;font-size:12px}
.v13-client-box{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--sub-accent),transparent 58%);background:color-mix(in srgb,var(--sub-accent),transparent 89%);padding:16px;margin:0 0 18px}
.v13-client-box>div{flex:1;min-width:155px}.v13-client-box b{display:block;color:#e9f4fb;font-size:13px}.v13-client-box small{display:block;color:#a0b5c7;margin-top:4px;font-size:11px}.v13-client-box button{background:var(--sub-accent);border:0;border-radius:11px;padding:10px 14px;color:#081620;font-size:12px;font-weight:900;cursor:pointer}.v13-client-box input{width:100%;min-height:38px;background:#171f28;color:#d1e4f5;padding:8px;border:1px solid #344659;border-radius:9px;font-size:11px}
.sub-v13.sub-v7{background-color:#0c1015!important;background-image:linear-gradient(rgba(255,255,255,.019) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.019) 1px,transparent 1px)!important}
.sub-v13 .sub-v7-hero{border-color:#314657;background:linear-gradient(160deg,#1b2731,#151b22);box-shadow:0 12px 36px #0003}
.sub-v13 .sub-v7-card,.sub-v13 .sub-mini{background:linear-gradient(175deg,#1b2229,#171c22);border-color:#303b44}
.sub-v13 .sub-title-row h1{letter-spacing:-.5px}.sub-v13 .sub-hero-facts{gap:11px}.sub-v13 .sub-range{overflow-x:auto}
.sub-v13 .sub-linkbar{background:#1b2a36}.sub-v13 .sub-config-v7{background:#17222d;border-color:#2d3a47}
@media(max-width:1050px){.v13-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.v13-agent-grid{grid-template-columns:1fr}}
@media(max-width:650px){.master-v13 .topbar{padding:10px 12px}.master-v13 .pagehead{padding:17px 16px;border-radius:18px}.master-v13 .pagehead h1{font-size:23px!important}.master-v13 .pagehead p{font-size:11px}.master-v13 .panel{padding:15px!important}.master-v13 .statcard{padding:14px!important;min-height:117px}.v13-overview{gap:9px}.v13-overview>div,.v13-overview>a{padding:13px}.v13-overview b{font-size:22px}.v13-overview>a{font-size:11px}.v13-card-top h4{font-size:14px}.v13-agent-metrics b{font-size:11px}.v13-edit-panel>summary{padding:15px}.v13-details-body{padding:13px}.master-v13 .v13-agent-manager .panelhead{align-items:stretch}.v13-searchbox{width:100%}}
@media(max-width:385px){.v13-overview{grid-template-columns:1fr 1fr}.v13-overview>div,.v13-overview>a{min-height:85px}.v13-card-actions form{min-width:100%}}

/* Subscription 16.4: clearly separated proxy copy actions and native VPN downloads. */
.sub-unified-panel{--sub-item-bg:#111b2b;--sub-item-edge:rgba(126,157,204,.20);border:1px solid #263a51!important;background:linear-gradient(160deg,#10192a,#0c121c)!important;border-radius:22px!important;overflow:hidden}
.sub-unified-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.sub-unified-head h2{margin:7px 0 8px;font-size:clamp(19px,3vw,25px);color:#f5f9ff}
.sub-unified-head p{color:#a6b6cc;font-size:13px;margin:0;line-height:1.9}
.sub-unified-amount{flex-shrink:0;border:1px solid #31435d;background:#1a2940;border-radius:15px;padding:9px 11px;font-size:12px;color:#a7c7e5}
.sub-unified-tools{display:flex;gap:10px;align-items:center;margin:16px 0 10px;flex-wrap:wrap}
.sub-unified-tools button{min-height:47px;border-radius:13px;border:1px solid #374d65;padding:11px 15px;font:inherit;font-size:13px;cursor:pointer;font-weight:800;transition:.16s}
.sub-unified-all{background:linear-gradient(115deg,#4895db,#3a7fca);color:#071624;border-color:#65aee8!important;flex:1}
.sub-unified-refresh{background:#18263a;color:#e2f1fa}
.sub-unified-tools button:disabled{opacity:.5;cursor:not-allowed}
.sub-unified-note{color:#adc1d5;font-size:12px;line-height:1.9;min-height:27px;margin:4px 0 18px}
.sub-unified-list{display:grid;gap:10px;margin-top:14px;min-width:0}
.sub-unified-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 1px 2px}
.sub-unified-group-head h3{font-size:16px;color:#eef5ff;margin:0}.sub-unified-group-head span{font-size:11px;color:#abc4de;background:#19283b;padding:6px 9px;border-radius:99px}
.sub-unified-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 15px;border:1px solid var(--sub-item-edge);border-radius:17px;background:linear-gradient(115deg,rgba(31,48,76,.55),rgba(15,24,38,.88));min-width:0}
.sub-unified-icon{display:grid;place-items:center;width:46px;height:46px;background:linear-gradient(130deg,#1d5d96,#18416d);border-radius:13px;font-size:23px;flex:none}.sub-unified-icon.is-file{background:linear-gradient(130deg,#293d5c,#263049)}
.sub-unified-item-body{min-width:0;display:flex;flex-direction:column;gap:5px}.sub-unified-name{font-size:15px;font-weight:800;line-height:1.55;color:#fff;overflow-wrap:anywhere}.sub-unified-type{font-size:12px;color:#9bb4d0}
.sub-unified-item-tools{display:flex;align-items:center;gap:7px}
.sub-unified-item-copy,.sub-unified-item-download{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border-radius:11px;background:#2f83cb;color:white!important;border:1px solid #398bd4;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.sub-unified-item-download{background:#177e77;border-color:#26958f}
.sub-unified-detail{margin-top:4px}.sub-unified-detail summary{list-style:none;font-size:11px;color:#8bbded;cursor:pointer;width:max-content;padding:4px 0}.sub-unified-detail summary::-webkit-details-marker{display:none}.sub-unified-detail summary:before{content:'› ';font-weight:900}
.sub-unified-code{direction:ltr;text-align:left;resize:vertical;min-height:66px;max-height:220px;margin:7px 0 1px;width:100%;min-width:0;background:#080f1c;color:#bbdefa;border:1px solid #324965;border-radius:10px;padding:9px;font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}
.sub-unified-missing{margin:15px 0 0;border:1px solid #6c5a36;background:#3328197d;padding:12px;border-radius:12px;font-size:12px;color:#e9cda0;line-height:1.8}.sub-unified-missing p{margin:6px 0 0;color:#dbc8aa;overflow-wrap:anywhere}
.sub-unified-foot{display:flex;gap:9px;justify-content:space-between;align-items:center;color:#8ea5bf;font-size:11px;margin:20px 0 9px;line-height:1.8}.sub-unified-foot a{color:#7db8f0;text-decoration:none}
.sub-unified-share{margin-top:13px;border-top:1px solid #26384e;padding-top:12px}.sub-unified-share summary{cursor:pointer;color:#9cb9d4;font-size:12px}.sub-unified-share-inner{display:flex;gap:7px;margin-top:12px}.sub-unified-share-inner input{flex:1;min-width:0;background:#101d2f;border:1px solid #354b65;border-radius:9px;padding:10px;color:#b5d4ea;font-size:11px}.sub-unified-share-inner button{border:1px solid #365b84;background:#1b3452;color:#d9ecff;border-radius:9px;padding:9px 13px;cursor:pointer;white-space:nowrap}
.sub-unified-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);padding:12px 20px;border-radius:12px;background:#204669;border:1px solid #4381ad;color:#fff;box-shadow:0 15px 45px #0009;font-size:13px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:99999;max-width:calc(100vw - 36px);text-align:center}.sub-unified-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:620px){.sub-unified-panel{border-radius:16px!important}.sub-unified-head{flex-direction:column}.sub-unified-amount{align-self:flex-start}.sub-unified-item{grid-template-columns:42px minmax(0,1fr);padding:13px 11px;gap:10px}.sub-unified-icon{width:42px;height:42px}.sub-unified-item-tools{grid-column:1/-1;justify-content:flex-end}.sub-unified-item-copy,.sub-unified-item-download{min-height:42px;padding:9px 16px}.sub-unified-refresh{flex:0 0 auto}.sub-unified-all{min-width:0}.sub-unified-foot{flex-direction:column;align-items:flex-start}.sub-unified-head h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.sub-unified-toast,.sub-unified-tools button{transition:none}}

.sub-unified-panel{background:radial-gradient(ellipse at 100% 12%,rgba(35,94,174,.19),transparent 42%),radial-gradient(ellipse at 0% 80%,rgba(115,48,173,.14),transparent 47%),linear-gradient(155deg,#10192a,#0c121c)!important}
.sub-v7.sub-bright .sub-unified-panel{background:#edf3fa!important;border-color:#c5d5e8!important}.sub-v7.sub-bright .sub-unified-head h2,.sub-v7.sub-bright .sub-unified-group-head h3{color:#20354a}.sub-v7.sub-bright .sub-unified-head p,.sub-v7.sub-bright .sub-unified-note{color:#486077}.sub-v7.sub-bright .sub-unified-item{background:#fff;border-color:#d7e2ee}.sub-v7.sub-bright .sub-unified-name{color:#16324d}.sub-v7.sub-bright .sub-unified-type{color:#4c6c8a}
/* Subscription Studio 17 — isolated mobile-first customer experience. No shared admin styles changed. */
body.sato-sub.sub-pro-v17{--sp-surface:#111c2e;--sp-elevated:#16243a;--sp-border:#263a52;--sp-muted:#92a9c5;--sp-main:#edf6ff;--sp-blue:#52a3fa;--sp-teal:#36d2b9;color:var(--sp-main)!important;background:radial-gradient(ellipse 70% 28% at 95% 0%,#163467 0%,transparent 73%),radial-gradient(ellipse 50% 32% at -10% 35%,#261345 0%,transparent 75%),#070d17!important;line-height:1.65;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px;overflow-x:hidden}
body.sub-pro-v17 *,body.sub-pro-v17 *::before,body.sub-pro-v17 *::after{box-sizing:border-box}
body.sub-pro-v17 button,body.sub-pro-v17 input{font:inherit}
body.sub-pro-v17 a{text-decoration:none;color:inherit}
body.sub-pro-v17 [hidden]{display:none!important}
.sub-pro-v17 .sp-ambient{position:fixed;inset:0;background-image:linear-gradient(#e2eaff06 1px,transparent 1px),linear-gradient(90deg,#e2eaff06 1px,transparent 1px);background-size:62px 62px;pointer-events:none;opacity:.57;mask-image:linear-gradient(transparent 0%,#000 15%,#000 78%,transparent 100%);z-index:0}
.sub-pro-v17 .sp-shell{position:relative;z-index:1;width:min(1010px,calc(100% - 34px));margin:0 auto;padding-bottom:44px}
.sub-pro-v17 .sp-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 2px 22px;border-bottom:1px solid #7184a129}
.sub-pro-v17 .sp-brand{display:flex;align-items:center;gap:13px;min-width:0}
.sub-pro-v17 .sp-brand-mark{width:45px;height:45px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#3796f9,#2766c1);box-shadow:inset 0 1px #ffffff44,0 8px 24px #256acf35;border:1px solid #589fff7a;border-radius:15px;font-size:28px;color:#fff}
.sub-pro-v17 .sp-brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.sub-pro-v17 .sp-brand-text strong{font-size:16px;font-weight:850;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:52vw;letter-spacing:-.2px}
.sub-pro-v17 .sp-brand-text span{font-size:11px;color:var(--sp-muted)}
.sub-pro-v17 .sp-header-actions{display:flex;align-items:center;gap:9px;flex:none}
.sub-pro-v17 .sp-header-link,.sub-pro-v17 .sp-icon-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #32465f;background:#162238ae;border-radius:12px;color:#d7e9ff;padding:0 15px;cursor:pointer;font-size:12px;font-weight:750;white-space:nowrap}
.sub-pro-v17 .sp-icon-btn{width:40px;padding:0;font-size:20px}
.sub-pro-v17 .sp-header-link:hover,.sub-pro-v17 .sp-icon-btn:hover{background:#24334b;border-color:#5d779b}
.sub-pro-v17 .sp-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:29px 1px 21px}
.sub-pro-v17 .sp-kicker{font-family:Tahoma,"Segoe UI",sans-serif;color:#6faef8;font-size:10px;font-weight:850;letter-spacing:1.25px;display:flex;align-items:center;gap:7px}
.sub-pro-v17 .sp-kicker i{width:7px;height:7px;background:#5b9cff;border-radius:50%;box-shadow:0 0 0 3px #6baaff26}
.sub-pro-v17 .sp-kicker span{color:#5b7592}
.sub-pro-v17 .sp-intro h1{font-size:clamp(24px,4vw,37px);line-height:1.35;margin:9px 0 4px;font-weight:850;letter-spacing:-.45px;overflow-wrap:anywhere}
.sub-pro-v17 .sp-intro p{font-size:12px;margin:0;color:var(--sp-muted)}
.sub-pro-v17 .sp-sync-label{font-size:11px;color:#98b1c9;background:#112037af;border:1px solid #273b53;padding:8px 11px;border-radius:30px;white-space:nowrap}
.sub-pro-v17 .sp-hero{border-radius:25px;border:1px solid #44618b87;position:relative;overflow:hidden;padding:27px 29px 0;background:radial-gradient(circle at 85% 5%,#184383b8 0%,transparent 49%),radial-gradient(circle at 4% 96%,#26355f71 0%,transparent 55%),linear-gradient(135deg,#14263e,#0d1727 66%);box-shadow:0 22px 50px #0107124d,inset 0 1px #e9f3ff1a}
.sub-pro-v17 .sp-hero::after{content:"";width:170px;height:170px;position:absolute;top:-95px;left:20%;border-radius:50%;background:#377bd519;filter:blur(50px);pointer-events:none}
.sub-pro-v17 .sp-hero-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.sub-pro-v17 .sp-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:30px;font-size:12px;font-weight:850}
.sub-pro-v17 .sp-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
.sub-pro-v17 .sp-status.is-active{color:#4df0ac;background:#18c88a1c;border:1px solid #26cb9454}.sub-pro-v17 .sp-status.is-stopped{color:#ffac9c;background:#f0635820;border:1px solid #d26b6059}
.sub-pro-v17 .sp-service-code{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#9cb6d1;letter-spacing:1px}
.sub-pro-v17 .sp-hero-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 25px}
.sub-pro-v17 .sp-hero-content{min-width:0;flex:1}
.sub-pro-v17 .sp-overline{font-size:12px;color:#a3b9d3;display:block;margin:0 0 8px}
.sub-pro-v17 .sp-expiry{display:block;font-size:clamp(27px,4vw,37px);line-height:1.35;letter-spacing:-.4px;color:#fff;font-weight:850}
.sub-pro-v17 .sp-expiry-date{font-size:11px;color:#a1b6d0;margin:9px 0 21px}
.sub-pro-v17 .sp-hero-progress{height:7px;background:#30415b;border-radius:10px;overflow:hidden;width:min(100%,440px)}
.sub-pro-v17 .sp-hero-progress>div{height:100%;background:linear-gradient(90deg,#2b9fea,#53d5cb);border-radius:10px;min-width:0}
.sub-pro-v17 .sp-progress-caption{display:block;margin-top:8px;color:#8da7c4;font-size:11px}
.sub-pro-v17 .sp-gauge{width:155px;height:155px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 0deg,#3d9df6 0 var(--sp-fill),#263750 var(--sp-fill) 100%);position:relative;box-shadow:0 0 55px #296bb328}
.sub-pro-v17 .sp-gauge::before{content:"";position:absolute;inset:13px;border-radius:50%;background:radial-gradient(circle at 50% 25%,#1d3755,#0d1a2e 80%);border:1px solid #ffffff0f}
.sub-pro-v17 .sp-gauge>div{display:flex;position:relative;flex-direction:column;align-items:center;line-height:1.25}
.sub-pro-v17 .sp-gauge strong{font:850 30px Tahoma,"Segoe UI",sans-serif;direction:ltr;color:#fff}
.sub-pro-v17 .sp-gauge small{font-size:10px;color:#a4bbd3;margin-top:4px}
.sub-pro-v17 .sp-hero-metrics{position:relative;margin:0 -29px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #7f98bf2a;background:#0c15274d}
.sub-pro-v17 .sp-hero-metrics>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:18px 8px;gap:3px}
.sub-pro-v17 .sp-hero-metrics>div+div{border-right:1px solid #8398b12d}
.sub-pro-v17 .sp-hero-metrics small{font-size:11px;color:#9db2cd}
.sub-pro-v17 .sp-hero-metrics strong{font-size:18px;white-space:nowrap;letter-spacing:-.25px;font-weight:850}
.sub-pro-v17 .sp-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0 24px}
.sub-pro-v17 .sp-shortcuts a{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #2b3a50;background:#111e30c9;border-radius:13px;padding:12px 9px;font-size:12px;color:#d2e6fa;min-width:0;text-align:center;transition:background .2s}
.sub-pro-v17 .sp-shortcuts a:hover{background:#1a2c46}.sub-pro-v17 .sp-shortcuts span{color:#7fbcff;font-size:15px}
.sub-pro-v17 .sp-traffic-card,.sub-pro-v17 .sp-directory{background:linear-gradient(180deg,#111b2b,#0c1423);border:1px solid #2a3a51;border-radius:23px;padding:25px 27px;margin-bottom:19px;box-shadow:0 18px 42px #030a1726;min-width:0}
.sub-pro-v17 .sp-section-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:19px}
.sub-pro-v17 .sp-section-head h2{font-weight:850;font-size:22px;margin:5px 0 3px;line-height:1.4;color:#f2f7ff}
.sub-pro-v17 .sp-section-head p{font-size:12px;color:#91a9c4;margin:0}
.sub-pro-v17 .sp-traffic-total{background:#17273e;border:1px solid #34485f;border-radius:13px;display:flex;flex-direction:column;align-items:flex-end;padding:9px 13px;gap:1px;white-space:nowrap}
.sub-pro-v17 .sp-traffic-total small{font-size:10px;color:#98b1c7}
.sub-pro-v17 .sp-traffic-total strong{font-size:16px;color:#62bcfc;direction:ltr}
.sub-pro-v17 .sp-ranges{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 12px;scrollbar-width:thin}
.sub-pro-v17 .sp-ranges a{display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid #2e3f57;border-radius:9px;background:#172337;color:#9fb4cb;font-size:11px;font-weight:750;padding:7px 12px;white-space:nowrap}
.sub-pro-v17 .sp-ranges a.active{background:#2e79bd;border-color:#519bdb;color:#fff}
.sub-pro-v17 .sp-chart{position:relative;isolation:isolate;padding:18px 0 7px}
.sub-pro-v17 .sp-chart-grid{position:absolute;inset:18px 0 23px;background:repeating-linear-gradient(to top,#7ba7cc18 0 1px,transparent 1px 25%);z-index:-1;pointer-events:none}
.sub-pro-v17 .sp-chart-bars{height:154px;display:flex;justify-content:space-between;gap:7px;direction:ltr}
.sub-pro-v17 .sp-chart-bin{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-end}
.sub-pro-v17 .sp-chart-track{height:128px;width:100%;max-width:38px;display:flex;align-items:flex-end;justify-content:center}
.sub-pro-v17 .sp-chart-track>div{width:100%;min-height:0;background:linear-gradient(0deg,#246bc3,#55b9f8);border-radius:6px 6px 2px 2px;box-shadow:0 -3px 18px #398ddd1c}
.sub-pro-v17 .sp-chart-bin small{font-size:9px;color:#8ca7c1;white-space:nowrap}
.sub-pro-v17 .sp-empty-chart{min-height:130px;display:flex;justify-content:center;align-items:center;gap:14px;border:1px dashed #33445c;background:#0e1929;border-radius:15px;margin:3px 0 0;padding:20px;color:#b4c7da}
.sub-pro-v17 .sp-empty-chart>span{width:45px;height:45px;flex:none;display:grid;place-items:center;background:#1d324d;border-radius:13px;font-size:25px;color:#8cb7ee}
.sub-pro-v17 .sp-empty-chart strong{font-size:13px}.sub-pro-v17 .sp-empty-chart p{font-size:11px;color:#7898b6;margin:5px 0 0}
.sub-pro-v17 .sp-count{border:1px solid #385371;border-radius:100px;background:#1e304b;color:#a8c7e8;padding:7px 12px;white-space:nowrap;font-size:11px}
.sub-pro-v17 .sp-main-actions{display:flex;gap:9px;margin-bottom:16px}
.sub-pro-v17 .sp-btn{border:1px solid transparent;border-radius:12px;min-height:47px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-weight:850;font-size:13px;transition:transform .16s,background .16s}
.sub-pro-v17 .sp-btn:active{transform:scale(.98)}
.sub-pro-v17 .sp-btn:disabled,.sub-pro-v17 .sp-select-all:disabled{opacity:.47;cursor:not-allowed}
.sub-pro-v17 .sp-btn.sp-primary{background:linear-gradient(120deg,#318edb,#276dbb);color:white;border-color:#589fec;flex:1;box-shadow:0 7px 22px #185ea74a}
.sub-pro-v17 .sp-btn.sp-secondary{background:#1a2b43;color:#c6d9ef;border-color:#324863}
.sub-pro-v17 .sp-btn-count{background:#ffffff29;min-width:23px;border-radius:7px;padding:1px 7px;line-height:1.8}
.sub-pro-v17 .sp-toolbar{display:flex;gap:9px;margin-bottom:14px}
.sub-pro-v17 .sp-search{flex:1;display:flex;align-items:center;gap:9px;border-radius:12px;background:#0a1423;border:1px solid #314159;padding:0 13px;min-width:0;height:48px}
.sub-pro-v17 .sp-search:focus-within{border-color:#548cce;box-shadow:0 0 0 3px #3d8bff22}
.sub-pro-v17 .sp-search span{font-size:23px;color:#83a9d1;line-height:1}
.sub-pro-v17 .sp-search input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#f2f8ff;width:100%;height:100%;min-width:0;font-size:12px}
.sub-pro-v17 .sp-search input::placeholder{color:#708ca9}
.sub-pro-v17 .sp-select-all{border:1px solid #344b65;background:#1a2a41;color:#9fc9ee;border-radius:12px;padding:0 13px;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}
.sub-pro-v17 .sp-filters{display:flex;overflow-x:auto;gap:7px;padding:0 1px 14px;scrollbar-width:thin}
.sub-pro-v17 .sp-filters button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#142136;border:1px solid #2c405a;color:#a2bad5;padding:8px 12px;border-radius:10px;cursor:pointer;white-space:nowrap;font-weight:750;font-size:12px}
.sub-pro-v17 .sp-filters button.is-current{color:#eaf6ff;background:#1d4777;border-color:#427cb3}
.sub-pro-v17 .sp-filters b{font:800 10px Tahoma,sans-serif;min-width:19px;text-align:center;border-radius:6px;background:#ffffff18;padding:2px 4px}
.sub-pro-v17 .sp-bulk{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#12364b;border:1px solid #2e8692;border-radius:11px;padding:10px 13px;margin-bottom:12px;color:#bdfff0;font-size:12px}
.sub-pro-v17 .sp-bulk>div{display:flex;gap:7px;flex-wrap:wrap}
.sub-pro-v17 .sp-bulk button{cursor:pointer;font:inherit;color:#ecffff;border:1px solid #5a9aab;background:#1a667a;border-radius:8px;padding:7px 10px}
.sub-pro-v17 .sp-bulk button+button{background:transparent;border-color:#48758a;color:#b8deed}
.sub-pro-v17 .sp-load-status{color:#8eaac5;margin:0 0 12px;font-size:11px;line-height:1.9;min-height:21px}
.sub-pro-v17 .sp-list{display:grid;gap:9px;min-width:0}
.sub-pro-v17 .sp-loading{display:grid;gap:8px}.sub-pro-v17 .sp-loading span{height:78px;border-radius:14px;border:1px solid #34465a;background:linear-gradient(100deg,#132239,#1d324d,#132239);background-size:200% 100%;animation:sp-shimmer 2.2s linear infinite}
@keyframes sp-shimmer{to{background-position:-200% 0}}
.sub-pro-v17 .sp-group-label{display:flex;align-items:center;justify-content:space-between;margin:8px 0 2px;gap:10px;color:#d7e8ff;font-weight:800;font-size:12px}
.sub-pro-v17 .sp-group-label span:last-child{font-size:10px;color:#7fa8d0;border:1px solid #344760;border-radius:9px;padding:4px 8px;background:#1a2a42}
.sub-pro-v17 .sp-row{display:grid;grid-template-columns:23px 43px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #2a3b54;background:linear-gradient(111deg,#192a44a6,#111e31);border-radius:14px;padding:13px 14px;min-width:0;transition:border-color .15s,background .15s}
.sub-pro-v17 .sp-row:hover{border-color:#4d789e;background:#182b47}
.sub-pro-v17 .sp-row.selected{border-color:#409ad7;background:#163251}
.sub-pro-v17 .sp-row-check{width:22px;height:22px;display:grid;place-items:center;cursor:pointer}
.sub-pro-v17 .sp-row-check input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid #4b6686;border-radius:6px;background:#0c1728;cursor:pointer;margin:0;display:grid;place-items:center}
.sub-pro-v17 .sp-row-check input:checked{background:#3c9aea;border-color:#4baaff}.sub-pro-v17 .sp-row-check input:checked::after{content:"✓";color:#071828;font-size:12px;font-weight:900}
.sub-pro-v17 .sp-row-check.is-file{opacity:.55;cursor:default}.sub-pro-v17 .sp-row-check.is-file span{width:10px;height:10px;border:2px solid #3f5874;border-radius:50%}
.sub-pro-v17 .sp-row-flag{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(150deg,#204e84,#193559);border:1px solid #3c6694;font-size:22px}
.sub-pro-v17 .sp-row-flag.is-vpn{background:#1c3d43;border-color:#2a6664;font-size:21px}
.sub-pro-v17 .sp-row-info{min-width:0}.sub-pro-v17 .sp-row-info strong{display:block;font-size:14px;color:#f0f7ff;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sub-pro-v17 .sp-row-meta{display:flex;align-items:center;gap:7px;min-width:0;margin-top:4px;color:#91a9c4;font-size:10px}
.sub-pro-v17 .sp-row-protocol{display:inline-flex;border-radius:6px;border:1px solid #396492;background:#1c3856;padding:1px 6px;color:#9dcaf0;font-weight:800;font-size:10px}
.sub-pro-v17 .sp-row-protocol.is-native{background:#1b3b3b;border-color:#2d7772;color:#8dd6c9}
.sub-pro-v17 .sp-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.sub-pro-v17 .sp-row-button{border:1px solid #415d7b;border-radius:9px;min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;background:#213752;color:#c6e3ff;font:800 11px Tahoma,sans-serif;white-space:nowrap;cursor:pointer;transition:background .15s}
.sub-pro-v17 .sp-row-button:hover{background:#2c4b72}.sub-pro-v17 .sp-row-button.primary{background:#2476be;border-color:#3895df;color:white}
.sub-pro-v17 .sp-row-button.download{background:#137e75;border-color:#2aa798;color:white;text-decoration:none}
.sub-pro-v17 .sp-row-button svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sub-pro-v17 .sp-row-code{grid-column:1/-1;border-top:1px solid #3a526d;margin-top:4px;padding:11px 0 2px}
.sub-pro-v17 .sp-row-code label{display:block;color:#9eb9d5;font-size:11px;margin-bottom:7px}
.sub-pro-v17 .sp-row-code textarea{width:100%;min-height:90px;max-height:240px;resize:vertical;border-radius:10px;background:#071322;color:#b5d9ff;border:1px solid #324e6d;padding:11px;font:12px/1.7 ui-monospace,Consolas,monospace!important;text-align:left;direction:ltr;word-break:break-all}
.sub-pro-v17 .sp-no-results{padding:37px 15px;text-align:center;background:#0e1a2b;border:1px dashed #314965;border-radius:15px;color:#91aac5}
.sub-pro-v17 .sp-no-results b{display:block;font-size:14px;margin-bottom:5px;color:#d3e8ff}
.sub-pro-v17 .sp-no-results p{margin:0;font-size:12px}
.sub-pro-v17 .sp-partial{margin-top:12px;border:1px solid #806a46;background:#45321670;border-radius:11px;padding:12px 14px;color:#eccba0;font-size:11px;line-height:2}
.sub-pro-v17 .sp-directory-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:17px;padding-top:16px;border-top:1px solid #2b405a;font-size:11px;color:#8fa8c4}
.sub-pro-v17 .sp-directory-footer a{color:#87c1fa;white-space:nowrap}
.sub-pro-v17 .sp-help-section{margin-top:19px}
.sub-pro-v17 .sp-guide-collapse{background:#111d30;border:1px solid #2f435f;border-radius:19px;overflow:hidden}
.sub-pro-v17 .sp-guide-collapse>summary{display:flex;align-items:center;gap:13px;list-style:none;cursor:pointer;padding:19px 22px}
.sub-pro-v17 .sp-guide-collapse>summary::-webkit-details-marker{display:none}
.sub-pro-v17 .sp-help-badge{width:43px;height:43px;display:grid;place-items:center;font-size:21px;font-weight:850;color:#a7cefa;background:#1b3d65;border:1px solid #386c9e;border-radius:13px;flex:none}
.sub-pro-v17 .sp-guide-collapse>summary>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:1px}
.sub-pro-v17 .sp-guide-collapse strong{font-size:14px;color:#f0f7ff}.sub-pro-v17 .sp-guide-collapse small{font-size:11px;color:#8aa4be}
.sub-pro-v17 .sp-guide-chevron{font-size:20px;color:#92bcdf;transition:transform .2s}
.sub-pro-v17 .sp-guide-collapse[open] .sp-guide-chevron{transform:rotate(180deg)}
.sub-pro-v17 .sp-guide-content{border-top:1px solid #253b54;padding:0 14px 12px}
.sub-pro-v17 .sp-guide-content .vpn-guide{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:14px 0!important}
.sub-pro-v17 .sp-guide-content .guide-instructions details,.sub-pro-v17 .sp-guide-content .guide-app{background:#18263d;border-color:#33465e}
.sub-pro-v17 .sp-share{margin:14px 0 0;background:#0d192a;border:1px solid #2b3b52;border-radius:13px;padding:0 15px;color:#99b1c7}
.sub-pro-v17 .sp-share>summary{cursor:pointer;list-style:none;padding:15px 0;display:flex;justify-content:space-between;font-size:11px}
.sub-pro-v17 .sp-share>summary::-webkit-details-marker{display:none}.sub-pro-v17 .sp-share>div{display:flex;gap:7px;padding-bottom:13px}
.sub-pro-v17 .sp-share input{flex:1;min-width:0;border-radius:9px;border:1px solid #324a67;background:#0a1424;color:#b7cfee;padding:9px;font-size:11px}
.sub-pro-v17 .sp-share button{color:white;background:#264f81;border:1px solid #4779ab;border-radius:9px;padding:8px 12px;cursor:pointer;white-space:nowrap;font-size:11px}
.sub-pro-v17 .sp-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:18px 0;border-top:1px solid #27384e;color:#738daa;font-size:11px}
.sub-pro-v17 .sp-footer-mark{font-size:18px;color:#65aaf2}.sub-pro-v17 .sp-footer a{color:#8bb9e9;margin-right:auto}
.sub-pro-v17 .sp-toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;z-index:2000;transform:translate(-50%,15px);opacity:0;pointer-events:none;border:1px solid #4082b5;border-radius:12px;padding:12px 18px;background:#153b5b;color:white;box-shadow:0 12px 45px #0009;font-size:12px;font-weight:750;max-width:calc(100vw - 34px);text-align:center;transition:opacity .2s,transform .2s}
.sub-pro-v17 .sp-toast.show{opacity:1;transform:translate(-50%,0)}
body.sub-pro-v17.sp-light{--sp-main:#14263d;--sp-muted:#56708c;background:radial-gradient(ellipse at top,#d7e6fa,#f1f5fb 75%)!important;color:#21314a!important}
body.sub-pro-v17.sp-light .sp-header{border-color:#c2d3e4}
body.sub-pro-v17.sp-light .sp-brand-text strong,body.sub-pro-v17.sp-light .sp-intro h1{color:#19324e}
body.sub-pro-v17.sp-light .sp-shortcuts a,body.sub-pro-v17.sp-light .sp-traffic-card,body.sub-pro-v17.sp-light .sp-directory,body.sub-pro-v17.sp-light .sp-guide-collapse{background:#fff;border-color:#cbd9e9;color:#18314f;box-shadow:0 14px 35px #5076a518}
body.sub-pro-v17.sp-light .sp-section-head h2,body.sub-pro-v17.sp-light .sp-guide-collapse strong{color:#163450}
body.sub-pro-v17.sp-light .sp-row{background:#f1f6fc;border-color:#d4e2ef}
body.sub-pro-v17.sp-light .sp-row-info strong{color:#183657}
body.sub-pro-v17.sp-light .sp-row-meta{color:#5b7591}
body.sub-pro-v17.sp-light .sp-search{background:#f6f9ff;border-color:#cbdbe9}
body.sub-pro-v17.sp-light .sp-search input{color:#173454!important}
body.sub-pro-v17.sp-light .sp-filters button{background:#e7f1ff;border-color:#c9dbeb;color:#3e6180}
body.sub-pro-v17.sp-light .sp-filters button.is-current{background:#276ba8;color:#fff}
body.sub-pro-v17.sp-light .sp-traffic-total{background:#e9f2ff;border-color:#cbdaea}
body.sub-pro-v17.sp-light .sp-empty-chart,body.sub-pro-v17.sp-light .sp-no-results{background:#f4f8fe;border-color:#c9d9ea}
body.sub-pro-v17.sp-light .sp-empty-chart strong,body.sub-pro-v17.sp-light .sp-no-results b{color:#24405c}
body.sub-pro-v17.sp-light .sp-guide-content .vpn-guide{color:#18334f}
body.sub-pro-v17.sp-light .sp-guide-content .guide-instructions details,body.sub-pro-v17.sp-light .sp-guide-content .guide-app{background:#edf4fc;border-color:#cbdce9}
body.sub-pro-v17.sp-light .sp-guide-content .guide-app-details b,body.sub-pro-v17.sp-light .sp-guide-content .guide-instructions summary{color:#19314b}
@media(max-width:800px){.sub-pro-v17 .sp-shell{width:min(690px,calc(100% - 26px))}.sub-pro-v17 .sp-traffic-card,.sub-pro-v17 .sp-directory{padding:20px 17px}}
@media(max-width:560px){.sub-pro-v17 .sp-shell{width:calc(100% - 24px);padding-bottom:26px}.sub-pro-v17 .sp-header{padding:15px 0}.sub-pro-v17 .sp-brand-mark{width:40px;height:40px;border-radius:12px;font-size:23px}.sub-pro-v17 .sp-brand-text strong{font-size:14px}.sub-pro-v17 .sp-header-link{padding:0 9px;font-size:10px;height:37px}.sub-pro-v17 .sp-icon-btn{height:37px;width:37px}.sub-pro-v17 .sp-intro{display:block;margin:23px 2px 16px}.sub-pro-v17 .sp-intro h1{font-size:26px}.sub-pro-v17 .sp-intro p{font-size:11px}.sub-pro-v17 .sp-sync-label{display:inline-block;margin-top:12px;font-size:10px}.sub-pro-v17 .sp-hero{padding:19px 17px 0;border-radius:21px}.sub-pro-v17 .sp-hero-body{gap:10px;padding:22px 0}.sub-pro-v17 .sp-expiry{font-size:26px}.sub-pro-v17 .sp-overline{font-size:10px}.sub-pro-v17 .sp-expiry-date{font-size:10px;margin:7px 0 18px}.sub-pro-v17 .sp-gauge{width:115px;height:115px}.sub-pro-v17 .sp-gauge::before{inset:10px}.sub-pro-v17 .sp-gauge strong{font-size:23px}.sub-pro-v17 .sp-hero-metrics{margin:0 -17px}.sub-pro-v17 .sp-hero-metrics>div{padding:15px 3px}.sub-pro-v17 .sp-hero-metrics small{font-size:10px}.sub-pro-v17 .sp-hero-metrics strong{font-size:14px}.sub-pro-v17 .sp-shortcuts{gap:6px;margin:12px 0 18px}.sub-pro-v17 .sp-shortcuts a{padding:10px 4px;font-size:10px;gap:5px}.sub-pro-v17 .sp-shortcuts span{font-size:12px}.sub-pro-v17 .sp-traffic-card,.sub-pro-v17 .sp-directory{padding:17px 13px;border-radius:19px}.sub-pro-v17 .sp-section-head h2{font-size:19px}.sub-pro-v17 .sp-section-head p{font-size:10px}.sub-pro-v17 .sp-traffic-total{padding:8px 9px}.sub-pro-v17 .sp-traffic-total strong{font-size:13px}.sub-pro-v17 .sp-main-actions{gap:7px}.sub-pro-v17 .sp-btn{font-size:11px;padding:9px;min-height:44px;gap:5px}.sub-pro-v17 .sp-btn.sp-secondary{flex:0 0 auto}.sub-pro-v17 .sp-toolbar{gap:6px}.sub-pro-v17 .sp-select-all{padding:0 9px;font-size:10px}.sub-pro-v17 .sp-filters{gap:5px}.sub-pro-v17 .sp-filters button{padding:7px 9px;font-size:10px}.sub-pro-v17 .sp-row{grid-template-columns:18px 38px minmax(0,1fr) auto;gap:7px;padding:10px 8px}.sub-pro-v17 .sp-row-flag{width:38px;height:38px;font-size:19px}.sub-pro-v17 .sp-row-check{width:18px}.sub-pro-v17 .sp-row-check input{width:16px;height:16px}.sub-pro-v17 .sp-row-info strong{font-size:12px}.sub-pro-v17 .sp-row-meta{font-size:9px}.sub-pro-v17 .sp-row-button{min-height:35px;padding:7px 8px;font-size:10px;gap:4px}.sub-pro-v17 .sp-row-button .sp-action-text{display:none}.sub-pro-v17 .sp-row-button.download .sp-action-text{display:inline}.sub-pro-v17 .sp-row-button svg{width:16px;height:16px}.sub-pro-v17 .sp-bulk{flex-wrap:wrap}.sub-pro-v17 .sp-directory-footer{font-size:10px;align-items:flex-start}.sub-pro-v17 .sp-directory-footer span{max-width:64%}.sub-pro-v17 .sp-share>div{flex-wrap:wrap}.sub-pro-v17 .sp-guide-collapse>summary{padding:15px}}
@media(max-width:355px){.sub-pro-v17 .sp-shell{width:calc(100% - 16px)}.sub-pro-v17 .sp-row{gap:5px;padding:8px 7px}.sub-pro-v17 .sp-row-flag{width:34px;height:34px}.sub-pro-v17 .sp-row-info strong{font-size:11px}.sub-pro-v17 .sp-row-button{padding:6px}.sub-pro-v17 .sp-status{font-size:10px}.sub-pro-v17 .sp-service-code{font-size:9px}.sub-pro-v17 .sp-gauge{width:100px;height:100px}.sub-pro-v17 .sp-expiry{font-size:23px}.sub-pro-v17 .sp-hero-metrics strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.sub-pro-v17 .sp-loading span{animation:none}.sub-pro-v17 .sp-toast{transition:none}.sub-pro-v17 *{scroll-behavior:auto!important}}
/* Contrast audit for the optional light appearance. */
.sub-pro-v17 .sp-hero-metrics strong{color:#f5f9ff}
body.sub-pro-v17.sp-light .sp-hero,body.sub-pro-v17.sp-light .sp-hero small,body.sub-pro-v17.sp-light .sp-hero .sp-overline,body.sub-pro-v17.sp-light .sp-hero .sp-expiry-date{color:#d5e7fb}
body.sub-pro-v17.sp-light .sp-hero-metrics small{color:#aac5e1}
body.sub-pro-v17.sp-light .sp-hero-metrics strong,body.sub-pro-v17.sp-light .sp-expiry,body.sub-pro-v17.sp-light .sp-service-code{color:#f5f9ff}
body.sub-pro-v17.sp-light .sp-kicker{color:#286eaf}
body.sub-pro-v17.sp-light .sp-shortcuts a{color:#294e70}
body.sub-pro-v17.sp-light .sp-section-head p,body.sub-pro-v17.sp-light .sp-load-status,body.sub-pro-v17.sp-light .sp-directory-footer,body.sub-pro-v17.sp-light .sp-chart-bin small{color:#4e6a85}
body.sub-pro-v17.sp-light .sp-count{background:#e5f0fa;color:#2f608d;border-color:#c3d6e8}
body.sub-pro-v17.sp-light .sp-group-label{color:#294b72}
body.sub-pro-v17.sp-light .sp-group-label span:last-child{background:#e9f2fc;color:#35618e;border-color:#cbd9e8}
body.sub-pro-v17.sp-light .sp-row-meta{color:#4a6787}
body.sub-pro-v17.sp-light .sp-traffic-total small{color:#4e6d8c}
body.sub-pro-v17.sp-light .sp-traffic-card .sp-ranges a:not(.active){background:#e5eef8;color:#345b81;border-color:#c7d9eb}
body.sub-pro-v17.sp-light .sp-main-actions .sp-btn.sp-secondary{background:#e6f0fb;color:#295171;border-color:#b8d1e9}
body.sub-pro-v17.sp-light .sp-select-all{background:#e8f2fe;color:#376a9a;border-color:#bfd6ee}
body.sub-pro-v17.sp-light .sp-row-code label{color:#426a92}

.sub-pro-v17 .sp-more{display:block;width:100%;padding:12px 16px;margin-top:12px;border:1px solid #365d87;border-radius:11px;background:#172f4c;color:#acd3fb;font:800 12px Tahoma,sans-serif;cursor:pointer}
.sub-pro-v17 .sp-more:hover{background:#23436a}
body.sub-pro-v17.sp-light .sp-more{background:#e5f0fd;color:#246399;border-color:#bdd5ea}
/* Service Studio v20 · shared mother/reseller card: minimal AMOLED, tap-friendly controls */
.service-edit-studio{--se-edge:rgba(115,146,177,.27);--se-soft:#91a8c0;--se-accent:#4fd7b1;margin:16px 0 10px;padding:clamp(14px,2.5vw,22px);border:1px solid var(--se-edge);border-radius:22px;background:linear-gradient(145deg,rgba(24,41,59,.97),rgba(10,19,33,.97));box-shadow:0 14px 35px rgba(0,0,0,.2);color:#e9f6ff;direction:rtl;font-family:Tahoma,'Segoe UI',system-ui,sans-serif}
.service-edit-studio *{box-sizing:border-box}.service-edit-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.service-edit-head b{font-size:clamp(14px,1.75vw,18px);display:block;font-weight:850;color:#f5fcff}.service-edit-head small{color:var(--se-soft);display:block;font-size:11px;margin-top:5px;line-height:1.75}.service-edit-symbol{width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid rgba(75,218,178,.4);border-radius:14px;background:rgba(53,168,143,.14);color:var(--se-accent);font-size:22px}.service-edit-current{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:17px}.service-edit-current>div{padding:13px;border:1px solid rgba(104,133,162,.22);border-radius:14px;background:rgba(8,17,29,.55);min-width:0}.service-edit-current small{display:block;color:#93adc4;font-size:11px;margin-bottom:6px}.service-edit-current strong{font-size:15px;color:#f7fbff;overflow-wrap:anywhere}.service-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-edit-grid>div{min-width:0}.service-edit-grid label{font-size:11px;font-weight:800;color:#b7c9d9;display:block;margin:10px 0 7px}.service-edit-grid select,.service-edit-grid input{display:block;width:100%;min-width:0;min-height:47px;padding:10px 12px;border-radius:12px;border:1px solid #3a5267;color:#eef9ff;background:#0c1827;font:inherit;font-size:13px;outline:0;direction:rtl}.service-edit-grid input:disabled{opacity:.43;cursor:not-allowed}.service-edit-grid input:focus,.service-edit-grid select:focus{border-color:var(--se-accent);box-shadow:0 0 0 3px rgba(53,204,164,.15)}.service-edit-hint{font-size:11px;line-height:2;color:#a8bdd1;margin:12px 0 16px}.service-edit-save{display:block;width:100%;min-height:49px;border:0;border-radius:13px;background:linear-gradient(115deg,#33bc9a,#68dfbc);color:#062b23;font-family:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(20,173,126,.14)}.service-edit-save:disabled{cursor:wait;opacity:.55}.service-edit-studio .service-edit-confirm{border-top:1px solid rgba(150,170,195,.18);padding:10px 0;color:#8feac6;font-size:11px}.service-edit-head,.service-edit-grid,.service-edit-current{max-width:100%}
@media(max-width:640px){.service-edit-studio{border-radius:17px;padding:14px}.service-edit-grid{grid-template-columns:1fr;gap:4px}.service-edit-current{gap:7px}.service-edit-current>div{padding:10px}.service-edit-current strong{font-size:13px}.service-edit-save{min-height:52px}}

/* v21 resilient quota editor & reconciliation console */
.service-reconcile{direction:rtl;margin:16px 0;padding:clamp(13px,2vw,21px);border:1px solid rgba(94,129,163,.34);border-radius:20px;background:linear-gradient(152deg,#152336,#0a1424);font-family:Tahoma,'Segoe UI',system-ui,sans-serif;color:#ebf6ff;box-shadow:0 12px 32px rgba(0,0,0,.14)}
.service-reconcile-title{display:flex;align-items:center;gap:12px;margin-bottom:13px}.service-reconcile-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#173e45;color:#72f1cb;font-size:24px}.service-reconcile-title b{display:block;font-size:15px}.service-reconcile-title small{display:block;font-size:11px;color:#9caec3;margin-top:5px;line-height:1.7}
.service-reconcile-alert{padding:14px;margin-bottom:13px;border-radius:14px;border:1px solid rgba(244,163,78,.42);background:rgba(154,91,24,.14)}.service-reconcile-alert b{font-size:13px;color:#ffd29b}.service-reconcile-alert p{font-size:12px;color:#e2cbb4;line-height:2;margin:9px 0;overflow-wrap:anywhere}
.service-reconcile-button{display:block;width:100%;padding:12px 15px;margin-top:8px;min-height:46px;background:#62dcb4;color:#0b2923;border:0;border-radius:11px;font:800 13px Tahoma,'Segoe UI',sans-serif;cursor:pointer}.service-reconcile-button.secondary{background:#1c3547;border:1px solid #3f677d;color:#d7eafb}.service-reconcile-button:focus-visible{outline:3px solid #a8ddff;outline-offset:2px}
.service-reconcile label{display:flex;align-items:flex-start;gap:9px;line-height:1.9;font-size:12px;color:#dde9f7}.service-reconcile label input{margin-top:6px;accent-color:#62dcb4}
.service-reconcile-caption{font-size:11px;color:#a3b7c8;margin:12px 0}.service-audit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-audit-item{padding:10px 11px;background:rgba(7,18,30,.6);border:1px solid #2b4156;border-radius:11px;min-width:0}.service-audit-item strong{display:block;font-size:12px;direction:ltr;text-align:right;overflow-wrap:anywhere;margin-bottom:5px}.service-audit-item span{display:block;font-size:11px;line-height:1.8;color:#b2c7d9;overflow-wrap:anywhere}
@media(max-width:620px){.service-reconcile{border-radius:15px;padding:13px}.service-audit-list{grid-template-columns:1fr}}

/* 22.0: explicit V2Ray source safety and per-subscription recovery */
.pg-partial-choice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:14px 0;border:1px solid var(--line,rgba(140,155,175,.25));border-radius:14px;background:rgba(105,133,155,.075);cursor:pointer;line-height:1.6}
.pg-partial-choice input{width:20px;height:20px;min-width:20px;margin-top:3px;accent-color:#43a6a0}
.pg-partial-choice span{display:flex;flex-direction:column;gap:4px}
.pg-partial-choice b{font-size:14px}
.pg-partial-choice small{font-size:12px;opacity:.77}
.pg-status-line{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px;border-radius:14px;border:1px solid rgba(105,137,170,.22);margin:10px 0;background:rgba(105,137,170,.07)}
.pg-status-line span,.pg-status-line small{font-size:12px;opacity:.78}
.pg-status-line form{margin:0}
@media(max-width:640px){.pg-status-line{align-items:stretch;flex-direction:column}.pg-status-line button{width:100%}}

/* v24: credentials and password generator */
.vpn-auto-label{display:flex!important;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#112a2a;border:1px solid #2c685f;cursor:pointer}.vpn-auto-label input{width:19px!important;height:19px;min-height:0!important;accent-color:#28c79c;flex:none}.vpn-password-field small{display:block;font-size:11px;line-height:1.9;color:#94b5b2;margin-top:6px}.vpn-credentials textarea{box-sizing:border-box;}

/* CUSTOMER MULTI · isolated AMOLED redesign for the multi-provider operation center */
#mother-pro .cp-multi{--cp-bg:#0c1521;--cp-border:#28394b;--cp-text:#eaf6fa;--cp-accent:#35e6bd;display:grid;gap:18px;max-width:1500px;margin:0 auto;padding:5px 0 38px;color:var(--cp-text);font:inherit}
#mother-pro .cp-multi *{box-sizing:border-box}
#mother-pro .cp-mhero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px 33px;border-radius:22px;border:1px solid #38675e;background:radial-gradient(ellipse 70% 140% at 10% 110%,#158c7863,transparent 70%),linear-gradient(120deg,#132f31,#111a28 70%);box-shadow:0 16px 38px #0004}
#mother-pro .cp-mhero::before{content:"";width:240px;height:240px;position:absolute;left:-130px;top:-140px;pointer-events:none;border:1px solid #43bb9960;border-radius:50%;box-shadow:0 0 0 45px #43bb9910,0 0 0 90px #43bb9907}
#mother-pro .cp-kicker{display:inline-flex;font-size:10px;color:#8ae5d3;letter-spacing:.13em;font-weight:800}
#mother-pro .cp-mhero h2{margin:10px 0 6px;font-size:clamp(23px,3vw,34px);font-weight:900;line-height:1.25;color:#f6fffe}
#mother-pro .cp-mhero p{margin:0;color:#b4ced0;line-height:2;max-width:700px;font-size:12px}
#mother-pro .cp-cta{background:linear-gradient(130deg,#29d5a6,#3fd4c5);border:0;border-radius:13px;color:#052322!important;padding:13px 18px;min-height:44px;white-space:nowrap;cursor:pointer;text-decoration:none!important;font-weight:850;box-shadow:0 7px 23px #1fc69d25;transition:transform .15s,filter .15s}
#mother-pro .cp-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
#mother-pro .cp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#mother-pro .cp-kpis>div{min-width:0;display:flex;flex-direction:column;align-items:start;background:linear-gradient(165deg,#172432,#101a25);border:1px solid #2c3b49;border-radius:17px;padding:19px;transition:transform .17s,border-color .17s}
#mother-pro .cp-kpis>div:hover{transform:translateY(-2px);border-color:#368c7d}
#mother-pro .cp-kpis small{color:#90aab8;font-size:11px;font-weight:700}
#mother-pro .cp-kpis b{font-size:clamp(20px,2.3vw,29px);font-weight:900;color:#f3fffc;line-height:1.7}
#mother-pro .cp-kpis em{font-style:normal;font-size:12px;color:#74caab}
#mother-pro .cp-kpis span{color:#7b98a8;font-size:10px}
#mother-pro .cp-panel{background:linear-gradient(140deg,#121f2d,#101923);border:1px solid #293a49;border-radius:19px;padding:23px;min-width:0;box-shadow:0 13px 38px #0002}
#mother-pro .cp-phead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
#mother-pro .cp-phead h3{font-size:17px;font-weight:850;margin:0;color:#f4fffc}
#mother-pro .cp-phead p{color:#8ba6b8;font-size:11px;margin:4px 0 0;line-height:1.85}
#mother-pro .cp-count{font-size:10px;font-weight:800;background:#174d43;color:#87f0cf;padding:7px 11px;border-radius:999px;white-space:nowrap}
#mother-pro .cp-cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#mother-pro .cp-node{min-width:0;padding:19px;background:#121e2a;border:1px solid #2a404e;border-radius:16px;transition:border-color .18s,transform .18s}
#mother-pro .cp-node:hover{border-color:#40a393;transform:translateY(-2px)}
#mother-pro .cp-nhead{display:flex;align-items:center;gap:11px}
#mother-pro .cp-avatar{flex:0 0 45px;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#20685f,#183d4b);color:#afffeb;font-weight:900;border:1px solid #3d8f88}
#mother-pro .cp-nhead>div:nth-child(2){min-width:0;flex:1}
#mother-pro .cp-nhead b{display:block;color:#f7fffd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
#mother-pro .cp-nhead small{display:block;color:#8aa8b3;font-size:10px}
#mother-pro .cp-state{border-radius:100px;padding:5px 10px;font-size:10px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-weight:800}
#mother-pro .cp-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#mother-pro .cp-state.on{background:#164b3d;color:#8ce6b6}
#mother-pro .cp-state.off{background:#4c2d31;color:#e8a9b1}
#mother-pro .cp-address{direction:ltr;text-align:left;background:#0c1520;border:1px solid #253542;border-radius:10px;padding:11px;margin:14px 0;color:#9fbbc5;word-break:break-all;font-size:11px}
#mother-pro .cp-nmeta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:10px;color:#829faf}
#mother-pro .cp-nmeta b{color:#d4e9ee;font-weight:650}
#mother-pro .cp-resourcehint{font-size:11px;color:#a4c9ca;margin:12px 0}
#mother-pro .cp-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#mother-pro .cp-actions form{display:inline-flex;margin:0}
#mother-pro .cp-actions button,#mother-pro .cp-delete button{background:#1a2b39;color:#c7e4e9;border:1px solid #345261;border-radius:9px;padding:7px 10px;min-height:35px;cursor:pointer;font-size:10px;font-weight:750}
#mother-pro .cp-actions button:hover{border-color:#56b9a2;background:#1c3942}
#mother-pro .cp-actions button.is-danger,#mother-pro .cp-delete button.is-danger{border-color:#693f46;color:#eeacb7;background:#3a242c}
#mother-pro .cp-create{border-top:1px solid #293c49;margin-top:17px;padding-top:14px}
#mother-pro .cp-create>summary{cursor:pointer;color:#83e8c8;font-size:12px;font-weight:800}
#mother-pro .cp-createbody{margin-top:18px}
#mother-pro .cp-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#mother-pro .cp-field-grid label,#mother-pro .cp-delete label{display:block;color:#a9c5ce;font-weight:750;font-size:11px;margin-bottom:7px}
#mother-pro .cp-field-grid input,#mother-pro .cp-field-grid select,#mother-pro .cp-delete input{background:#101b27;color:#effffa;min-height:45px;padding:10px 12px;width:100%;border:1px solid #335063;border-radius:11px;outline:0;min-width:0}
#mother-pro .cp-field-grid input:focus,#mother-pro .cp-field-grid select:focus{border-color:#4bd8b7;box-shadow:0 0 0 3px #29bda61d}
#mother-pro .cp-createfoot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;flex-wrap:wrap}
#mother-pro .cp-createfoot span{font-size:10px;color:#92aebc;line-height:1.8;flex:1;min-width:180px}
#mother-pro .cp-empty{background:#101c29;color:#9bb3c1;border:1px dashed #395064;padding:24px;border-radius:13px;font-size:12px;line-height:2}
#mother-pro .cp-tablewrap{overflow-x:auto;width:100%}
#mother-pro .cp-table{width:100%;min-width:840px;border-collapse:collapse;text-align:right;font-size:11px}
#mother-pro .cp-table th{padding:14px;background:#182b36;color:#9ab4c2;white-space:nowrap;font-size:10px}
#mother-pro .cp-table td{border-top:1px solid #273845;padding:12px 14px;color:#d9e8ef;vertical-align:top}
#mother-pro .cp-table td b,#mother-pro .cp-table td small{display:block}
#mother-pro .cp-table td small{margin-top:5px;color:#86a2ae;font-size:10px}
#mother-pro .cp-table td>a{color:#7be8d0!important;text-decoration:underline}
#mother-pro .cp-table details{margin-top:8px}
#mother-pro .cp-table summary{cursor:pointer;color:#8bded0}
#mother-pro .cp-table textarea{width:100%;min-width:215px;max-width:300px;border-radius:8px;background:#0a1520;color:#a9daca;border:1px solid #345364;font-size:10px;resize:vertical}
#mother-pro .cp-delete{margin-top:9px;padding:10px;background:#271d27;border:1px solid #61404a;border-radius:10px}
#mother-pro .cp-delete label{margin:9px 0}
#mother-pro .cp-delete input{margin-bottom:8px}
#mother-pro .cp-tip{padding:16px 18px;background:#192722;border:1px solid #416153;border-radius:13px;color:#a9d8c3;font-size:11px;line-height:2}
@media(max-width:1050px){#mother-pro .cp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#mother-pro .cp-cgrid{grid-template-columns:1fr}}
@media(max-width:650px){#mother-pro .cp-mhero{padding:21px;display:grid}#mother-pro .cp-mhero .cp-cta{width:100%;text-align:center}#mother-pro .cp-panel{padding:14px}#mother-pro .cp-field-grid{grid-template-columns:1fr}#mother-pro .cp-mhero h2{font-size:23px}#mother-pro .cp-kpis>div{padding:15px}#mother-pro .cp-phead{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){#mother-pro .cp-multi *,#mother-pro .cp-multi *::before{transition:none!important;animation:none!important}}