:root{--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg-base:#08090b;--bg-elevated:#0e1014;--bg-card:#12151ae0;--bg-card-solid:#12151a;--bg-sidebar:#0a0c10eb;--stroke:#ffffff14;--stroke-strong:#ffffff24;--text:#f5f6f7;--text-secondary:#969ba5;--text-muted:#6b7280;--accent:#f12632;--accent-bright:#ff4d57;--accent-deep:#a30f1b;--accent-dim:#f1263224;--accent-glow:#f1263247;--success:#3ddc84;--success-bg:#3ddc841f;--warning:#e6a23c;--warning-bg:#e6a23c1f;--danger:#ff4d57;--danger-bg:#f126321f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-inset:inset 0 1px 0 #ffffff0d;color:var(--text);background-color:var(--bg-base);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.55}*{box-sizing:border-box}html{background-color:#08090b}body{min-height:100vh;font-family:var(--font-sans);-webkit-text-size-adjust:100%;background-color:#08090b;background-image:radial-gradient(820px 420px at 8% -6%,#f1263229 0%,#0000 55%),radial-gradient(640px 380px at 92% 8%,#f1263214 0%,#0000 50%),radial-gradient(500px 320px at 50% 100%,#f126320d 0%,#0000 45%),linear-gradient(165deg,#08090b 0%,#060708 50%,#0a0b0e 100%);margin:0}#root{background-color:#08090b;min-height:100vh}a{color:var(--accent-bright);text-decoration:none;transition:color .15s,opacity .15s}a:hover{color:#ff7a82}button,input,select,textarea{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:flex}.users-overview-header{z-index:5;background:#0e1014f2;position:sticky;top:0}.users-overview-row{transition:background-color .15s}.users-overview-grid{grid-template-columns:minmax(240px,1.8fr) 120px 160px 160px 90px minmax(170px,1fr) 160px;align-items:center;gap:10px;display:grid}.users-user-cell{min-width:0;line-height:1.2}.staff-permission-group{border:1px solid var(--stroke);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:16px 0;padding:16px;display:grid}.staff-permission-item{cursor:pointer;align-items:flex-start;gap:10px;min-height:36px;display:flex}.staff-permission-item input{accent-color:#f51e31;flex-shrink:0;width:20px;height:20px}.staff-permission-item small{color:var(--muted,#969ba5);display:block}.users-user-primary{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.users-user-secondary{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.74rem;overflow:hidden}.users-date-cell{min-width:0;font-size:.82rem;line-height:1.15}.users-date-cell>div:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.users-date-rel{margin-top:2px;font-size:.73rem}.users-limit-cell{font-size:.84rem}.users-signals{flex-wrap:nowrap;gap:4px;min-width:0;display:flex;overflow:hidden}.users-signals .dash-pill{padding:.2rem .45rem;font-size:.64rem}.users-signals .status-badge{font-size:.65rem}.users-actions{align-items:center;display:flex}.users-filters{flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.75rem;padding-bottom:.75rem;display:flex}.users-filters-grid{grid-template-columns:minmax(340px,1fr) 180px 160px;align-items:end;gap:10px;display:grid}.users-filters-search{min-width:0}.users-filters-status select{width:100%;min-height:34px}.users-filters-archive{justify-self:start;min-height:34px}.users-actions .btn{border-radius:var(--radius-sm);color:#fff;background:#f12632;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.86rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex;box-shadow:0 2px 12px #f1263247}.users-actions .btn-ghost{opacity:.88}.users-overview-row:hover{background:#f1263214}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--stroke);flex-direction:column;width:232px;padding:1.35rem 1rem 1.5rem;display:flex}.sidebar-brand{border-bottom:1px solid var(--stroke);margin-bottom:1.35rem;padding-bottom:1.1rem}.sidebar-brand-mark{width:2.25rem;height:2.25rem;box-shadow:0 0 22px var(--accent-glow);border-radius:9px;display:block}.sidebar-brand-text{margin-top:.65rem}.sidebar-brand-text h1{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);margin:0;font-size:.95rem;font-weight:700}.brand-vpn{color:var(--accent);letter-spacing:.06em}.sidebar-brand-text>span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.2rem;font-size:.68rem;font-weight:500;display:block}.sidebar nav{flex-direction:column;gap:.15rem;display:flex}.sidebar nav a{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid #0000;padding:.5rem .65rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .15s;display:block}.sidebar nav a:hover{color:var(--text);background:#f1263214;border-color:#f126321f}.sidebar nav a.active{background:linear-gradient(90deg, var(--accent-dim), #f126320a);color:#fff;border-color:#f1263247;box-shadow:0 0 20px #f1263214}.sidebar-footer{border-top:1px solid var(--stroke);margin-top:auto;padding-top:1rem}.sidebar-role{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono);margin-top:.75rem}.main{flex:1;min-width:0;padding:1.5rem 2rem 2.5rem;overflow:auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:.9rem 1rem;margin-bottom:1.65rem;display:grid}.card{border:1px solid var(--stroke);border-radius:var(--radius-md);box-shadow:var(--shadow-sm), var(--shadow-inset);background:linear-gradient(155deg,#1c20288c,#0e1014e0);padding:.95rem 1rem 1rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(160deg,#ffffff12,#0000 42%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{border-color:var(--stroke-strong);box-shadow:var(--shadow-md), var(--shadow-inset), 0 0 0 1px #f126320f;transform:translateY(-2px)}.card h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .4rem;font-size:.68rem;font-weight:600}.card .val{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.card .val--accent{background:linear-gradient(120deg,#fff 0%,#ffb3b8 55%,#f12632 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.card .val--warn{color:var(--warning)}.card .val--danger{color:var(--danger)}.card .val--info{color:var(--accent)}.panel{border:1px solid var(--stroke);border-radius:var(--radius-md);box-shadow:var(--shadow-sm), var(--shadow-inset);background:linear-gradient(165deg,#161a20a6,#0c0d10eb);margin-bottom:1.35rem;padding:1.15rem 1.25rem;position:relative}.panel>h2:first-child,.panel>h3:first-child{margin-top:0}.table-scroll{border-radius:var(--radius-sm);border:1px solid var(--stroke);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow:auto hidden}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{text-align:left;border-bottom:1px solid #ffffff1f;padding:.55rem .65rem}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;background:#0003;font-size:.72rem;font-weight:600}.btn{border-radius:var(--radius-sm);color:#fff;background:#f12632;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.86rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex;box-shadow:0 2px 12px #f1263247}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #f1263233}.btn:hover:not(:disabled){background:#ff4d57;transform:translateY(-1px);box-shadow:0 4px 18px #f1263259}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:linear-gradient(#782837a6,#461824e6);border-color:#ff788c59}.btn-danger:hover:not(:disabled){border-color:#ff8ca080;box-shadow:0 4px 16px #ff64781f}.btn-ghost{border-color:var(--stroke);color:var(--text);box-shadow:none;background:#ffffff08;font-weight:500}.btn-ghost:hover:not(:disabled){color:#fff;box-shadow:none;background:#f1263214;border-color:#f1263240}.userhub-btn-recommended{box-shadow:0 0 0 2px #f1263259,0 4px 18px #f1263229}.field{margin-bottom:.85rem}.field label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.78rem;font-weight:500;display:block}.field input{border-radius:var(--radius-sm);border:1px solid var(--stroke);width:100%;max-width:340px;color:var(--text);background:#060709d9;padding:.55rem .7rem;transition:border-color .15s,box-shadow .15s}select{border-radius:var(--radius-sm);border:1px solid var(--stroke);color:var(--text);background:#060709e6;padding:.45rem .6rem}input[type=checkbox]{accent-color:var(--accent)}.field input:focus{box-shadow:0 0 0 3px var(--accent-dim);border-color:#f1263273;outline:none}.login-wrap{border:1px solid var(--stroke);border-radius:var(--radius-lg);width:calc(100% - 2rem);max-width:400px;box-shadow:var(--shadow-md), 0 0 60px #f126320f;background:linear-gradient(165deg,#181c22bf,#0a0b0ef2);margin:5rem auto;padding:2rem 2.1rem 2.25rem;transform:translateZ(0)}.login-brand{align-items:center;gap:.85rem;margin-bottom:.35rem;display:flex}.login-brand img{box-shadow:0 0 24px var(--accent-glow);border-radius:10px;flex-shrink:0}.login-wrap h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.login-wrap .login-lead{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.9rem}.err{color:var(--danger);margin-top:.5rem;font-size:.875rem}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.dash-header h2,.dash-title{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(110deg,#fff 0%,#ffc9cd 45%,#f12632 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.65rem;font-weight:700}.dash-sub{color:var(--text-muted);max-width:44rem;margin:.45rem 0 0;font-size:.85rem;line-height:1.5}.dash-actions{align-items:center;gap:.7rem;display:flex}.growth-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end}.month-picker{gap:.32rem;display:grid}.month-picker-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.72rem;font-weight:600}.month-picker-controls{border:1px solid var(--stroke-strong);border-radius:var(--radius-sm);min-height:2.55rem;box-shadow:var(--shadow-inset);background:#060709e6;grid-template-columns:2.45rem minmax(9.8rem,1fr) 2.45rem;display:grid;overflow:hidden}.month-picker-controls input{border:0;border-right:1px solid var(--stroke);border-left:1px solid var(--stroke);min-width:0;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-align:center;background:0 0;outline:none;padding:.48rem .7rem;font-weight:600}.month-picker-controls input:focus-visible{box-shadow:inset 0 0 0 2px #f1263280}.month-picker-arrow{color:var(--text-secondary);background:0 0;border:0;font-weight:700;transition:background .15s,color .15s}.month-picker-arrow:hover:not(:disabled){background:var(--accent-dim);color:#fff}.month-picker-arrow:disabled{cursor:not-allowed;opacity:.3}.month-summary{border-radius:var(--radius-lg);background:linear-gradient(145deg,#f126320e,#0e101447);border:1px solid #f126322e;padding:1rem}.month-summary-head{align-items:center}.dash-pill{border:1px solid var(--stroke);color:var(--text-secondary);letter-spacing:.04em;border-radius:999px;padding:.28rem .65rem;font-size:.72rem;font-weight:600}.dash-pill--ok{color:var(--success);background:var(--success-bg);border-color:#5ad4a073}.dash-pill--bad{color:var(--danger);background:var(--danger-bg);border-color:#ff8b9a73}.dash-pill--warn{color:var(--warning);background:var(--warning-bg);border-color:#e6a23c73}.userhub-pill-warning{color:var(--warning);background:var(--warning-bg);border-color:#f0b95c73}.userhub-problems{border-color:#ff8b9a38}.userhub-issue{border:1px solid var(--stroke);border-radius:var(--radius-sm);align-items:center;gap:.55rem;padding:.5rem .65rem;display:flex}.userhub-issue--critical{background:#ff8b9a0f;border-color:#ff8b9a59}.userhub-issue--warning{background:#f0b95c0f;border-color:#f0b95c59}.userhub-issue--info{background:#f126320d;border-color:#f126324d}.userhub-recommend{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.userhub-summary{padding-top:.9rem;padding-bottom:.9rem}.userhub-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;display:grid}.userhub-summary-value{color:var(--text);margin-top:.2rem;font-weight:600}.userhub-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem;display:grid}.userhub-metric-card{border:1px solid var(--stroke);border-radius:var(--radius-sm);background:#07080a61;padding:.55rem .65rem}.userhub-metric-value{color:var(--text-secondary);margin-top:.2rem;font-size:.88rem}.userhub-row-critical td{background:#ff8b9a0f}.userhub-row-warning td{background:#f0b95c0f}.userhub-row-info td{background:#f126320f}.dash-section{margin-bottom:1.65rem}.dash-h3{border-left:3px solid var(--accent);text-transform:uppercase;letter-spacing:.11em;color:var(--text-secondary);margin:0 0 .85rem;padding-left:.65rem;font-size:.72rem;font-weight:700}.dash-muted{color:var(--text-muted);font-weight:400}.dash-stat-note{color:var(--text-muted);margin-top:.35rem;font-size:.68rem;line-height:1.45;display:block}.dash-stat-help{color:var(--text-muted);margin:.55rem 0 0;padding:0;font-size:.72rem;font-weight:400;line-height:1.5}.dash-stat-help strong{color:var(--text-secondary);font-weight:600}.dash-charts-intro{color:var(--text-muted);margin:0 0 .85rem;font-size:.78rem;line-height:1.5}.dash-api-hint{color:var(--text-muted);max-width:14rem;margin:.35rem 0 0;font-size:.68rem;line-height:1.4}.dash-banner{border-radius:var(--radius-sm);background:var(--danger-bg);border:1px solid #ff8b9a40;margin-bottom:1rem;padding:.6rem .85rem}.dash-charts{padding:1.1rem 1.2rem 1.25rem}.dash-charts>h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-size:.72rem;font-weight:700}.dash-chart-row{grid-template-columns:1fr 1fr;gap:1.15rem;display:grid}@media (width<=900px){.dash-chart-row{grid-template-columns:1fr}.users-filters-grid{grid-template-columns:1fr;align-items:stretch}}.dash-chart-cell{border-radius:var(--radius-sm);background:#0000002e;border:1px solid #ffffff1f;min-width:0;height:248px;padding:.5rem}.dash-overview{margin-bottom:1.15rem;padding:.9rem 1rem}.dash-section-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.55rem;display:flex}.dash-traffic{padding:.75rem .85rem;overflow-x:auto}.dash-traffic-table{border-collapse:collapse;width:100%;font-size:.88rem}.dash-traffic-table th,.dash-traffic-table td{text-align:left;white-space:nowrap;vertical-align:top;border-bottom:1px solid #ffffff14;padding:.42rem .5rem}.dash-traffic-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem;font-weight:600}.dash-traffic-table tbody tr:last-child td{border-bottom:none}.dash-traffic-tags{white-space:normal;max-width:28rem;color:var(--text);font-variant-numeric:tabular-nums}.dash-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.dash-overview-item{border-radius:var(--radius-sm);background:#06070957;border:1px solid #ffffff2e;min-width:0;padding:.65rem .7rem}.dash-overview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.66rem}.dash-overview-value{color:var(--text);margin:.25rem 0 .2rem;font-size:1.05rem;font-weight:700}.dash-overview-value--ok{color:var(--success)}.dash-overview-value--warn{color:var(--warning)}.dash-footnote{color:var(--text-muted);max-width:52rem;margin-top:1.5rem;font-size:.78rem;line-height:1.55}.dash-footnote code{font-family:var(--font-mono);color:var(--text-secondary);background:#00000040;border-radius:4px;padding:.1em .35em;font-size:.82em}.mobile-list{gap:.7rem;padding:.7rem;display:grid}.mobile-list-card{border:1px solid var(--stroke);border-radius:var(--radius-sm);background:#08090c70;padding:.7rem .75rem}.mobile-list-head{margin-bottom:.35rem}.mobile-list-meta{color:var(--text-secondary);gap:.28rem;font-size:.8rem;display:grid}.mobile-list-pills{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .35rem;display:flex}.mobile-list-card.userhub-row-critical{background:#ff8b9a14;border-color:#ff8b9a59}.mobile-list-card.userhub-row-warning{background:#f0b95c14;border-color:#f0b95c59}.page-skeleton{max-width:28rem;margin:2rem auto;padding-left:1rem;padding-right:1rem}.page-title-plain{letter-spacing:-.02em}code{font-family:var(--font-mono);font-size:.88em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-topbar,.nav-backdrop{display:none}@media (width<=768px){.mobile-topbar{z-index:160;min-height:calc(3.25rem + env(safe-area-inset-top,0px));padding:.5rem .85rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--stroke);background:#0a0b0ee0;flex-shrink:0;align-items:center;gap:.75rem;margin:0 0 .35rem;display:flex;position:sticky;top:0}.mobile-topbar-title{letter-spacing:.03em;color:var(--text);font-size:.96rem;font-weight:700}.mobile-topbar-title-wrap{min-width:0}.mobile-topbar-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.74rem;overflow:hidden}.mobile-menu-btn{border:1px solid var(--stroke);border-radius:var(--radius-sm);min-width:2.75rem;min-height:2.75rem;color:var(--text);-webkit-tap-highlight-color:transparent;background:#ffffff0f;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-menu-btn:active{background:#f1263226}.mobile-menu-bars{flex-direction:column;justify-content:center;gap:5px;width:1.15rem;display:flex}.mobile-menu-bars span{background:var(--text);border-radius:1px;height:2px;transition:transform .2s,opacity .2s;display:block}.layout--nav-open .mobile-menu-bars span:first-child{transform:translateY(6px)rotate(45deg)}.layout--nav-open .mobile-menu-bars span:nth-child(2){opacity:0}.layout--nav-open .mobile-menu-bars span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-backdrop{z-index:170;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-tap-highlight-color:transparent;cursor:pointer;background:#04060a8c;border:none;margin:0;padding:0;display:block;position:fixed;inset:0}.layout{flex-direction:column;min-height:100dvh}.sidebar{width:min(17.75rem,90vw);max-width:100%;height:100vh;padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:180;border-right:1px solid var(--stroke);-webkit-overflow-scrolling:touch;border-bottom:none;flex-direction:column;margin:0;transition:transform .3s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-102%);box-shadow:8px 0 40px #00000073}.layout--nav-open .sidebar{transform:translate(0)}.sidebar nav a{align-items:center;min-height:2.75rem;display:flex}.sidebar-footer{margin-top:auto;padding-top:1rem}.main{min-height:0;padding:.7rem .85rem 2rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex:1;overflow-x:hidden}.card-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.card{padding:.85rem .9rem}.card:hover{transform:none}.card .val{font-size:1.2rem}.dash-header{flex-direction:column;align-items:stretch;gap:.85rem}.dash-header h2,.dash-title{font-size:1.35rem}.dash-actions{flex-wrap:wrap;justify-content:flex-start}.growth-header-actions,.month-picker{width:100%}.month-picker-controls{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem}.dash-actions .btn{flex:auto;min-height:2.75rem}.dash-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.dash-charts{padding:.85rem .75rem 1rem}.dash-chart-cell{height:200px;padding:.35rem}.login-wrap{margin:2rem 1rem;padding:1.5rem 1.25rem}.field input{max-width:none}table{font-size:.8125rem}th,td{padding:.45rem .4rem}.table-scroll{border-radius:10px}.table-scroll table{min-width:640px}.mobile-list{gap:.55rem;padding:.55rem}.mobile-list-card{padding:.65rem .68rem}.page-skeleton{margin:1.25rem 1rem}}@media (width<=520px){.card-grid{grid-template-columns:1fr}.dash-header h2,.dash-title{font-size:1.2rem}.dash-sub{font-size:.8rem}.panel{border-radius:var(--radius-sm);padding:.9rem .85rem}.dash-overview-grid{grid-template-columns:1fr}.dash-overview-value{font-size:1rem}}@media (hover:none) and (pointer:coarse){.btn{min-height:2.75rem;padding-left:1rem;padding-right:1rem}}.toast-stack{z-index:300;flex-direction:column;gap:.6rem;max-width:min(380px,100vw - 2rem);display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast{border-radius:var(--radius-md);border:1px solid var(--stroke-strong);box-shadow:var(--shadow-md);background:linear-gradient(165deg,#161a20f2,#0c0d10fa);align-items:flex-start;gap:.6rem;padding:.7rem .85rem;font-size:.88rem;animation:.18s ease-out toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.toast--success .toast-icon{background:var(--success-bg);color:var(--success)}.toast--error .toast-icon{background:var(--danger-bg);color:var(--danger)}.toast--info .toast-icon{background:var(--accent-dim);color:var(--accent)}.toast--error{border-color:#ff8b9a66}.toast--success{border-color:#5ad4a059}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0 .15rem;font-size:1rem;line-height:1}.toast-close:hover{color:var(--text)}.dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:290;background:#04060aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{border:1px solid var(--stroke-strong);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:var(--shadow-md);background:linear-gradient(165deg,#161a20f7,#0c0d10fc);padding:1.25rem 1.35rem;animation:.16s ease-out toast-in}.dialog-title{margin:0 0 .4rem;font-size:1.05rem}.dialog-desc{color:var(--text-secondary);white-space:pre-line;margin:0 0 .9rem;font-size:.88rem}.dialog-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.sidebar-role .role-badge{background:var(--accent-dim);color:var(--accent);border:1px solid #f126324d;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.payment-mode-card{border:1px solid var(--stroke-strong);border-radius:var(--radius-md);background:#ffffff06;justify-content:space-between;align-items:center;gap:1.25rem;max-width:780px;margin:1rem 0;padding:1rem;display:flex}.payment-mode-copy{gap:.3rem;display:grid}.payment-mode-state{color:var(--accent);font-size:.92rem;font-weight:700}.payment-mode-switch{appearance:none;border:1px solid var(--stroke-strong);cursor:pointer;background:#343941;border-radius:999px;flex:none;width:3.5rem;height:2rem;padding:.2rem;transition:background .18s,border-color .18s,box-shadow .18s}.payment-mode-switch:hover:not(:disabled){border-color:#f12632b3}.payment-mode-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.payment-mode-switch:disabled{cursor:wait;opacity:.6}.payment-mode-switch.is-on{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px #f1263221}.payment-mode-switch__thumb{background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .18s;display:block;transform:translate(0);box-shadow:0 2px 7px #00000059}.payment-mode-switch.is-on .payment-mode-switch__thumb{transform:translate(1.5rem)}.payment-mode-warning{border-radius:var(--radius-sm);color:#ffd28a;background:#ffc05c14;border:1px solid #ffc05c4d;max-width:780px;margin:-.25rem 0 1rem;padding:.7rem .85rem;font-size:.84rem}@media (width<=520px){.payment-mode-card{align-items:flex-start}}:root{--text-secondary:#b5bdca;--text-muted:#a1aaba;--stroke:#303744;--stroke-strong:#495466;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-image:none}.layout{background:#0c1017}.sidebar{width:244px;box-shadow:none;background:#111722;flex:0 0 244px;padding:20px 14px}.sidebar-brand{align-items:center;gap:12px;padding:0 10px 20px;display:flex}.sidebar-brand-text{margin:0}.sidebar-brand-mark{box-shadow:none}.sidebar-brand-text>span{letter-spacing:.03em}.sidebar nav{gap:18px;padding:16px 0}.nav-group-label{color:var(--text-muted);padding:0 10px 6px;font-size:.75rem;font-weight:600}.sidebar nav a{min-height:40px;padding:8px 12px;font-size:.875rem}.sidebar nav a.active{background:#32212c;border-color:#0000;box-shadow:inset 3px 0 #ff5968}.nav-search{color:var(--text-secondary);gap:6px;padding:0 8px;font-size:.75rem;display:grid}.nav-search input{width:100%;min-width:0}.sidebar-close{display:none}.sidebar-footer{padding:14px 8px 0}.main{padding:28px clamp(16px,2.5vw,40px) 48px}.main>div,.main>section{min-width:0;max-width:1600px;margin-inline:auto}.main h1,.main h2{letter-spacing:-.025em;line-height:1.3}.main h1,.main>div>h2,.main>section>h2{margin:0 0 20px;font-size:1.65rem}.main h3{line-height:1.4}.panel,.card{box-shadow:none;background:#151c27}.card:hover{box-shadow:none;transform:none}.card:before{display:none}.panel{margin-bottom:20px;padding:22px}.card h3,.dash-h3,.dash-charts>h3{text-transform:none;letter-spacing:0;font-size:.9rem}.dash-h3{color:var(--text);border-left:0;padding-left:0}.dash-stat-note,.dash-stat-help,.dash-api-hint{font-size:.8rem}.dash-sub{line-height:1.6}.btn{min-height:40px;box-shadow:none;line-height:1.35}.btn:hover:not(:disabled){box-shadow:none;transform:none}.btn-ghost{background:#1c2533;border-color:#3a4658}.btn-danger{color:#ffb0b8;background:#36212b;border-color:#8b4151}.btn-danger:hover:not(:disabled){color:#fff;background:#542634}input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;min-height:40px;color:var(--text);font:inherit;background:#0d141f;border:1px solid #4a5568;border-radius:8px;padding:9px 12px}.field input:not([type=checkbox]):not([type=radio]){background:#0d141f;border-color:#4a5568}textarea{resize:vertical;line-height:1.55}input::placeholder,textarea::placeholder{color:#96a2b5;opacity:1}.field label{margin-bottom:7px;font-size:.875rem}.field:has(input[type=checkbox]) input[type=checkbox]{width:18px;height:18px;padding:0}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #8abbff}.field input:focus-visible{outline-offset:3px;box-shadow:none;outline:2px solid #8abbff}:where(input,select,textarea):disabled{opacity:.65;cursor:not-allowed}:where(input,textarea):read-only{border-style:dashed}.field,fieldset{min-width:0}.table-scroll{scrollbar-color:#65738a #101722}th{text-transform:none;letter-spacing:0;background:#1c2635;font-size:.8rem}th,td{vertical-align:top;padding:12px 14px}td{overflow-wrap:anywhere}tbody tr:hover{background:#1b2635}.table-scroll table{min-width:640px}.table-scroll:focus-visible{outline-offset:2px;outline:2px solid #8abbff}.users-filters-grid{grid-template-columns:minmax(240px,1fr) 180px auto;align-items:end}.users-filters-search input{max-width:none}.users-filters-archive{align-self:end;min-height:40px}.users-overview-header{background:#1c2635}.users-user-secondary,.users-date-rel{color:var(--text-secondary)}.users-actions .btn{box-shadow:none;background:#243044;border-color:#455571}.users-actions .btn:hover{box-shadow:none;background:#32445f}.dialog{overscroll-behavior:contain;background:#17202d;max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto}.dialog-title{font-size:1.25rem}.dialog-actions{border-top:1px solid var(--stroke);background:#17202d;flex-wrap:wrap;margin-bottom:-16px;padding:16px 0;position:sticky;bottom:-24px}.dialog .field input,.dialog .field select{width:100%;max-width:none}.toast-close{min-width:32px;min-height:32px}.err{color:#ffbdc5;overflow-wrap:anywhere;background:#321e29;border:1px solid #854051;border-radius:8px;padding:12px 16px}.empty-state{text-align:center;color:var(--text-secondary);padding:28px 16px}.filter-bar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.filter-bar .field{flex:220px;margin:0}.filter-bar .field input{max-width:none}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px 28px;max-width:960px;display:grid}.settings-grid .field{margin:0}.settings-grid input{max-width:none}.section-nav{border:1px solid var(--stroke);background:#111925;border-radius:10px;flex-wrap:wrap;gap:8px;margin:16px 0 24px;padding:12px;display:flex}.section-nav a{color:var(--text-secondary);border-radius:6px;padding:7px 10px;font-size:.875rem}.section-nav a:hover{color:#fff;background:#273449}[id^=section-]{scroll-margin-top:24px}.skip-link{z-index:400;color:#111;background:#fff;border-radius:8px;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}@media (width>=769px){.sidebar{height:100dvh;position:sticky;top:0;overflow-y:auto}}@media (width<=1100px) and (width>=769px){.sidebar{flex-basis:216px;width:216px}}@media (width<=900px){.users-filters-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.sidebar{visibility:hidden;width:min(300px,90vw);height:100dvh}.layout--nav-open .sidebar{visibility:visible}.sidebar-close{margin-bottom:16px;display:flex}.sidebar nav a{min-height:44px}.main{padding:16px 12px 32px;overflow-x:clip}.panel{padding:16px}.main h1,.main>div>h2,.main>section>h2{font-size:1.4rem}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px;font-size:16px}.btn{white-space:normal;min-height:44px}.dialog{max-height:calc(100dvh - 24px);padding:20px}.dialog-actions{bottom:-20px}.dialog-actions .btn{flex:120px}.dialog-backdrop{padding:12px}[id^=section-]{scroll-margin-top:88px}.section-nav{gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.staff-create>summary{cursor:pointer;font-weight:600}.staff-create[open]>summary{margin-bottom:20px}.staff-permission-group{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.app-offering{border-top:1px solid var(--stroke);padding-block:12px}.users-overview-grid{grid-template-columns:minmax(160px,1.5fr) 90px minmax(120px,1fr) minmax(105px,1fr) 45px minmax(90px,1fr) 110px;gap:8px}.users-overview-grid--no-finance{grid-template-columns:minmax(180px,1.7fr) 100px minmax(140px,1fr) 55px minmax(100px,1fr) 120px}.users-overview-row{border-bottom:1px solid var(--stroke);padding:8px 12px}.users-overview-header{font-size:.8rem}.users-filters-grid>.btn{justify-self:start}.users-overview-grid>div{min-width:0}.userhub-pill-info{color:#b5d5ff;background:#1b304b;border-color:#3e6088}td{overflow-wrap:normal;word-break:normal}.btn,.dash-pill,.status-badge,.role-badge{white-space:nowrap;overflow-wrap:normal;word-break:normal;flex-shrink:0}.dash-pill{letter-spacing:0;align-items:center;max-width:none;min-height:26px;padding:3px 9px;font-size:12px;line-height:1.35;display:inline-flex}th{white-space:nowrap}.cell-badges{flex-wrap:wrap;gap:6px;display:flex}.table-scroll{max-width:100%}.data-table{table-layout:auto}.data-table td{vertical-align:middle;line-height:1.5}.data-table td:first-child{overflow-wrap:anywhere;min-width:200px;max-width:280px}.data-table th,.data-table td{padding:14px 16px}.table-scroll .data-table--devices{min-width:1020px}.data-table--devices td:nth-child(2){overflow-wrap:anywhere;min-width:130px;max-width:190px}.data-table--devices td:nth-child(6){min-width:160px;max-width:180px}.data-table--devices td:last-child{width:110px}.table-scroll .data-table--subscriptions{min-width:900px}.data-table--subscriptions td:nth-child(3){min-width:160px}.data-table--subscriptions td:last-child{width:220px}.table-scroll .data-table--payments{min-width:1180px}.data-table--payments td:nth-child(3){overflow-wrap:anywhere;min-width:155px;max-width:170px}.data-table--payments td:nth-child(5){white-space:nowrap}.data-table--payments td:nth-child(6){min-width:95px}.data-table--payments td:nth-child(7),.data-table--payments td:nth-child(8){min-width:160px;max-width:180px}.proon-brand{align-items:center;gap:12px;min-width:0;display:flex}.proon-brand img{border-radius:11px;flex:none;width:40px;height:40px}.proon-wordmark{color:#f5f6fa;letter-spacing:-.04em;white-space:nowrap;align-items:baseline;gap:6px;font-size:23px;font-weight:700;line-height:1.15;display:flex}.proon-wordmark>span{color:#ee5367;letter-spacing:.06em;font-size:13px;font-weight:600}.proon-brand-caption{color:#8d98ac;letter-spacing:.035em;white-space:nowrap;margin-top:5px;font-size:10px;display:block}.proon-brand--compact .proon-wordmark{font-size:21px}.sidebar{background:#10151f;flex-basis:256px;width:256px;padding:24px 16px 16px}.sidebar-brand{border-bottom:1px solid #272e3b;margin-bottom:20px;padding:0 8px 24px}.nav-search{gap:8px;padding:0 4px;font-size:11px}.nav-search input{min-height:40px;font-size:13px}.sidebar nav{flex-direction:column;flex:1;gap:10px;padding-top:24px;display:flex}.nav-group{border:1px solid #0000;border-radius:12px;padding:4px}.nav-group--open{background:#151c28;border-color:#293243}.nav-group-toggle{color:#a6b1c4;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px 10px;font-size:12px;font-weight:600;display:flex}.nav-group--open .nav-group-toggle{color:#f1f4fa}.nav-group-count{color:#8592a9;font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.nav-chevron{font-size:16px;line-height:1;transform:rotate(-90deg)}.nav-group--open .nav-chevron{transform:none}.nav-group-items{gap:3px;padding:2px 0 4px;display:grid}.nav-group-items[hidden]{display:none}.sidebar nav a{color:#aeb8ca;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;min-height:44px;margin:0;padding:10px;font-size:13px;line-height:1.3;display:flex}.sidebar nav a.active{color:#fff;box-shadow:none;background:#34222d;border-color:#693043}.sidebar nav a:hover{background:#232d3e}.nav-icon{color:#7f8ea6;flex:none;width:18px;height:18px}.sidebar nav a.active .nav-icon{color:#ff7f90}.sidebar-footer{margin-top:24px;padding:16px 4px 0}.sidebar-role{font-size:11px;line-height:1.8}.sidebar-role .role-badge{font-size:10px;display:inline-block}@media (width>=769px){.sidebar{flex-direction:column;display:flex}}@media (width<=1100px) and (width>=769px){.sidebar{flex-basis:238px;width:238px;padding-inline:12px}}@media (width<=768px){.sidebar{width:min(300px,90vw)}.sidebar nav{gap:8px}.sidebar nav a{font-size:14px}.nav-group-toggle{min-height:44px;font-size:13px}.btn{white-space:nowrap}}.staff-list-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:24px 0 12px;display:flex}.staff-list-toolbar h3{margin:0}.data-table--staff{min-width:1000px}.data-table--staff td:last-child{min-width:240px;max-width:280px}.staff-row-actions .btn{margin:3px!important}.data-table--staff td:first-child{overflow-wrap:anywhere;max-width:220px}.adaptive-records{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;padding:0}.adaptive-records .mobile-list-card{background:#151c27;border-radius:12px;min-width:0;padding:20px}.adaptive-records .mobile-list-meta{gap:7px;line-height:1.55}.adaptive-records .mobile-list-head{margin-bottom:14px}.adaptive-records .mobile-list-pills{gap:8px;margin:14px 0}.mobile-list-card{overflow-wrap:anywhere}.mobile-list-card .btn,.mobile-list-card .dash-pill{overflow-wrap:normal}.data-table--devices td:last-child,.data-table--devices th:last-child{background:#151c27;position:sticky;right:0}.filter-bar input{width:100%}@media (width<=1350px){.data-table--staff{min-width:0;display:block}.data-table--staff thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.data-table--staff tbody{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}.data-table--staff tr{background:#101722;border:1px solid #303744;border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.data-table--staff td,.data-table--staff td:first-child,.data-table--staff td:last-child{border:0;width:auto;min-width:0;max-width:none;padding:0;display:block}.data-table--staff td:first-child{grid-column:1/-1;font-weight:600}.data-table--staff td:nth-child(4),.data-table--staff td:nth-child(5){font-size:12px}.data-table--staff td:before{content:attr(data-label);color:#8e9ab0;margin-bottom:4px;font-size:11px;font-weight:400;display:block}.data-table--staff td.staff-row-actions{border-top:1px solid #293243;flex-wrap:wrap;grid-column:1/-1;gap:6px;padding-top:12px;display:flex}.staff-row-actions:before{display:none!important}.staff-row-actions .btn{min-height:36px;font-size:12px;margin:0!important}}.login-page{background:#0b0e14;grid-template-columns:minmax(360px,1fr) minmax(480px,1fr);min-height:100dvh;display:grid}.login-story{background:radial-gradient(at 12% 90%,#581c2b55,#0000 60%),linear-gradient(145deg,#171a24,#0e1119);border-right:1px solid #242832;flex-direction:column;min-height:100dvh;padding:56px clamp(36px,5vw,88px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #ffffff06;border-radius:50%;width:600px;height:600px;position:absolute;top:20%;right:-340px;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02}.login-story-copy{z-index:1;margin:auto 0;padding:80px 0;position:relative}.login-eyebrow{color:#a6adbd;letter-spacing:.16em;font-size:11px;font-weight:600}.login-story h1{letter-spacing:-.045em;margin:24px 0;font-size:clamp(38px,4.2vw,64px);font-weight:600;line-height:1.12}.login-story-copy p{color:#a6adbd;font-size:17px;line-height:1.8}.login-story-footer{color:#8892a4;align-items:center;gap:10px;font-size:12px;display:flex}.login-status-dot{background:#e64a5f;border-radius:50%;width:6px;height:6px}.login-form-section{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:64px 40px 28px;display:flex}.login-page .login-wrap{width:100%;max-width:390px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:auto 0;padding:40px 0}.login-page .login-wrap h2{letter-spacing:-.035em;margin:18px 0 12px;font-size:29px;line-height:1.25}.login-page .login-lead{color:#a6adbd;margin:0 0 36px;font-size:14px;line-height:1.7}.login-page .field{margin-bottom:22px}.login-page .field label{color:#d1d5df;margin-bottom:9px;font-size:13px;font-weight:500}.login-page .field input{background:#131822;border:1px solid #333b4b;border-radius:10px;width:100%;max-width:none;min-height:50px;padding:12px 14px}.login-password-field{position:relative}.login-page .login-password-field input{padding-right:54px}.login-password-toggle{color:#9ba6b8;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:5px;right:5px}.login-password-toggle:hover{color:#fff;background:#242c3b}.login-page .login-submit{background:#e72b43;border-color:#e72b43;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:50px;margin-top:10px;padding:12px 18px;font-size:14px;font-weight:600;display:flex}.login-page .login-submit:hover:not(:disabled){background:#f33b52}.login-help{color:#8590a3;margin:26px 0 0;font-size:12px;line-height:1.8}.login-footer{color:#697589;margin-top:36px;font-size:11px}.login-mobile-brand{display:none}@media (width<=850px){.login-page{display:block}.login-story{display:none}.login-form-section{min-height:100dvh;padding:32px 24px 20px}.login-mobile-brand{margin-bottom:48px;display:block}.login-page .login-wrap{max-width:400px;padding:20px 0}.login-page .login-wrap h2{font-size:27px}}@media (width<=360px){.login-form-section{padding-inline:20px}.login-mobile-brand{margin-bottom:32px}}