:root{color-scheme:dark;--bg:#020617;--panel:rgba(15,23,42,.72);--panel2:rgba(2,6,23,.66);--line:rgba(148,163,184,.17);--text:#f8fafc;--muted:#94a3b8;--cyan:#22d3ee;--violet:#8b5cf6;--rose:#fb7185;--green:#34d399;--amber:#fbbf24;--red:#fb7185;--shadow:0 24px 80px rgba(2,6,23,.4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#020617;line-height:1.5}.noise{background-image:radial-gradient(circle at 14% 10%,rgba(34,211,238,.17),transparent 30rem),radial-gradient(circle at 84% 0,rgba(139,92,246,.19),transparent 31rem),radial-gradient(circle at 75% 92%,rgba(251,113,133,.15),transparent 28rem),linear-gradient(180deg,#020617 0%,#0f172a 48%,#020617 100%);background-attachment:fixed}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:50;min-height:74px;padding:14px max(20px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(2,6,23,.72);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--rose));box-shadow:0 0 55px rgba(34,211,238,.3);font-size:20px}.brand b{display:block;font-size:16px;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:11px}.topbar nav{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.topbar nav>a,.nav-button{padding:9px 12px;border-radius:12px;color:#cbd5e1;border:0;background:transparent;cursor:pointer;font:inherit}.topbar nav>a:hover,.nav-button:hover{background:rgba(255,255,255,.07);color:white}.topbar .nav-cta{background:white;color:#0f172a}.inline-form{display:inline;margin:0}.page{position:relative;z-index:1;width:min(1240px,calc(100% - 32px));margin:0 auto;padding:48px 0 80px}.hero{min-height:66vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:46px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.09);border-radius:999px;color:#cffafe;font-size:13px;font-weight:800}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(52,211,153,.9)}h1,h2,h3,h4,p{margin-top:0}.hero h1{font-size:clamp(46px,6.5vw,82px);line-height:.98;letter-spacing:-.055em;margin:24px 0}.gradient-text{background:linear-gradient(90deg,#67e8f9,#a78bfa,#fb7185);background-clip:text;color:transparent}.lead{max-width:720px;color:#cbd5e1;font-size:18px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);color:white;font-weight:850;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}.btn-primary{border:0;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--rose));box-shadow:0 10px 38px rgba(139,92,246,.27)}.btn-light{background:white;color:#0f172a}.btn-danger{border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.1);color:#fecdd3}.btn-success{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.1);color:#a7f3d0}.btn-sm{min-height:34px;padding:7px 10px;font-size:12px;border-radius:10px}.glass,.card{background:linear-gradient(180deg,rgba(15,23,42,.79),rgba(15,23,42,.56));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(140%)}.glass{border-radius:30px;padding:24px}.hero-preview{padding:22px}.preview-inner{padding:24px;border-radius:24px;background:rgba(2,6,23,.69);border:1px solid rgba(255,255,255,.09)}.metric-grid,.dashboard-grid,.form-grid{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(3,1fr);margin-top:28px}.metric{padding:18px;border-radius:20px;background:rgba(15,23,42,.65);border:1px solid var(--line)}.metric strong{display:block;font-size:25px}.metric span{color:var(--muted);font-size:12px;font-weight:700}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 24px}.section-head h1,.section-head h2{margin-bottom:4px;font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}.muted{color:var(--muted)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card{padding:24px;border-radius:26px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.card-head h2,.card-head h3{margin:0}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:rgba(148,163,184,.11);color:#cbd5e1}.chip.active{background:rgba(52,211,153,.11);color:#a7f3d0}.chip.failed,.chip.exhausted,.chip.suspended{background:rgba(251,113,133,.11);color:#fecdd3}.chip.provisioning,.chip.partial{background:rgba(251,191,36,.1);color:#fde68a}.usage-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.usage-number{font-size:25px;font-weight:900;letter-spacing:-.03em}.progress{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:12px 0 8px}.progress>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--rose));box-shadow:0 0 20px rgba(139,92,246,.35)}.progress.danger>span{background:linear-gradient(90deg,#f59e0b,#fb7185)}.traffic-line{display:flex;gap:14px;color:var(--muted);font-size:13px}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.kv{padding:14px;border-radius:16px;background:rgba(2,6,23,.53);border:1px solid rgba(255,255,255,.07);min-width:0}.kv label{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900}.kv strong,.kv code{display:block;margin-top:5px;overflow-wrap:anywhere;font-size:14px}.kv.full{grid-column:1/-1}.config-box{position:relative;margin-top:16px}.config-box textarea{min-height:150px;padding-right:90px}.copy-floating{position:absolute;right:10px;top:10px}.empty-card{min-height:360px;display:grid;place-items:center;text-align:center;padding:34px;border-radius:26px;border:1px dashed rgba(148,163,184,.28);background:rgba(15,23,42,.43)}.empty-icon{font-size:44px;margin-bottom:12px}.auth-wrap{min-height:calc(100vh - 190px);display:grid;place-items:center}.auth-card{width:min(520px,100%);padding:28px;border-radius:28px}.auth-card h1{font-size:34px;letter-spacing:-.04em;margin-bottom:8px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#cbd5e1;font-weight:850}.field small{color:#64748b}.input,select,textarea{width:100%;border:1px solid rgba(148,163,184,.2);background:rgba(2,6,23,.66);color:white;border-radius:14px;padding:11px 13px;font:inherit;outline:none}.input:focus,select:focus,textarea:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.09)}textarea{min-height:120px;resize:vertical}.check{display:flex;align-items:center;gap:9px;font-size:13px}.check input{width:17px;height:17px}.alert{position:relative;z-index:2;margin:0 0 18px;padding:13px 15px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.85)}.alert.success{border-color:rgba(52,211,153,.28);color:#a7f3d0}.alert.error{border-color:rgba(251,113,133,.3);color:#fecdd3}.alert.warning{border-color:rgba(251,191,36,.3);color:#fde68a}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:-18px 0 26px}.admin-nav a{padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:13px;font-weight:800;color:#cbd5e1}.admin-nav a:hover{background:rgba(255,255,255,.1);color:white}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat-card{padding:18px;border-radius:20px}.stat-card span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.stat-card strong{display:block;font-size:26px;margin-top:7px;letter-spacing:-.035em}.table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--line);background:rgba(2,6,23,.48)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(148,163,184,.11);vertical-align:top}th{position:sticky;top:0;background:#101827;color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.1em}td{font-size:13px;color:#dbeafe}tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.56fr);gap:20px}.stack{display:grid;gap:16px}.panel{padding:22px;border-radius:24px}.panel h2{font-size:20px;margin-bottom:16px}.code-help{padding:14px;border-radius:14px;background:rgba(2,6,23,.58);color:#94a3b8;font-size:12px;line-height:1.7}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#64748b;margin-right:6px}.status-dot.active{background:var(--green);box-shadow:0 0 12px rgba(52,211,153,.7)}.status-dot.exhausted{background:var(--red)}footer{position:relative;z-index:1;padding:28px;text-align:center;color:#64748b;border-top:1px solid rgba(255,255,255,.07);background:rgba(2,6,23,.5)}.footer-links{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:10px}.footer-links a:hover{color:#cbd5e1}.abuseipdb-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin-top:18px;padding:8px 10px;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:rgba(255,255,255,.035);transition:background .18s ease,border-color .18s ease}.abuseipdb-badge:hover{background:rgba(255,255,255,.07);border-color:rgba(148,163,184,.25)}.abuseipdb-badge img{display:block;width:161px;max-width:100%;height:auto}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-preview{display:none}.dashboard-grid,.split{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{padding:12px 16px}.topbar nav>a:not(.nav-cta){display:none}.page{width:min(100% - 22px,1240px);padding-top:28px}.hero{padding-top:14px}.hero h1{font-size:44px}.metric-grid,.stats-grid,.form-grid,.kv-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.glass,.account-card,.auth-card{padding:19px}.usage-row{align-items:flex-start;flex-direction:column;gap:4px}}

/* Connection profile presentation */
.account-card{grid-column:1/-1}.account-icon{font-size:34px}.usage-shell{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(2,6,23,.4)}.online-label{color:#a7f3d0}.summary-grid{margin-bottom:24px}.profile-section{margin-top:20px;padding:20px;border:1px solid rgba(148,163,184,.13);border-radius:22px;background:rgba(2,6,23,.38)}.profile-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.profile-section-head h3{margin:3px 0 0;font-size:20px}.profile-section-head p{margin:5px 0 0;font-size:13px}.profile-kicker{display:block;color:#67e8f9;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.credential-grid,.server-profile-grid,.app-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-field{min-width:0;padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(15,23,42,.55)}.profile-field>span{display:block;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.profile-value-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;min-width:0}.profile-value-row.align-start{align-items:flex-start}.profile-value-row code{color:#f8fafc;font-size:13px;font-weight:750;overflow-wrap:anywhere;min-width:0}.long-value{word-break:break-all}.secret-value{min-width:0;flex:1;padding:0;border:0;background:transparent;color:#f8fafc;font-size:13px;font-weight:750;outline:0}.mini-copy{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:rgba(255,255,255,.05);color:#cbd5e1;font-size:10px;font-weight:850;cursor:pointer}.mini-copy:hover{background:rgba(255,255,255,.1);color:#fff}.server-profile-card{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.52))}.server-profile-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#8b5cf6}.server-profile-card.accent-cyan:before{background:#22d3ee}.server-profile-card .profile-field{margin-top:11px}.server-profile-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.server-profile-head small{display:block;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.server-profile-head h3{margin:2px 0 0;font-size:18px}.server-profile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(139,92,246,.13);font-size:20px}.accent-cyan .server-profile-icon{background:rgba(34,211,238,.12)}.xhttp-profile{background:linear-gradient(145deg,rgba(15,23,42,.76),rgba(14,116,144,.08))}.app-setup-group{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:rgba(2,6,23,.46)}.app-setup-group .profile-field{margin-top:10px}.app-setup-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.app-setup-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#8b5cf6);font-size:12px;font-weight:900}.app-setup-title small{display:block;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.app-setup-title b{display:block;margin-top:2px}.profile-state{flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.profile-state.on{background:rgba(52,211,153,.12);color:#a7f3d0}.profile-state.off{background:rgba(148,163,184,.12);color:#cbd5e1}.compact-config textarea{min-height:190px}.visually-hidden-copy{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.option-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px}.profile-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.profile-admin-head h3{margin:3px 0 0}.profile-badge{padding:6px 9px;border-radius:999px;background:rgba(34,211,238,.11);color:#a5f3fc;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.profile-badge.neutral{background:rgba(148,163,184,.11);color:#cbd5e1}.profile-admin-box{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(2,6,23,.34)}.app-field-preview{display:grid;gap:9px}.app-field-preview>div{padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(2,6,23,.5)}.app-field-preview span{display:block;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.app-field-preview b{display:block;margin-top:4px;overflow-wrap:anywhere;font-size:13px}
@media(max-width:760px){.credential-grid,.server-profile-grid,.app-setup-grid{grid-template-columns:1fr}.profile-section-head{flex-direction:column}.profile-value-row{align-items:flex-start;flex-wrap:wrap}.profile-value-row .secret-value{min-width:180px}.compact-config .copy-floating{position:static;margin-top:9px;width:100%}.compact-config textarea{padding-right:13px}.option-row{flex-direction:column}}

/* Dashboard spacing polish */
.account-card .summary-grid,
.account-card .kv-grid,
.account-card [class*="usage"][class*="grid"],
.account-card [class*="traffic"][class*="grid"],
.account-card [class*="metric"][class*="grid"]{row-gap:16px}
.account-card [class*="usage"] + [class*="usage"],
.account-card [class*="traffic"] + [class*="traffic"],
.account-card [class*="metric"] + [class*="metric"]{margin-top:14px}
@media(max-width:620px){.account-card .summary-grid,.account-card .kv-grid,.account-card [class*="usage"][class*="grid"],.account-card [class*="traffic"][class*="grid"],.account-card [class*="metric"][class*="grid"]{row-gap:14px}}

/* Community landing page and UDPGW presentation */
.lead-secondary{margin-top:-4px;font-size:16px;color:#94a3b8}
.community-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.community-link{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid rgba(148,163,184,.15);border-radius:16px;background:rgba(15,23,42,.56);transition:.18s ease}
.community-link:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.32);background:rgba(15,23,42,.78)}
.community-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(139,92,246,.2));font-size:15px}
.community-link span:last-child{min-width:0}
.community-link small{display:block;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.community-link strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.metric-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric-grid-four .metric{min-width:0}
.metric-grid-four .metric strong{font-size:22px;overflow-wrap:anywhere}
.profile-note{margin:11px 2px 0;color:#94a3b8;font-size:11px;line-height:1.6}
.footer-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.footer-links a{color:#94a3b8;font-size:12px;font-weight:800}
.footer-links a:hover{color:#67e8f9}
@media(max-width:1120px){.community-links{grid-template-columns:1fr}.metric-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.metric-grid-four{grid-template-columns:1fr}.community-link strong{white-space:normal}.lead-secondary{font-size:15px}}


/* Mobile guest navigation: keep both Login and Create account visible. */
@media(max-width:620px){
  .topbar{gap:8px;padding:11px 12px}
  .brand{min-width:0;flex:1 1 auto;gap:8px}
  .brand-icon{flex:0 0 auto;width:40px;height:40px;border-radius:14px}
  .brand>span:last-child{min-width:0}
  .brand b{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
  .brand small{display:none}
  .topbar .guest-nav{flex:0 0 auto;gap:6px;font-size:12px}
  .topbar .guest-nav>a{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;padding:8px 9px}
  .topbar .guest-nav .nav-cta{padding:9px 10px}
}
@media(max-width:360px){
  .topbar{gap:6px;padding-left:10px;padding-right:10px}
  .brand-icon{width:36px;height:36px;border-radius:12px}
  .brand b{max-width:86px;font-size:13px}
  .topbar .guest-nav{gap:4px;font-size:11px}
  .topbar .guest-nav>a{padding:7px 8px}
  .topbar .guest-nav .nav-cta{font-size:0;padding:8px 9px}
  .topbar .guest-nav .nav-cta::after{content:"Create";font-size:11px}
}

/* Automatic language selector and five-second live dashboard updates */
.nav-language{border:1px solid rgba(148,163,184,.18)!important;background:rgba(255,255,255,.045)!important;color:#cbd5e1!important;white-space:nowrap}
.nav-language:hover{border-color:rgba(34,211,238,.35)!important;color:#fff!important}
.live-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.live-indicator{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(52,211,153,.2);border-radius:13px;background:rgba(52,211,153,.08);color:#a7f3d0;font-size:12px;font-weight:850}
.live-indicator i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 14px rgba(52,211,153,.8)}
[data-dashboard-live][data-live-state="error"] .live-indicator{border-color:rgba(251,113,133,.28);background:rgba(251,113,133,.09);color:#fecdd3}
[data-dashboard-live][data-live-state="error"] .live-indicator i{background:#fb7185;box-shadow:0 0 14px rgba(251,113,133,.75)}
[data-dashboard-live][data-live-state="paused"] .live-indicator{border-color:rgba(148,163,184,.2);background:rgba(148,163,184,.08);color:#cbd5e1}
[data-dashboard-live][data-live-state="paused"] .live-indicator i{background:#94a3b8;box-shadow:none}
[data-live-refresh][disabled]{opacity:.6;cursor:wait;transform:none}
[hidden]{display:none!important}
@media(max-width:760px){.live-controls{width:100%;justify-content:space-between}.live-indicator{flex:1 1 auto}.live-controls .btn{flex:0 0 auto}}
@media(max-width:620px){
  .topbar .nav-language{display:inline-flex!important;padding:8px!important;font-size:11px}
  .topbar .user-nav{gap:4px;font-size:11px}
  .topbar .user-nav>a:not(.nav-language){display:none}
  .topbar .user-nav .nav-button{padding:8px}
  .topbar .guest-nav{gap:4px}
  .topbar .guest-nav .nav-language{order:3}
}
@media(max-width:390px){
  .topbar .nav-language{font-size:0;padding:8px!important}
  .topbar .nav-language::after{content:attr(aria-label);font-size:0}
  .topbar .nav-language{width:34px;justify-content:center}
  .live-controls{align-items:stretch;flex-direction:column}
  .live-controls .btn{width:100%}
}
@media(max-width:390px){
  .topbar .nav-language{font-size:0!important;width:34px;min-width:34px;padding:8px!important}
  .topbar .nav-language::before{content:"🌐";font-size:14px;line-height:1}
  .topbar .nav-language::after{content:none}
}
@media(max-width:360px){
  .brand b{max-width:72px}
  .topbar .user-nav>a.nav-mobile-destination{padding:8px 7px;font-size:10px}
  .topbar .user-nav .nav-button{padding-left:6px;padding-right:6px}
}


/* Mobile authenticated navigation: expose Dashboard/Admin without breaking the header. */
html,body{max-width:100%;overflow-x:hidden}
body.admin-page{width:100%;max-width:100%}
body.admin-page .topbar,body.admin-page .page,body.admin-page footer{max-width:100%}
.admin-nav a.active{border-color:rgba(34,211,238,.34);background:rgba(34,211,238,.11);color:#cffafe}
@media(max-width:620px){
  .topbar .user-nav{display:flex;align-items:center;flex:0 0 auto;gap:4px;font-size:11px;min-width:0}
  .topbar .user-nav>a:not(.nav-language):not(.nav-mobile-destination){display:none}
  .topbar .user-nav>a.nav-mobile-destination{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:8px 10px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.055);color:#f8fafc;white-space:nowrap}
  .topbar .user-nav>a.nav-mobile-destination:hover{border-color:rgba(34,211,238,.35);background:rgba(255,255,255,.09)}
}
@media(max-width:360px){
  .brand b{max-width:72px}
  .topbar .user-nav>a.nav-mobile-destination{padding:8px 7px;font-size:10px}
  .topbar .user-nav .nav-button{padding-left:6px;padding-right:6px}
}

/* Admin mobile layout: never make the whole document wider than the viewport. */
.admin-page .page>*{min-width:0}
.admin-page .glass,.admin-page .panel,.admin-page .split,.admin-page .dashboard-grid,.admin-page .stats-grid,.admin-page .section-head,.admin-page .table-wrap{min-width:0;max-width:100%}
.admin-page .table-wrap{-webkit-overflow-scrolling:touch}
@media(max-width:760px){
  .admin-page .topbar{width:100%;padding:10px 12px}
  .admin-page .page{width:100%;margin:0;padding:20px 12px 64px}
  .admin-page .brand{min-width:0;flex:1 1 auto}
  .admin-page .brand b{max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .admin-page .admin-nav{display:flex;flex-wrap:nowrap;gap:7px;width:calc(100% + 24px);margin:-8px -12px 22px;padding:0 12px 7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .admin-page .admin-nav::-webkit-scrollbar{display:none}
  .admin-page .admin-nav a{flex:0 0 auto;white-space:nowrap;padding:8px 10px;font-size:11px}
  .admin-page .section-head{display:flex;align-items:stretch;gap:14px;margin-top:0}
  .admin-page .section-head h1,.admin-page .section-head h2{font-size:30px;line-height:1.08;overflow-wrap:anywhere}
  .admin-page .section-head form,.admin-page .section-head .actions{width:100%;max-width:100%}
  .admin-page .section-head .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .admin-page .section-head .actions form,.admin-page .section-head .actions .btn{width:100%;min-width:0}
  .admin-page .split,.admin-page .dashboard-grid,.admin-page .form-grid,.admin-page .stats-grid{grid-template-columns:1fr!important}
  .admin-page .panel,.admin-page .glass.panel{padding:16px;border-radius:20px}
  .admin-page .card-head{flex-direction:column;align-items:stretch;gap:12px}
  .admin-page .card-head .row-actions{width:100%}
  .admin-page .card-head .row-actions form{flex:1 1 140px}
  .admin-page .card-head .row-actions .btn{width:100%}
  .admin-page .metric{padding:15px}
  .admin-page .metric strong,.admin-page .stat-card strong{font-size:22px;overflow-wrap:anywhere}
  .admin-page input,.admin-page select,.admin-page textarea{min-width:0;max-width:100%}
  .admin-page .row-actions{width:100%;align-items:stretch}
  .admin-page .row-actions form,.admin-page .row-actions>a{flex:1 1 130px;min-width:0}
  .admin-page .row-actions .btn{width:100%;white-space:normal}
  .admin-page .table-wrap{overflow:visible;border:0;background:transparent}
  .admin-page table.mobile-card-table{display:block;width:100%;min-width:0;border-collapse:separate}
  .admin-page table.mobile-card-table thead{display:none}
  .admin-page table.mobile-card-table tbody{display:grid;gap:12px;width:100%}
  .admin-page table.mobile-card-table tr{display:block;width:100%;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(2,6,23,.5);overflow:hidden}
  .admin-page table.mobile-card-table td{display:block;width:100%;padding:9px 0;border:0;overflow-wrap:anywhere;word-break:break-word}
  .admin-page table.mobile-card-table td+td{border-top:1px solid rgba(148,163,184,.09)}
  .admin-page table.mobile-card-table td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}
  .admin-page table.mobile-card-table td[data-label=""]::before{display:none}
  .admin-page table.mobile-card-table td .row-actions{margin-top:2px}
}
@media(max-width:420px){
  .admin-page .section-head .actions{grid-template-columns:1fr}
}

/* User traffic filters and usage ordering. */
.usage-filter-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:15px 17px;border:1px solid rgba(148,163,184,.15);border-radius:20px;background:linear-gradient(135deg,rgba(15,23,42,.7),rgba(8,47,73,.23));box-shadow:0 18px 50px rgba(2,6,23,.16)}
.usage-filter-copy{min-width:0}
.usage-filter-copy .eyebrow{display:block;margin:0 0 5px}
.usage-filter-copy p{margin:0;color:#94a3b8;font-size:12px;line-height:1.55}
.usage-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;flex-wrap:wrap}
.usage-filter-tabs{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:rgba(2,6,23,.42)}
.usage-filter-button,.usage-order-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid transparent;border-radius:10px;color:#cbd5e1;font-size:11px;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.usage-filter-button:hover,.usage-order-button:hover{color:#fff;transform:translateY(-1px)}
.usage-filter-button.active{border-color:rgba(34,211,238,.3);background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.12));color:#cffafe;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.usage-order-button{border-color:rgba(148,163,184,.16);background:rgba(255,255,255,.045)}
.usage-order-button:hover{border-color:rgba(167,139,250,.38);background:rgba(139,92,246,.1)}
.usage-order-button span{color:#67e8f9;font-size:14px;line-height:1}
@media(max-width:760px){
  .usage-filter-panel{align-items:stretch;flex-direction:column;padding:14px;margin-bottom:18px}
  .usage-filter-actions{align-items:stretch;justify-content:flex-start;flex-direction:column;width:100%}
  .usage-filter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .usage-filter-button{min-width:0;padding:8px 6px;white-space:normal}
  .usage-order-button{width:100%;white-space:normal}
}
@media(max-width:390px){
  .usage-filter-tabs{grid-template-columns:1fr}
}
/* AbuseIPDB badge: compact and readable on the DragonCore footer. */
.abuseipdb-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:5px;border:1px solid rgba(148,163,184,.22);border-radius:13px;background:rgba(15,23,42,.72);box-shadow:0 10px 28px rgba(2,6,23,.28);overflow:hidden;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.abuseipdb-badge:hover{background:rgba(30,41,59,.82);border-color:rgba(103,232,249,.34);transform:translateY(-1px)}
.abuseipdb-badge img{display:block;width:220px;max-width:min(100%,220px);height:auto;padding:4px;border:1px solid rgba(15,23,42,.12);border-radius:9px;background:#f8fafc;background-image:linear-gradient(135deg,#ecfeff 0%,#f5f3ff 52%,#fff1f2 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 5px 16px rgba(2,6,23,.18)}
@media(max-width:420px){.abuseipdb-badge img{width:190px;max-width:min(100%,190px)}}

.btn[disabled]{opacity:.76;cursor:not-allowed;transform:none}.btn.is-loading{pointer-events:none}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:dragonfree-spin .8s linear infinite;flex:0 0 16px}@keyframes dragonfree-spin{to{transform:rotate(360deg)}}form.is-submitting{pointer-events:none}

.account-danger-zone{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:rgba(251,113,133,.24);background:linear-gradient(180deg,rgba(67,18,35,.28),rgba(15,23,42,.58))}.account-danger-zone h2{margin:6px 0 6px}.danger-kicker,.danger-eyebrow{color:#fecdd3}.delete-account-card{border-color:rgba(251,113,133,.24)}.delete-account-card .delete-acknowledgement{align-items:flex-start;padding:12px 14px;border:1px solid rgba(251,113,133,.18);border-radius:14px;background:rgba(251,113,133,.06)}.delete-account-card .delete-acknowledgement input{margin-top:3px;flex:0 0 auto}.delete-actions{justify-content:flex-end;margin-top:4px}@media(max-width:720px){.account-danger-zone{align-items:stretch;flex-direction:column}.account-danger-zone .btn{width:100%}.delete-actions{flex-direction:column-reverse}.delete-actions .btn{width:100%}}

/* Admin reliability/UI fixes */
.page>.alert{width:100%;max-width:100%;min-width:0;overflow:visible;overflow-wrap:anywhere;word-break:normal;white-space:normal;line-height:1.55;margin-bottom:20px}
.page>.alert+.admin-nav{margin-top:0}
.admin-live-indicator{white-space:nowrap}
.job-detail{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}
@media(max-width:760px){.admin-page .page>.alert{margin-left:0;margin-right:0}.admin-page [data-admin-jobs-live] .row-actions{display:flex;flex-direction:row;flex-wrap:wrap}.admin-page .admin-live-indicator{flex:1 1 100%}}

.job-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}.job-page-label{color:var(--muted);font-size:13px;font-weight:800}.job-pagination [aria-disabled="true"]{opacity:.42;pointer-events:none}

/* Background-job pagination: compact, stable, with real-link fallback. */
.job-pagination{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:14px}.job-page-numbers{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.job-page-number{min-width:34px;padding-left:10px;padding-right:10px}.job-page-number.current{border-color:rgba(34,211,238,.48);background:rgba(34,211,238,.12);color:#cffafe}.job-pagination button:disabled{opacity:.42;pointer-events:none}.job-page-label{min-width:180px;text-align:center;white-space:nowrap}@media(max-width:620px){.job-pagination{justify-content:flex-start}.job-page-label{order:-1;flex:1 1 100%;min-width:0;text-align:left;white-space:normal}.job-page-numbers{order:2}.job-pagination [data-job-page-next]{order:3}}
/* Pagination controls are real links so navigation still works without JS. */
.job-pagination a[aria-disabled="true"]{opacity:.42;pointer-events:none;cursor:default;transform:none}.job-pagination a[aria-current="page"]{cursor:default}