:root{
  color-scheme:dark;
  --bg:#08050f;--bg-soft:#0d0915;--surface:#151020;--surface-2:#1c1430;--surface-3:#241a39;
  --line:rgba(169,190,218,.12);--line-strong:rgba(169,190,218,.22);
  --text:#edf3fb;--muted:#91a1b7;--muted-2:#64748b;
  --accent:#b89aff;--accent-2:#9a75f2;--accent-soft:rgba(177,139,255,.14);
  --purple:#c3a8ff;--purple-soft:rgba(177,139,255,.14);
  --ok:#70d6a7;--warn:#f5c36a;--bad:#f08088;
  --shadow:0 18px 50px rgba(0,0,0,.24);--radius:16px;
  --font:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'Space Grotesk','DM Sans',sans-serif;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font:14px/1.55 var(--font);background:radial-gradient(ellipse at 80% -15%,rgba(116,74,177,.16),transparent 38%),radial-gradient(ellipse at 0% 80%,rgba(82,49,131,.13),transparent 34%),var(--bg);-webkit-font-smoothing:antialiased}
#web-bg{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.15;z-index:0}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent }button{color:inherit}::selection{background:rgba(177,139,255,.27);color:#fff}
/* App header and navigation */
.topbar{height:72px;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:16px;padding:0 28px;background:rgba(9,15,25,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.menu-toggle{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);color:#c4d1e0;font-size:17px;cursor:pointer;transition:.2s}
.menu-toggle:hover{color:var(--accent);border-color:rgba(177,139,255,.4);background:var(--accent-soft)}
.brand{display:flex;align-items:center;gap:9px;color:#f4f7fb;font:700 16px/1 var(--display);letter-spacing:.12em}
.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(177,139,255,.34);border-radius:10px;background:linear-gradient(145deg,rgba(177,139,255,.18),rgba(169,149,255,.12));color:var(--accent)}
.brand-mark svg{width:17px;height:17px}.brand span{color:var(--accent);font-weight:600}
.shell{min-height:100vh}
.sidebar{position:fixed;z-index:35;top:72px;bottom:0;left:0;width:256px;padding:25px 16px 18px;display:flex;flex-direction:column;background:rgba(12,19,31,.93);border-right:1px solid var(--line);transition:transform .24s ease;backdrop-filter:blur(18px)}
.sidebar::before{content:'WORKSPACE';margin:0 12px 12px;color:var(--muted-2);font-size:10px;font-weight:700;letter-spacing:.16em}
.sidebar nav{display:flex;flex-direction:column;gap:5px}
.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:11px;color:#9baac0;font-weight:550;transition:background .18s,border-color .18s,color .18s}
.sidebar nav a .ico{width:20px;height:20px;display:grid;place-items:center;color:#8193aa;flex:0 0 auto}
.sidebar nav a .ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a.on{color:#f3eaff;background:linear-gradient(100deg,rgba(177,139,255,.14),rgba(177,139,255,.035));border-color:rgba(177,139,255,.16);box-shadow:inset 2px 0 0 var(--accent)}
.sidebar nav a.on .ico,.sidebar nav a:hover .ico{color:var(--accent)}.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.045)}
.side-user{margin-top:auto;padding:16px 12px 4px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px}
.side-user::before{content:'SIGNED IN';grid-column:1/-1;margin-bottom:5px;color:var(--muted-2);font-size:9px;font-weight:700;letter-spacing:.15em}
.role{grid-column:1/-1;color:var(--accent);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.role.admin{color:var(--warn)}.role.reseller{color:var(--purple)}
.uname{overflow:hidden;color:#dce5f0;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.logout{display:inline-flex;align-items:center;gap:6px;color:#8d9cb1;font-size:12px;transition:color .16s}.logout:hover{color:var(--bad)}.logout svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.content{position:relative;z-index:1;width:calc(100% - 256px);max-width:1600px;min-height:100vh;margin-left:256px;padding:105px clamp(22px,3.2vw,54px) 48px;transition:margin-left .24s,width .24s}
body.nav-closed .sidebar{transform:translateX(-105%)}body.nav-closed .content{width:100%;margin-left:0}
.backdrop{display:none;position:fixed;inset:72px 0 0;z-index:30;background:rgba(1,5,12,.62);backdrop-filter:blur(3px)}.backdrop.show{display:block}
/* Typography and layout */
h1,h2,h3,p{margin-top:0}h1{margin:0 0 24px;font:600 clamp(25px,2.3vw,32px)/1.15 var(--display);letter-spacing:-.035em;color:#f4f7fb}h2{margin:0 0 16px;color:#dbe6f1;font-size:15px;font-weight:650;letter-spacing:-.01em}h3{margin:0 0 10px;color:#b6c4d6;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.hint,.tag{color:var(--muted);font-size:12px}.hint{line-height:1.65}.mono{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;overflow-wrap:anywhere}.ok{color:var(--ok)!important}.bad{color:var(--bad)!important}
/* Summary cards and panels */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin:0 0 28px}
.card{position:relative;min-width:0;padding:19px 18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(21,34,53,.96),rgba(15,25,40,.96));box-shadow:0 8px 22px rgba(0,0,0,.10);transition:transform .18s,border-color .18s,background .18s}
.card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:linear-gradient(145deg,#211735,#170f24)}.card .num{margin:5px 0 4px;color:#f4f7fb;font:600 30px/1 var(--display);letter-spacing:-.045em}.card .lbl{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card .tag{margin:9px 0 11px;font-size:11px}.card.ok{border-color:rgba(112,214,167,.2)}.card.ok .num{color:var(--ok)}.card.warn{border-color:rgba(245,195,106,.22)}.card.warn .num{color:var(--warn)}.card.bad{border-color:rgba(240,128,136,.22)}.card.bad .num{color:var(--bad)}
.panel{min-width:0;margin:0 0 18px;padding:21px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(17,27,42,.94),rgba(14,23,37,.94));box-shadow:0 10px 30px rgba(0,0,0,.12)}
.panel>h2{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.panel>h2::before{content:'';width:3px;height:15px;border-radius:2px;background:var(--accent);opacity:.9}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0}.row:last-child{margin-bottom:0}
/* Inputs, selects and buttons */
input:not([type=checkbox]),select,textarea{min-width:0;min-height:42px;padding:10px 13px;border:1px solid var(--line-strong);border-radius:10px;background:#0d0814;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
input::placeholder,textarea::placeholder{color:#687990}input:focus,select:focus,textarea:focus{border-color:rgba(177,139,255,.58);box-shadow:0 0 0 3px rgba(177,139,255,.1);background:#0d1826}select{padding-right:34px;cursor:pointer;color:#e2eaf3}select option{background:#101b2a;color:#eaf0f7}textarea{width:100%;resize:vertical;line-height:1.55}input[type=file]{width:auto;max-width:100%;padding:5px 8px;color:#afbed0}input[type=file]::file-selector-button{margin-right:10px;padding:7px 11px;border:0;border-radius:7px;background:#302249;color:#e8f1f7;font:600 12px var(--font);cursor:pointer}
.btn,button.btn,.mini.btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:10px;background:#211837;color:#dbe7f2;font-size:12px;font-weight:650;line-height:1.2;white-space:nowrap;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}
.btn:hover,button:hover,.mini.btn:hover{transform:translateY(-1px);border-color:rgba(177,139,255,.35);background:#2d2050;color:#fff}.btn.ok,button.ok{border-color:rgba(177,139,255,.28);background:linear-gradient(135deg,#7142c6,#59369f);color:#f8f2ff}.btn.ok:hover,button.ok:hover{background:linear-gradient(135deg,#8257d9,#6336ae);box-shadow:0 8px 20px rgba(117,66,198,.2)}.btn.warn,button.warn{border-color:rgba(245,195,106,.22);background:rgba(245,195,106,.09);color:#f3ca7b}.btn.bad,button.bad{border-color:rgba(240,128,136,.22);background:rgba(240,128,136,.08);color:#f2989f}.mini{min-height:31px!important;padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#18273a!important;color:#c8d5e3!important;font-size:11px!important;font-weight:650!important;line-height:1.15;cursor:pointer;transition:.16s}.mini:hover{border-color:var(--line-strong)!important;background:#22364d!important;color:#fff!important}.mini.ok{border-color:rgba(112,214,167,.2)!important;background:rgba(112,214,167,.09)!important;color:var(--ok)!important}.mini.warn{border-color:rgba(245,195,106,.2)!important;background:rgba(245,195,106,.08)!important;color:var(--warn)!important}.mini.bad{border-color:rgba(240,128,136,.2)!important;background:rgba(240,128,136,.08)!important;color:var(--bad)!important}
/* Tables */
.panel:has(table){padding:0;overflow:hidden}.panel:has(table)>h2{margin:0;padding:20px 21px 14px;border-bottom:1px solid var(--line)}.panel:has(table)>h2::before{content:''}
.panel table{width:100%;border-collapse:collapse;font-size:12px}.panel table thead{background:rgba(255,255,255,.025)}.panel table th{padding:12px 13px;border-bottom:1px solid var(--line);color:#8294ab;font-size:9px;font-weight:700;letter-spacing:.12em;text-align:left;text-transform:uppercase;white-space:nowrap}.panel table td{padding:13px;border-bottom:1px solid rgba(169,190,218,.075);color:#cbd6e4;vertical-align:middle}.panel table tbody tr:last-child td{border-bottom:0}.panel table tbody tr{transition:background .15s}.panel table tbody tr:hover{background:rgba(177,139,255,.035)}.panel table td.mono{max-width:220px}.panel table .acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:175px}.panel table select{min-width:160px;min-height:34px;padding:6px 28px 6px 9px;font-size:11px}.panel table input:not([type=checkbox]){min-height:34px;padding:6px 9px;font-size:11px}
.panel:has(table)>table{display:block;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#34465c transparent}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 9px;border:1px solid transparent;border-radius:99px;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.st-active{border-color:rgba(112,214,167,.2);background:rgba(112,214,167,.09);color:var(--ok)}.st-pending,.st-maintenance{border-color:rgba(245,195,106,.2);background:rgba(245,195,106,.08);color:var(--warn)}.st-paused{border-color:rgba(169,149,255,.22);background:var(--purple-soft);color:var(--purple)}.st-expired{border-color:rgba(240,128,136,.22);background:rgba(240,128,136,.08);color:var(--bad)}.st-off{border-color:var(--line);background:rgba(255,255,255,.035);color:#8c9cb0}.row-active{box-shadow:inset 2px 0 var(--ok)}
/* Feature list and switches */
.func-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 0;border-bottom:1px solid var(--line)}.func-row:last-child{border-bottom:0}.func-row.func-off{opacity:.62}.func-info{flex:1;min-width:240px}.func-name{color:#e3ebf4;font-size:13px;font-weight:650}.func-info .hint{margin-top:5px}.func-row .acts{flex-wrap:wrap;justify-content:flex-end;gap:7px}.switch{position:relative;display:inline-block;width:46px;height:26px;flex:0 0 auto}.switch input{position:absolute;width:1px;height:1px;opacity:0}.slider{position:absolute;inset:0;border:1px solid var(--line-strong);border-radius:30px;background:#342951;cursor:pointer;transition:.2s}.slider:before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#9aa9ba;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:.2s}.switch input:checked+.slider{border-color:rgba(177,139,255,.48);background:#6f43bf}.switch input:checked+.slider:before{transform:translateX(20px);background:#f8f2ff}.switch input:focus-visible+.slider{outline:3px solid rgba(177,139,255,.18)}
/* Feedback and dialog */
.flash{margin:0 0 16px;padding:12px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);font-size:13px}.flash.error{border-color:rgba(240,128,136,.25);background:rgba(240,128,136,.08);color:#f3a0a5}.flash.info{border-color:rgba(112,214,167,.25);background:rgba(112,214,167,.08);color:#8ce0b5}
.toast{position:fixed;right:22px;bottom:22px;z-index:200;display:none;max-width:min(420px,calc(100vw - 32px));padding:13px 16px;border:1px solid rgba(177,139,255,.23);border-radius:12px;background:#201633;color:#eff8f5;box-shadow:var(--shadow);font-size:13px}.toast.bad{border-color:rgba(240,128,136,.32);color:#ffb3b6}
.modal{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,8,15,.76);backdrop-filter:blur(10px)}.modal.show{display:flex}.modal-card{width:min(100%,560px);max-height:min(84vh,760px);overflow:hidden;border:1px solid var(--line-strong);border-radius:20px;background:#101b2a;box-shadow:0 28px 90px rgba(0,0,0,.52);animation:modal-in .2s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);color:#f0f5fa;font:600 17px var(--display)}.modal-body{max-height:60vh;overflow:auto;padding:18px 20px;scrollbar-width:thin;scrollbar-color:#34465c transparent}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}.key-list{display:flex;flex-direction:column;gap:8px}.key-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#0d0814;color:#dbe7f2;font:12px/1.4 'SFMono-Regular',Consolas,monospace;overflow-wrap:anywhere}.key-item span{min-width:0;flex:1}
/* Login screens */
.loginbody{display:grid;min-height:100vh;place-items:center;padding:24px;overflow-x:hidden}.loginbox,.ios-login{position:relative;z-index:1;width:min(100%,440px);padding:34px;border:1px solid rgba(178,202,224,.16);border-radius:23px;background:linear-gradient(145deg,rgba(20,33,51,.96),rgba(12,21,35,.97));box-shadow:0 32px 90px rgba(0,0,0,.42);backdrop-filter:blur(22px)}.loginbox::before,.ios-login::before{content:'';position:absolute;top:0;left:34px;right:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(177,139,255,.65),transparent)}
.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.login-brand .brand-mark{width:44px;height:44px;border-radius:14px}.login-brand .brand-mark svg{width:22px;height:22px}.brand.big{font:700 24px/1 var(--display);letter-spacing:.1em}.loginbox .sub,.ios-login .sub{margin:0;color:#92a4ba;font-size:13px;text-align:center}.login-kicker{display:block;margin-bottom:9px;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.16em;text-align:center;text-transform:uppercase}.loginbox form,.ios-login form{display:flex;flex-direction:column;gap:14px;margin-top:25px}.loginbox label,.ios-login .field{display:flex;flex-direction:column;gap:7px;color:#aebdd0;font-size:11px;font-weight:650;letter-spacing:.03em}.loginbox input,.ios-login .field input{width:100%;min-height:46px;padding:12px 14px;border-radius:11px}.loginbox button,.ios-login .submit{width:100%;min-height:46px;margin-top:4px;border:1px solid rgba(177,139,255,.27);border-radius:11px;background:linear-gradient(135deg,#7142c6,#59369f);color:#f3fffb;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.18s}.loginbox button:hover,.ios-login .submit:hover{transform:translateY(-1px);background:linear-gradient(135deg,#39a48e,#613bac);box-shadow:0 9px 24px rgba(117,66,198,.22)}.loginbox .flash{margin-top:16px}.login-foot{margin-top:22px;padding-top:15px;border-top:1px solid var(--line);color:#73849a;font-size:10px;text-align:center}.login-foot strong{color:#b7c7d7;font-weight:600}
.ios-login{width:min(100%,470px)}.ios-title{margin:0 0 8px;color:#f3f7fb;font:700 28px var(--display);letter-spacing:.04em;text-align:center}.ios-title span{color:var(--accent)}.ios-login form{gap:13px;margin-top:23px}.ios-login .field span{text-transform:uppercase;letter-spacing:.11em}.ios-login .detect{width:100%;min-height:40px;border:1px dashed rgba(177,139,255,.28);border-radius:10px;background:rgba(177,139,255,.055);color:#cfb7ff;font-size:11px;font-weight:650;cursor:pointer;transition:.18s}.ios-login .detect:hover{border-color:rgba(177,139,255,.52);background:var(--accent-soft)}
/* User-facing proxy controls */
.proxybody{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:34px 20px}.proxy-wrap{position:relative;z-index:1;width:min(100%,930px)}.proxy-topbar{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(14,23,37,.88);box-shadow:0 8px 28px rgba(0,0,0,.16);backdrop-filter:blur(16px)}.proxy-topbar .brand{font-size:17px}.proxy-topbar .logout{margin-left:auto;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025)}.proxy-drawer{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgba(14,23,37,.78)}.proxy-drawer .tab{display:flex;align-items:center;gap:9px;min-height:40px;padding:9px 13px;border:1px solid transparent;border-radius:10px;color:#a4b3c5;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:.18s}.proxy-drawer .tab svg{width:17px;height:17px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.proxy-drawer .tab.on{border-color:rgba(177,139,255,.17);background:var(--accent-soft);color:#eadfff}.proxy-drawer .tab.on svg{color:var(--accent)}.proxy-drawer .tab:hover{background:rgba(255,255,255,.055);color:#fff}.cat-empty,.cat{position:relative;z-index:1}.cat-empty{padding:30px;border:1px dashed var(--line-strong);border-radius:15px;background:rgba(17,27,42,.58);text-align:center}.cat-title{margin:0 0 15px;color:#d7e3ef;font:600 19px var(--display);letter-spacing:-.02em}.func-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.func-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#1b1430,#170f26);transition:transform .17s,border-color .17s}.func-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.func-card.off{opacity:.58}.func-card .fname{font-size:13px;font-weight:650}.func-card .fhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.func-card .ftarget{display:block;color:#899bb1;font:10px/1.5 'SFMono-Regular',Consolas,monospace;overflow-wrap:anywhere}.proxybody .panel{background:rgba(16,27,43,.92)}.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.install-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:53px;padding:13px;border:1px solid var(--line-strong);border-radius:12px;background:#17263a;color:#d9e6f2;font-size:12px;font-weight:650;text-align:center;transition:.18s}.install-btn svg{width:21px;height:21px;color:var(--accent)}.install-btn:hover{transform:translateY(-1px);border-color:rgba(177,139,255,.4);background:#2d2050}.install-btn.main{border-color:rgba(177,139,255,.24);background:linear-gradient(115deg,rgba(45,140,119,.24),rgba(31,63,76,.32))}.vpn-creds{display:grid;gap:8px;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d0814;color:#aebdd0;font-size:12px}.vpn-creds b{color:var(--accent)}.qr-box{margin-top:16px;text-align:center}.qr-img{max-width:100%;height:auto;border-radius:12px}.proxy-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.proxy-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.proxyheadlegacy{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.port-select{display:flex;align-items:center;gap:12px;margin-bottom:18px}.port-select select{min-width:200px;min-height:44px;font-size:14px}.port-status-pill{font-size:12px}
@media(max-width:960px){.panel:has(table)>table{font-size:11px}.panel table th,.panel table td{padding:10px}.panel table .acts{min-width:145px}.content{padding-right:22px;padding-left:22px}}
@media(max-width:768px){.topbar{height:64px;padding:0 15px}.sidebar{top:64px;width:270px;box-shadow:24px 0 70px rgba(0,0,0,.35)}.backdrop{top:64px}.content,.content{width:100%;margin-left:0;padding:86px 15px 32px}body.nav-closed .content{width:100%;margin-left:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:15px}.card .num{font-size:26px}.panel{padding:16px}.panel:has(table){padding:0}.panel:has(table)>h2{padding:16px}.panel:has(table)>table{display:block;max-width:100%;overflow-x:auto}.row>*{max-width:100%}.actions{gap:8px}.actions .btn{flex:1 1 auto}.func-row{align-items:flex-start;flex-direction:column;gap:12px}.func-info{min-width:0;width:100%}.func-row .acts{justify-content:flex-start}.loginbody{padding:18px}.loginbox,.ios-login{padding:28px 22px;border-radius:19px}.proxybody{padding:16px 12px}.proxy-topbar{padding:12px}.proxy-topbar .brand{font-size:15px}.proxy-drawer{display:none;flex-direction:column;gap:4px;padding:7px}.proxy-drawer.open{display:flex}.proxy-drawer .tab{width:100%}.proxy-wrap{width:100%}.cat-title{font-size:17px}.func-cards{grid-template-columns:1fr 1fr}.panel table .acts{min-width:132px}}
@media(max-width:480px){h1{font-size:25px;margin-bottom:19px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .lbl{font-size:9px}.card .num{font-size:24px}.panel{padding:14px}.panel:has(table){padding:0}.panel:has(table)>h2{padding:15px}.row{align-items:stretch}.row input:not([type=checkbox]),.row select{flex:1 1 100%;width:100%}.row .btn{width:100%}.actions .btn{flex-basis:100%}.modal{padding:12px}.modal-card{border-radius:16px}.modal-head{padding:15px 16px}.modal-body{padding:14px 16px}.modal-foot{padding:12px 16px}.modal-foot .btn{flex:1}.func-cards{grid-template-columns:1fr}.proxy-topbar .logout{font-size:10px;padding:7px}.loginbox,.ios-login{padding:25px 18px}.login-brand .brand-mark{width:39px;height:39px}.brand.big{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Violet-black theme, soft SPA transitions and minimal sign-in */
body{background:radial-gradient(ellipse at 82% -16%,rgba(116,74,177,.19),transparent 39%),radial-gradient(ellipse at 0% 82%,rgba(82,49,131,.14),transparent 36%),#08050f}
.topbar{background:rgba(9,5,16,.9)}.sidebar{background:rgba(12,7,20,.95)}
.btn.ok,button.ok{border-color:rgba(177,139,255,.32);background:linear-gradient(135deg,#7548c9,#5b37a1);color:#fbf8ff}
.btn.ok:hover,button.ok:hover{background:linear-gradient(135deg,#865bd8,#6944b3);box-shadow:0 8px 22px rgba(117,66,198,.24)}
.switch input:checked+.slider{border-color:rgba(177,139,255,.55);background:#7045bd}
.content{transition:opacity .15s ease,transform .15s ease,margin-left .24s ease,width .24s ease}
.content.page-leaving{opacity:.35;transform:translateY(5px)}.content.page-entering{animation:page-in .24s ease both}
@keyframes page-in{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.loginbody{background:radial-gradient(ellipse at 50% 12%,rgba(107,64,174,.2),transparent 45%),#08050f}
.loginbox{width:min(100%,390px);padding:23px;border:1px solid rgba(177,139,255,.24);border-radius:18px;background:linear-gradient(150deg,rgba(25,17,39,.97),rgba(13,8,21,.98));box-shadow:0 28px 90px rgba(0,0,0,.52);animation:login-in .48s cubic-bezier(.2,.8,.2,1) both}
.loginbox::before{left:24px;right:24px;background:linear-gradient(90deg,transparent,rgba(177,139,255,.72),transparent)}
.loginbox form{gap:11px;margin:0}.loginbox input{min-height:48px;border-color:rgba(177,139,255,.16);background:rgba(8,5,15,.82);font-size:13px}.loginbox input:focus{border-color:rgba(177,139,255,.65);box-shadow:0 0 0 3px rgba(177,139,255,.13)}
.loginbox input::placeholder{color:#8f829f}.loginbox button{min-height:47px;margin-top:3px;border:1px solid rgba(196,168,255,.32);background:linear-gradient(135deg,#7a4dc9,#59369f);color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:none}
.loginbox button:hover{background:linear-gradient(135deg,#895bd9,#6944b3);box-shadow:0 10px 26px rgba(117,66,198,.25)}.loginbox button:disabled{cursor:wait;opacity:.9;transform:none}.loginbox button.loading{background:linear-gradient(135deg,#6640aa,#4e327f)}
.login-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:white;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}
.loginbox.is-submitting{border-color:rgba(177,139,255,.48);box-shadow:0 0 0 4px rgba(177,139,255,.07),0 28px 90px rgba(0,0,0,.52)}
.loginbox.is-leaving{opacity:0;transform:translateY(-8px) scale(.985);transition:opacity .22s ease,transform .22s ease}
.login-feedback{margin-top:5px;padding:10px 12px;border:1px solid rgba(240,128,136,.26);border-radius:10px;background:rgba(240,128,136,.08);color:#f2a3a9;font-size:12px;text-align:center}
#login-feedback[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@keyframes login-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.loginbox{width:min(100%,390px);padding:19px}.loginbox input{min-height:47px}}


/* Refino visual: preto como base, violeta somente nos acentos; sem superfícies verdes/roxas saturadas. */
:root{
  --bg:#050506;--bg-soft:#08080a;--surface:#0b0b0d;--surface-2:#101013;--surface-3:#151519;
  --line:rgba(255,255,255,.085);--line-strong:rgba(255,255,255,.15);
  --text:#f2f0f6;--muted:#a19da9;--muted-2:#77727f;
  --accent:#aa8bff;--accent-2:#8b68ee;--accent-soft:rgba(170,139,255,.09);
  --purple:#c2adff;--purple-soft:rgba(170,139,255,.09);
  --ok:#c2adff;--warn:#d1c6ea;--bad:#d894a3;
  --shadow:0 20px 60px rgba(0,0,0,.48);--radius:13px;
}
html,body{background:#050506!important}
body{background-image:none!important;color:#f2f0f6}
#web-bg{opacity:.34!important;mix-blend-mode:screen;z-index:0}
.topbar{background:rgba(5,5,6,.94)!important;border-bottom-color:rgba(255,255,255,.08)}
.sidebar{background:rgba(7,7,8,.96)!important;border-right-color:rgba(255,255,255,.075)}
.menu-toggle{background:#0c0c0e;color:#e7e3ed;border-color:rgba(255,255,255,.12)}
.sidebar nav a.on{background:rgba(170,139,255,.075);border-color:rgba(170,139,255,.13);color:#f5f0ff;box-shadow:inset 2px 0 #aa8bff}
.card,.panel,.func-card,.cat-empty,.proxy-topbar,.proxy-drawer,.modal-card,.loginbox,.ios-login{background:#0a0a0c!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.card:hover,.func-card:hover{background:#0e0e11!important;border-color:rgba(170,139,255,.24)!important}
.card.ok,.card.warn,.card.bad{border-color:rgba(255,255,255,.085)!important}
.card .num,.card.ok .num,.card.warn .num,.card.bad .num{color:#f1edf8!important}
.panel>h2::before{background:#9d79f5}
input:not([type=checkbox]),select,textarea{background:#080809;color:#f5f2f9;border-color:rgba(255,255,255,.13)}
input:focus,select:focus,textarea:focus{background:#0a090d;border-color:rgba(170,139,255,.55);box-shadow:0 0 0 3px rgba(170,139,255,.09)}
select option{background:#0a0a0c;color:#f2f0f6}
.btn,button.btn,.mini.btn{background:#111113;color:#f1eef6;border-color:rgba(255,255,255,.12)}
.btn:hover,button:hover,.mini.btn:hover{background:#17161b;color:#fff;border-color:rgba(170,139,255,.4)}
.btn.ok,button.ok,.loginbox button,.ios-login .submit{background:#121115!important;color:#fff!important;border:1px solid rgba(170,139,255,.46)!important;box-shadow:none!important}
.btn.ok:hover,button.ok:hover,.loginbox button:hover,.ios-login .submit:hover{background:#1a1721!important;border-color:#aa8bff!important;box-shadow:0 5px 18px rgba(117,82,197,.14)!important}
.btn.warn,button.warn,.mini.warn{background:#111113!important;color:#dfd7ee!important;border-color:rgba(170,139,255,.2)!important}
.btn.bad,button.bad,.mini.bad{background:#111012!important;color:#e2b6be!important;border-color:rgba(216,148,163,.2)!important}
.mini{background:#101012!important;color:#e6e1ec!important;border-color:rgba(255,255,255,.1)!important}
.mini.ok{background:#111113!important;color:#c2adff!important;border-color:rgba(170,139,255,.22)!important}
.mini.warn{background:#111113!important;color:#ddd4ec!important;border-color:rgba(170,139,255,.18)!important}
.switch input:checked+.slider{background:#60449b;border-color:rgba(170,139,255,.55)}
.slider{background:#17161b}
.ok,.role.admin,.role.reseller{color:#c2adff!important}
.bad{color:#d894a3!important}
.st-active,.st-paused,.st-pending,.st-maintenance{border-color:rgba(170,139,255,.22);background:rgba(170,139,255,.075);color:#cbbaff}
.row-active{box-shadow:inset 2px 0 #9d79f5}
.flash.info{border-color:rgba(170,139,255,.2);background:rgba(170,139,255,.07);color:#d3c4f5}
.toast{background:#0b0b0d;color:#f4f0f8;border-color:rgba(170,139,255,.2)}
.modal{background:rgba(0,0,0,.82)}
.modal-card{background:#0a0a0c!important}
.modal-foot{background:#09090a}
.key-item,.vpn-creds{background:#080809;color:#ece8f2}
.loginbody,.proxybody{background:#050506!important}
.loginbox::before,.ios-login::before{background:linear-gradient(90deg,transparent,rgba(170,139,255,.42),transparent)}
.loginbox input,.ios-login .field input{background:#080809}
.login-spinner{border-color:rgba(255,255,255,.25);border-top-color:#fff}
.proxy-body .panel,.proxybody .panel{background:#0a0a0c!important}
.install-btn,.install-btn.main{background:#0e0e10;color:#f1eef6;border-color:rgba(170,139,255,.24)}
.func-card{background:#0a0a0c!important}

/* Keys em linhas horizontais: os dados secundários e comandos ficam sob demanda. */
.key-list-panel{overflow:visible!important}
.key-list-panel>.keys-table{display:table!important;width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse;overflow:visible!important}
.keys-table th:nth-child(1){width:29%}.keys-table th:nth-child(2){width:11%}.keys-table th:nth-child(3){width:13%}.keys-table th:nth-child(4){width:19%}.keys-table th:nth-child(5){width:19%}.keys-table th:nth-child(6){width:9%}
.keys-table th:last-child,.keys-table td.key-actions-cell{text-align:right}
.keys-table .key-row td{height:64px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.065);white-space:nowrap}
.keys-table .key-row:hover{background:rgba(255,255,255,.018)}
.key-main-cell{overflow:hidden}
.key-value{display:block;max-width:100%;padding:0;border:0;background:transparent;color:#f4f1fa;font:600 12px/1.35 'SFMono-Regular',Consolas,monospace;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.key-value:hover{background:transparent;color:#c6b1ff;text-decoration:underline;text-underline-offset:3px}
.key-subline{display:block;margin-top:4px;color:#77727f;font-size:10px;line-height:1.2}
.key-actions-cell{position:relative;overflow:visible!important}
.key-menu-wrap{position:relative;display:inline-flex;justify-content:flex-end}
.key-menu-trigger{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#0e0e10;color:#c7c1d1;font-size:23px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.key-menu-trigger:hover,.key-menu-trigger[aria-expanded="true"]{border-color:rgba(170,139,255,.38);background:#15131a;color:#d3c0ff}
.key-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:80;display:none;min-width:174px;padding:5px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#0b0b0d;box-shadow:0 16px 40px rgba(0,0,0,.62)}
.key-menu.open{display:flex;flex-direction:column}
.key-menu-item{width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#e6e2eb;font-size:12px;text-align:left;cursor:pointer}
.key-menu-item:hover{background:rgba(170,139,255,.1);color:#fff}
.key-menu-item.danger{color:#dca9b4}
.key-details-row[hidden]{display:none!important}
.key-details-row td{padding:0 14px 14px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:#080809}
.key-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0b0b0d}
.key-details-grid>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.key-details-grid span{color:#85808d;font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.key-details-grid b{overflow-wrap:anywhere;color:#e2deea;font-size:11px;font-weight:550}
.key-row.expanded .key-value{color:#c6b1ff}
.empty-state{padding:25px!important;color:#918b9b!important;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:768px){.key-list-panel{overflow:hidden!important}.key-list-panel>.keys-table{min-width:720px}.key-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-create-controls select{flex:1 1 180px}.key-create-controls input{flex:0 0 88px!important}.key-create-controls .btn{flex:1 1 100%}}
@media(max-width:480px){.loginbox{background:#09090b!important;border-radius:15px;padding:25px 19px}.key-details-grid{grid-template-columns:1fr 1fr}}


/* Mobile keys: manter o gesto horizontal dentro da área da lista e não deslocar o documento. */
@media(max-width:768px){
  html,body{overflow-x:hidden!important;max-width:100%}
  .key-list-panel{width:100%;max-width:100%;overflow:visible!important;overscroll-behavior-x:contain}
  .key-list-panel>.keys-table{display:table!important;width:100%!important;min-width:0!important;max-width:100%;table-layout:fixed;overflow:visible!important}
  .keys-table thead th:nth-child(2),.keys-table thead th:nth-child(4),.keys-table thead th:nth-child(5),
  .keys-table tr.key-row>td:nth-child(2),.keys-table tr.key-row>td:nth-child(4),.keys-table tr.key-row>td:nth-child(5){display:none!important}
  .keys-table thead th:nth-child(1){width:55%}.keys-table thead th:nth-child(3){width:28%}.keys-table thead th:nth-child(6){width:17%}
  .keys-table .key-row>td{height:60px;padding:8px 6px!important;font-size:11px}
  .keys-table .key-main-cell{min-width:0;max-width:0}
  .key-value{font-size:11px;max-width:100%}
  .key-subline{font-size:9px;white-space:normal}
  .keys-table .key-row>td.key-actions-cell{padding-right:5px!important}
  .key-menu-trigger{width:34px;height:34px}
  .key-details-row td{padding:0 8px 10px!important}
  .key-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px}
}
@media(max-width:768px){.key-main-cell{max-width:none!important;min-width:0!important}}


/* /proxy: drawer lateral e controles de ativação com estado ligado evidente. */
.fdesc{margin:9px 0 0;color:#c1b1e8;font-size:11px;font-weight:550;line-height:1.55}
.bypass-description{color:#d2c6ec;font-size:12px;font-weight:600;line-height:1.65}
.proxybody .switch{width:54px;height:30px;flex:0 0 auto}
.proxybody .switch .slider{border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#18181c;box-shadow:inset 0 1px 3px rgba(0,0,0,.35);transition:background .2s,border-color .2s,box-shadow .2s}
.proxybody .switch .slider:before{left:3px;top:3px;width:22px;height:22px;background:#8c8794;box-shadow:0 2px 6px rgba(0,0,0,.38);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .2s}
.proxybody .switch input:checked+.slider{border-color:#b59aff;background:linear-gradient(135deg,#9c7bf1,#704bbd);box-shadow:0 0 0 3px rgba(170,139,255,.13),0 0 16px rgba(130,91,216,.25)}
.proxybody .switch input:checked+.slider:before{transform:translateX(24px);background:#fff;box-shadow:0 0 10px rgba(255,255,255,.38),0 2px 6px rgba(0,0,0,.25)}
.proxybody .switch input:focus-visible+.slider{outline:3px solid rgba(170,139,255,.32);outline-offset:3px}
.proxybody .switch:not(:has(input:disabled)) .slider:hover{border-color:rgba(181,154,255,.55)}
.proxy-sidebar-overlay{display:none}
@media(max-width:768px){
  .proxy-drawer{display:flex!important;position:fixed;top:0;right:auto;bottom:0;left:0;z-index:180;width:min(82vw,300px);height:100vh;height:100dvh;margin:0;padding:calc(env(safe-area-inset-top,0px) + 76px) 14px calc(env(safe-area-inset-bottom,0px) + 18px);flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:7px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.1);border-left:0;border-radius:0 18px 18px 0;background:#0a0a0c!important;box-shadow:16px 0 48px rgba(0,0,0,.62);transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s}
  .proxy-drawer.open{display:flex!important;transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
  .proxy-drawer .tab{width:100%;min-height:50px;justify-content:flex-start;padding:12px 13px;border-radius:11px;font-size:12px}
  .proxy-sidebar-overlay{position:fixed;inset:0;z-index:170;display:none;background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}
  .proxy-sidebar-overlay.show{display:block}
  .proxy-topbar{position:relative;z-index:160}
  .proxy-topbar .menu-toggle{width:44px;height:44px}
  body.proxy-drawer-open{overflow:hidden}
}


/* /proxy refinamento do menu: painel lateral compacto, suave e fechável. */
.proxy-drawer-head{display:none}
.proxy-drawer-close{display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#111114;color:#e9e4f0;font-size:22px;line-height:1;cursor:pointer}
.proxy-drawer-close:hover{border-color:rgba(170,139,255,.45);background:#19151f;color:#fff}
@media(max-width:768px){
  .proxy-drawer{top:calc(env(safe-area-inset-top,0px) + 70px);right:auto;bottom:auto;left:12px;width:min(76vw,260px);height:auto;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);margin:0;padding:10px;gap:5px;border:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12);border-radius:16px;transform:translateX(-22px) scale(.985);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility 0s linear .28s}
  .proxy-drawer.open{transform:translateX(0) scale(1);opacity:1;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
  .proxy-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:3px;padding:2px 3px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
  .proxy-drawer-head>span{color:#aaa3b5;font-size:9px;font-weight:750;letter-spacing:.15em}
  .proxy-drawer .tab{min-height:42px;padding:9px 11px;font-size:11px}
  .proxy-sidebar-overlay{display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}
  .proxy-sidebar-overlay.show{display:block;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease}
}

@media(max-width:768px){
  .proxy-drawer{width:min(82vw,310px);max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);padding:12px;gap:7px}
  .proxy-drawer .tab{min-height:48px;padding:12px 13px;font-size:12px}
  .proxy-drawer-head{padding:4px 5px 10px}
  .proxy-drawer-close{width:34px;height:34px;font-size:24px}
}

@media(max-width:768px){
  .proxy-drawer{top:0;right:auto;bottom:0;left:0;width:min(82vw,270px);height:100vh;height:100dvh;max-height:none;margin:0;padding:calc(env(safe-area-inset-top,0px) + 18px) 14px calc(env(safe-area-inset-bottom,0px) + 18px);border:0;border-right:1px solid rgba(255,255,255,.1);border-radius:0;background:#0a0a0c!important}
}


/* REMOTE BYPASS / Discord OAuth */
.remote-login{background:#050506!important}.remote-card{background:rgba(8,8,10,.92)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 28px 100px rgba(0,0,0,.62)!important}.remote-card .ios-title{font-size:clamp(28px,8vw,42px);letter-spacing:.025em}.remote-card .ios-title span,.proxy-topbar .brand span,.bypass-tab,.bypass-title{color:#9b45ff!important}.discord-card{margin-top:30px;padding:30px 24px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(12,12,14,.84);text-align:center}.discord-question{margin-bottom:22px;color:#8e8a96;font-size:17px;font-weight:600}.discord-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;border-radius:14px;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;font-size:16px;font-weight:700;transition:.18s}.discord-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.discord-icon{font-size:20px}.exclusive{margin:25px 0 13px;color:#26232b;font-size:10px;font-weight:700;letter-spacing:.3em}.discord-card p{margin:0;color:#77727f;line-height:1.7}.discord-welcome{margin:0 0 5px;color:#b7adbF;text-align:center}.discord-welcome strong{color:#fff}.discord-link{display:block;margin-top:17px;text-align:center}.muted-link{color:#77727f;font-size:11px}.muted-link:hover{color:#c2adff}.discord-user{max-width:220px;overflow:hidden;color:#a8a1b2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.bypass-tab,.bypass-title{font-weight:700}.proxy-topbar .brand{letter-spacing:.10em}.proxy-topbar .brand span{font-weight:700}


/* REMOTE BYPASS auth v2: clean black/violet composition */
.remote-auth{position:relative;z-index:1;width:min(100%,560px);min-height:calc(100vh - 36px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px;text-align:center}.remote-auth::before{content:'';position:absolute;z-index:-1;top:25%;left:50%;width:360px;height:260px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(133,44,255,.18),transparent 68%);filter:blur(16px);pointer-events:none}.remote-logo{margin-bottom:12px;color:#f5f3f8;font:800 clamp(31px,8vw,48px)/1 var(--display);letter-spacing:.025em;text-shadow:0 0 28px rgba(164,77,255,.12)}.remote-logo span{color:#9d3cff}.remote-status{margin:0;color:#4e4857;font-size:10px;font-weight:700;letter-spacing:.38em}.connected-line{display:flex;align-items:center;gap:7px;margin-top:13px;color:#a39baa;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#a14aff;box-shadow:0 0 12px #9d3cff}.key-bind-panel{width:min(100%,440px);margin-top:46px;padding:0 7px}.bind-title{margin-bottom:28px;color:#b9b2c2;font-size:19px;font-weight:600;letter-spacing:.01em}.key-field{display:block;text-align:left}.key-field span{display:block;margin:0 0 10px 3px;color:#a49cae;font-size:10px;font-weight:750;letter-spacing:.16em}.key-field input{width:100%;min-height:58px;padding:0 21px;border:1px solid rgba(157,60,255,.76);border-radius:17px;background:rgba(12,7,18,.76);color:#f8f5fb;font-size:15px;box-shadow:0 0 0 1px rgba(157,60,255,.08),0 0 28px rgba(121,32,214,.13);outline:none}.key-field input::placeholder{color:#8b8292}.key-field input:focus{border-color:#bd79ff;box-shadow:0 0 0 4px rgba(157,60,255,.10),0 0 32px rgba(121,32,214,.24)}.bind-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;margin-top:18px;border:0;border-radius:17px;background:linear-gradient(110deg,#8d25e8,#5d16ad);color:#fff;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 32px rgba(111,21,199,.23);cursor:pointer;transition:.2s}.bind-button:hover{transform:translateY(-2px);background:linear-gradient(110deg,#a23cff,#6d1bc5);box-shadow:0 16px 38px rgba(111,21,199,.34)}.bind-button span{font-size:19px}.bind-help{margin:12px auto 0;color:#756d7d;font-size:12px;line-height:1.7}.discord-panel{width:min(100%,430px);margin-top:42px;padding:28px 23px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(9,9,11,.72);box-shadow:0 20px 70px rgba(0,0,0,.36);backdrop-filter:blur(16px)}.discord-question{margin-bottom:21px;color:#aaa3b0;font-size:16px;font-weight:600}.discord-button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:56px;border-radius:16px;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;font-size:15px;font-weight:750;box-shadow:0 10px 26px rgba(58,62,184,.20);transition:.2s}.discord-button:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 15px 32px rgba(58,62,184,.3)}.discord-svg{width:24px;height:24px}.exclusive{margin:26px 0 13px;color:#39333f;font-size:9px;font-weight:800;letter-spacing:.32em}.discord-panel p{margin:0;color:#746d7b;font-size:12px;line-height:1.8}.discord-link{margin-top:20px}.remote-footer{margin-top:50px;color:#3b3541;font-size:9px;font-weight:700;letter-spacing:.23em}.remote-footer span{padding:0 6px;color:#7430ac}.remote-auth .flash{margin-top:18px}.remote-auth.key-screen .remote-footer{margin-top:62px}@media(max-width:480px){.remote-auth{min-height:100vh;padding:28px 18px}.remote-logo{font-size:32px}.key-bind-panel{margin-top:39px}.bind-title{font-size:18px}.key-field input,.bind-button{min-height:56px}.discord-panel{margin-top:38px;padding:25px 18px}.remote-footer{margin-top:42px}}


/* REMOTE BYPASS panel v2 */
.remote-panel-body{display:block;padding:0;background:#050506!important}.remote-panel-wrap{position:relative;z-index:1;width:min(100%,620px);min-height:100vh;margin:0 auto;padding:0 16px 96px}.remote-panel-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:72px;margin:0 -16px 24px;padding:0 18px;background:rgba(5,5,6,.92);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.panel-brand{color:#f5f2fa;font:800 19px/1 var(--display);letter-spacing:.08em}.panel-brand span{color:#9b3cff}.panel-user{display:flex;align-items:center;gap:6px;max-width:160px;margin-left:auto;overflow:hidden;color:#a59eac;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.panel-user i{width:7px;height:7px;border-radius:50%;background:#a348ff;box-shadow:0 0 10px #9b3cff}.panel-exit{display:grid;place-items:center;width:32px;height:32px;color:#9b91a4;font-size:22px}.panel-main{padding-bottom:20px}.panel-view{display:none;animation:panel-in .25s ease}.panel-view.active{display:block}@keyframes panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 20px}.eyebrow{margin:0 0 6px;color:#766e7d;font-size:9px;font-weight:800;letter-spacing:.22em}.view-heading h1{margin:0;color:#f5f2f8;font:700 29px/1.05 var(--display);letter-spacing:-.02em}.key-state{padding:7px 10px;border:1px solid rgba(159,70,255,.25);border-radius:8px;color:#b778ff;font-size:9px;font-weight:800;letter-spacing:.14em}.function-group{margin:0 0 13px;padding:19px 17px 8px;border:1px solid rgba(255,255,255,.07);border-radius:21px;background:linear-gradient(150deg,#0c0c0e,#09090a);box-shadow:0 14px 35px rgba(0,0,0,.25)}.group-heading{display:flex;align-items:center;gap:11px;margin:0 0 9px}.group-mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(162,62,255,.45);border-radius:8px;color:#ab55ff;font-size:9px;font-weight:800}.group-heading h2{margin:0;color:#d9d4df;font-size:14px;font-weight:750;letter-spacing:.03em}.group-heading h2 em{color:#aa5aff;font-style:normal}.group-heading p{margin:4px 0 0;color:#716978;font-size:10px}.function-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:65px;padding:10px 0 10px 12px;border-top:1px solid rgba(255,255,255,.055);border-left:2px solid #9c38ff}.function-row.disabled-row{opacity:.48}.function-copy{display:flex;flex-direction:column;gap:5px}.function-copy strong{color:#f0ecf3;font-size:13px;font-weight:650}.function-copy small{color:#807887;font-size:10px}.unavailable{color:#756d7d;font-size:10px}.proxybody .switch{width:54px;height:30px}.bypass-group{padding-bottom:19px}.bypass-control{padding:13px 0 0 14px;border-left:2px solid #9c38ff}.bypass-control>label{display:block;margin-bottom:8px;color:#8d8395;font-size:9px;font-weight:800;letter-spacing:.15em}.bypass-line{display:flex;align-items:center;gap:8px}.bypass-line input{width:115px;height:43px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#111113;color:#f5f2f8;font-size:15px}.bypass-line span{color:#81788a;font-size:11px}.bypass-actions{display:flex;gap:9px;margin-top:12px}.bypass-actions button{min-height:40px;padding:0 15px;border-radius:11px;font-size:11px;font-weight:750;cursor:pointer}.primary-action{border:1px solid rgba(156,56,255,.55);background:linear-gradient(120deg,#7620c8,#4e1688);color:#fff}.secondary-action{border:1px solid rgba(255,255,255,.12);background:#111113;color:#aaa2b0}.bypass-status{margin:10px 0 0;color:#887f91;font-size:10px}.config-card,.key-info-card{border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(150deg,#0d0d0f,#09090a);box-shadow:0 14px 35px rgba(0,0,0,.23)}.install-card{display:flex;align-items:center;gap:13px;padding:17px}.config-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(157,60,255,.35);border-radius:13px;color:#bd7aff;font-size:22px}.config-copy{min-width:0;flex:1}.config-copy h2{margin:0;color:#eeeaf2;font-size:13px}.config-copy p{margin:5px 0 0;color:#817888;font-size:10px;line-height:1.5}.install-action{padding:10px 12px;border-radius:10px;background:#16121b;color:#c68cff;font-size:10px;font-weight:800}.config-section{margin-top:28px}.key-info-card{display:grid;gap:0;overflow:hidden}.info-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:53px;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.055)}.info-item:last-child{border-bottom:0}.info-item span{color:#756c7d;font-size:9px;font-weight:800;letter-spacing:.13em}.info-item strong{max-width:70%;overflow:hidden;color:#dbd4e2;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.info-item strong.violet{color:#bf86ff}.info-item strong.mono{font-family:'SFMono-Regular',Consolas,monospace;font-size:10px}.bottom-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:4px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.08);background:rgba(5,5,6,.91);backdrop-filter:blur(20px)}.nav-item{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;max-width:170px;padding:8px 12px;border:0;border-radius:14px;background:transparent;color:#807887;cursor:pointer}.nav-item span{font-size:22px;line-height:1}.nav-item small{font-size:10px;font-weight:700;letter-spacing:.04em}.nav-item.active{background:linear-gradient(145deg,rgba(124,36,207,.34),rgba(66,16,113,.24));color:#c288ff;box-shadow:inset 0 0 0 1px rgba(164,73,255,.22)}.empty-function{padding:13px 0 6px 12px;border-left:2px solid #542077;color:#77707f;font-size:11px}@media(min-width:700px){.remote-panel-wrap{padding-top:12px}.remote-panel-head{margin:0 -16px 30px}.bottom-nav{left:50%;right:auto;width:500px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.08);border-bottom:0;border-radius:20px 20px 0 0}}


/* REMOTE BYPASS panel v3: compact mobile polish */
.remote-panel-wrap{width:min(100%,500px);padding:0 13px 88px}.remote-panel-head{min-height:62px;margin:0 -13px 18px;padding:0 15px}.panel-brand{font-size:16px;letter-spacing:.10em}.panel-user{font-size:9px;max-width:135px}.panel-exit{width:29px;height:29px;font-size:19px}.view-heading{margin-bottom:15px}.view-heading h1{font-size:24px}.eyebrow{font-size:8px;letter-spacing:.20em}.function-group{margin-bottom:10px;padding:15px 14px 5px;border-radius:17px;background:#0a0a0c;box-shadow:0 10px 25px rgba(0,0,0,.22)}.group-heading{position:relative;gap:0;margin:0 0 7px;padding:0 0 0 12px}.group-heading:before{content:'';position:absolute;left:0;top:1px;bottom:1px;width:2px;border-radius:2px;background:#9b32ff;box-shadow:0 0 9px rgba(155,50,255,.25)}.group-icon,.group-mark{display:none}.group-heading h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.group-heading p{margin-top:3px;font-size:9px}.function-row{min-height:52px;padding:8px 0 8px 12px;border-left:0;border-top-color:rgba(255,255,255,.06)}.function-copy{gap:3px}.function-copy strong{font-size:12px}.function-copy small{font-size:9px}.proxybody .switch{width:45px;height:25px}.proxybody .switch .slider{background:#1b1a1f;border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.proxybody .switch .slider:before{left:3px;top:3px;width:17px;height:17px;background:#eae8ee;box-shadow:0 1px 5px rgba(0,0,0,.45)}.proxybody .switch input:checked+.slider{border-color:#8f36d9;background:linear-gradient(115deg,#8e28d8,#5d1d91);box-shadow:0 0 0 2px rgba(137,43,210,.12),0 0 10px rgba(123,36,190,.2)}.proxybody .switch input:checked+.slider:before{transform:translateX(20px);background:#fff;box-shadow:0 0 7px rgba(208,159,255,.55)}.bypass-group{padding-bottom:15px}.bypass-control{padding:10px 0 0 12px}.bypass-control>label{font-size:8px}.bypass-line input{width:92px;height:36px;border-radius:9px;font-size:13px}.bypass-line span{font-size:10px}.bypass-actions{gap:7px;margin-top:10px}.bypass-actions button{min-height:35px;padding:0 11px;border-radius:9px;font-size:10px}.primary-action{background:linear-gradient(110deg,#7620c8,#52168e);box-shadow:0 5px 14px rgba(92,24,155,.2)}.bypass-status{margin-top:8px;font-size:9px}.config-card,.key-info-card{border-radius:16px}.install-card{display:block;padding:17px}.config-icon{width:37px;height:37px;margin-bottom:12px;border:0;border-radius:11px;background:rgba(132,37,218,.14);color:#b768ff}.config-icon svg,.group-icon svg,.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.config-copy h2{font-size:13px}.config-copy p{max-width:310px;font-size:10px}.install-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:0;min-height:44px;border-radius:11px;background:linear-gradient(110deg,#7620c8,#4e1687);box-shadow:0 7px 18px rgba(89,21,151,.22);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.install-action:before{content:'⇩';font-size:18px}.config-section{margin-top:23px}.info-item{min-height:48px;padding:8px 13px}.info-item span{font-size:8px}.info-item strong{font-size:10px}.bottom-nav{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));gap:5px}.nav-item{gap:3px;padding:7px 10px;border-radius:12px}.nav-icon{display:grid;place-items:center;height:22px}.nav-icon svg{width:20px;height:20px}.nav-item small{font-size:9px}.nav-item.active{box-shadow:inset 0 0 0 1px rgba(164,73,255,.18)}@media(min-width:700px){.remote-panel-wrap{padding-top:8px}.function-group{padding:17px 18px 7px}.bottom-nav{width:420px}}


/* REMOTE BYPASS panel v4 */
.remote-panel-head{gap:9px}.panel-user{margin-left:auto}.connection-pill{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(54,190,122,.22);border-radius:9px;background:rgba(31,116,76,.12);color:#79dca7;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.connection-pill i{width:6px;height:6px;border-radius:50%;background:#39d782;box-shadow:0 0 8px rgba(57,215,130,.8)}.panel-exit{margin-left:0}.panel-exit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-heading{margin-bottom:13px}.view-heading h1{font-size:23px}.group-heading h2{font-size:11px;letter-spacing:.14em}.group-heading p{display:none}.config-icon{display:grid;place-items:center}.config-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.install-action:before{display:none}.install-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.install-action{gap:9px;letter-spacing:.14em}.install-action span{line-height:1}.info-item strong.violet{color:#77dba3}.key-state{display:none}

Ci8qIFJFTU9URSBCWVBBU1MgcGFuZWwgdjU6IGRvd25sb2FkIGFuZCBrZXkgaW5mbyAqLwouZG93bmxvYWQtY2FyZHtwYWRkaW5nOjE4cHggMTZweCAxNnB4O2JvcmRlcjoxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMDcpO2JvcmRlci1yYWRpdXM6MThweDtiYWNrZ3JvdW5kOiMwYTBhMGM7Ym94LXNoYWRvdzowIDEycHggMzBweCByZ2JhKDAsMCwwLC4yNCl9LmRvd25sb2FkLXN0ZXBze21hcmdpbjoxN3B4IDAgMjFweH0uZG93bmxvYWQtc3RlcHMgcHttYXJnaW46MCAwIDEzcHg7cGFkZGluZy1sZWZ0OjJweDtjb2xvcjojOWI5MjlmO2ZvbnQtc2l6ZToxMXB4O2xpbmUtaGVpZ2h0OjEuNjV9LmRvd25sb2FkLXN0ZXBzIHA6bGFzdC1jaGlsZHttYXJnaW4tYm90dG9tOjB9LmRvd25sb2FkLXN0ZXBzIGJ7bWFyZ2luLXJpZ2h0OjVweDtjb2xvcjojYTM0NmZmfS5kb3dubG9hZC1zdGVwcyBzdHJvbmd7Y29sb3I6I2RkZDVlMztmb250LXdlaWdodDo2NTB9LmRvd25sb2FkLWNhcmQgLmluc3RhbGwtYWN0aW9ue21hcmdpbi10b3A6MjBweH0uaW5mby1zdW1tYXJ5LWNhcmR7b3ZlcmZsb3c6aGlkZGVuO2JvcmRlcjoxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMDcpO2JvcmRlci1yYWRpdXM6MThweDtiYWNrZ3JvdW5kOmxpbmVhci1ncmFkaWVudCgxNTBkZWcsIzBkMGQwZiwjMDkwOTBhKTtib3gtc2hhZG93OjAgMTJweCAzMHB4IHJnYmEoMCwwLDAsLjI0KX0uaW5mby1iaWd7cGFkZGluZzoyMHB4IDE2cHg7Ym9yZGVyLWJvdHRvbToxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMDYpfS5pbmZvLWJpZyBzcGFue2Rpc3BsYXk6YmxvY2s7bWFyZ2luLWJvdHRvbTo5cHg7Y29sb3I6Izc1NmM3ZDtmb250LXNpemU6OHB4O2ZvbnQtd2VpZ2h0OjgwMDtsZXR0ZXItc3BhY2luZzouMmVtfS5pbmZvLWJpZyBzdHJvbmd7ZGlzcGxheTpibG9jaztvdmVyZmxvdzpoaWRkZW47Y29sb3I6I2YwZWJmNTtmb250LXNpemU6MTJweDt0ZXh0LW92ZXJmbG93OmVsbGlwc2lzO3doaXRlLXNwYWNlOm5vd3JhcH0uaW5mby1tZXRyaWNze2Rpc3BsYXk6Z3JpZDtncmlkLXRlbXBsYXRlLWNvbHVtbnM6cmVwZWF0KDIsMWZyKTtnYXA6MXB4O2JhY2tncm91bmQ6cmdiYSgyNTUsMjU1LDI1NSwuMDU1KX0ubWV0cmlje21pbi1oZWlnaHQ6ODVweDtwYWRkaW5nOjE1cHggMTNweDtiYWNrZ3JvdW5kOiMwYTBhMGN9Lm1ldHJpYyBzcGFue2Rpc3BsYXk6YmxvY2s7Y29sb3I6Izc1NmM3ZDtmb250LXNpemU6OHB4O2ZvbnQtd2VpZ2h0OjgwMDtsZXR0ZXItc3BhY2luZzouMTFlbX0ubWV0cmljIHN0cm9uZ3tkaXNwbGF5OmlubGluZS1ibG9jazttYXJnaW4tdG9wOjExcHg7Y29sb3I6I2M4ODZmZjtmb250OjcwMCAyM3B4LzEgdmFyKC0tZGlzcGxheSl9Lm1ldHJpYyBzbWFsbHttYXJnaW4tbGVmdDo0cHg7Y29sb3I6IzgwNzY4Nztmb250LXNpemU6OXB4fS5pbmZvLWV4cGlyeXtkaXNwbGF5OmZsZXg7YWxpZ24taXRlbXM6Y2VudGVyO2p1c3RpZnktY29udGVudDpzcGFjZS1iZXR3ZWVuO2dhcDoxMnB4O3BhZGRpbmc6MTRweCAxNXB4fS5pbmZvLWV4cGlyeSBzcGFue2NvbG9yOiM3NTZjN2Q7Zm9udC1zaXplOjhweDtmb250LXdlaWdodDo4MDA7bGV0dGVyLXNwYWNpbmc6LjEzZW19LmluZm8tZXhwaXJ5IHN0cm9uZ3tjb2xvcjojZDhkMGRmO2ZvbnQtZmFtaWx5OidTRk1vbm8tUmVndWxhcicsQ29uc29sYXMsbW9ub3NwYWNlO2ZvbnQtc2l6ZToxMHB4fS5tb25ve2ZvbnQtZmFtaWx5OidTRk1vbm8tUmVndWxhcicsQ29uc29sYXMsbW9ub3NwYWNlfS5ib3R0b20tbmF2IC5uYXYtaXRlbXtmbGV4OjF9Cg==

/* REMOTE BYPASS panel v5: download and key info */
.download-card{padding:18px 16px 16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0a0a0c;box-shadow:0 12px 30px rgba(0,0,0,.24)}.download-steps{margin:17px 0 21px}.download-steps p{margin:0 0 13px;padding-left:2px;color:#9b929f;font-size:11px;line-height:1.65}.download-steps p:last-child{margin-bottom:0}.download-steps b{margin-right:5px;color:#a346ff}.download-steps strong{color:#ddd5e3;font-weight:650}.download-card .install-action{margin-top:20px}.info-summary-card{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(150deg,#0d0d0f,#09090a);box-shadow:0 12px 30px rgba(0,0,0,.24)}.info-big{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.info-big span{display:block;margin-bottom:9px;color:#756c7d;font-size:8px;font-weight:800;letter-spacing:.2em}.info-big strong{display:block;overflow:hidden;color:#f0ebf5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.info-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.055)}.metric{min-height:85px;padding:15px 13px;background:#0a0a0c}.metric span{display:block;color:#756c7d;font-size:8px;font-weight:800;letter-spacing:.11em}.metric strong{display:inline-block;margin-top:11px;color:#c886ff;font:700 23px/1 var(--display)}.metric small{margin-left:4px;color:#807687;font-size:9px}.info-expiry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px}.info-expiry span{color:#756c7d;font-size:8px;font-weight:800;letter-spacing:.13em}.info-expiry strong{color:#d8d0df;font-family:'SFMono-Regular',Consolas,monospace;font-size:10px}.mono{font-family:'SFMono-Regular',Consolas,monospace}.bottom-nav .nav-item{flex:1}