:root{font-family:DM Sans,system-ui,sans-serif;color:#e8eef7;background:#08111f;font-synthesis:none;--bg:#08111f;--surface:#101b2b;--surface2:#152236;--line:#26364d;--muted:#8c9caf;--text:#edf3fb;--mint:#55d6be;--blue:#7aa2ff;--danger:#ff6b7a;--warning:#ffc66d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -10%,#152b47 0,transparent 32%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:10px;padding:.72rem 1rem;font-weight:600;cursor:pointer;transition:.16s ease}.primary{background:var(--mint);color:#041714}.primary:hover{background:#72e4d0;transform:translateY(-1px)}.secondary{background:#1b2a40;color:var(--text);border:1px solid #31435d}.ghost{background:transparent;color:var(--muted)}.danger{background:#5b2630;color:#ffb1ba;border:1px solid #8a3645}.wide{width:100%}.icon-button{padding:.55rem;background:transparent;color:var(--muted)}button:disabled{opacity:.55;cursor:not-allowed}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem 1.15rem;background:#08111ff0;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--mint),#3f8bad);color:#06121c;font:700 1.25rem Manrope}.brand strong,.brand span{display:block}.brand strong{font:700 1rem Manrope}.brand span{color:var(--muted);font-size:.75rem}.sidebar nav{margin-top:2rem;flex:1}.nav-label{text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;color:#65758b;margin:1.5rem .8rem .55rem}.sidebar nav a{display:flex;align-items:center;gap:.7rem;padding:.72rem .8rem;margin:.18rem 0;border-radius:9px;color:#aab6c7}.sidebar nav a.active{background:#17263a;color:#fff}.sidebar nav a.active svg{color:var(--mint)}.account-mini{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:1rem}.account-mini strong,.account-mini span{display:block;max-width:165px;overflow:hidden;text-overflow:ellipsis}.account-mini span{font-size:.72rem;color:var(--muted)}.main{padding:3rem clamp(1.25rem,4vw,4.5rem);max-width:1500px;width:100%;margin:auto}.mobile-menu{display:none;position:fixed;top:1rem;right:1rem;z-index:30;background:var(--surface2);color:#fff;padding:.65rem}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.page-header h1{font:700 clamp(1.8rem,4vw,2.7rem) Manrope;margin:.15rem 0}.page-header p{color:var(--muted);margin:.2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--mint)!important;font-size:.7rem;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.stat-grid.four{grid-template-columns:repeat(4,1fr)}.stat-card,.panel,.device-card,.invite-card,.quick-card{background:linear-gradient(145deg,#121f31f5,#0d1929f5);border:1px solid var(--line);border-radius:16px}.stat-card{padding:1.35rem;min-height:145px;display:flex;flex-direction:column}.stat-card span,.stat-card small{color:var(--muted)}.stat-card strong{font:700 2rem Manrope;margin:auto 0 .2rem}.stat-card strong em{font:500 1rem DM Sans;color:var(--muted)}.stat-card.accent{background:linear-gradient(145deg,#173b3b,#102938)}.stat-card.accent svg{color:var(--mint);margin-left:auto}.panel{padding:1.4rem;margin:1rem 0}.panel h2{font:600 1.15rem Manrope;margin:.1rem 0 .4rem}.panel p{color:var(--muted)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel-heading p{margin:.2rem 0}.panel-heading>a{color:var(--mint)}.legend{display:flex;gap:1rem;color:var(--muted);font-size:.8rem}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem}.legend .down:before{background:var(--mint)}.legend .up:before{background:var(--blue)}.chart{height:290px;width:100%}.empty-chart{height:220px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.profile-list{display:flex;flex-direction:column}.profile-row{display:flex;align-items:center;gap:1rem;padding:1rem .2rem;border-top:1px solid var(--line)}.profile-row:first-child{border-top:0}.device-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1a3041;color:var(--mint)}.grow{flex:1}.grow strong,.grow span{display:block}.grow span{color:var(--muted);font-size:.82rem}.traffic-inline{display:flex;gap:1rem;color:var(--muted);font-size:.82rem}.traffic-inline span{display:flex;gap:.3rem;align-items:center}.traffic-inline svg,.device-traffic svg{width:14px}.badge{display:inline-block;border-radius:999px;padding:.28rem .55rem;font-size:.65rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.badge.success{color:#79ead5;background:#123c39}.badge.muted{color:#a6b2c2;background:#263347}.badge.warning{color:#ffd891;background:#48391f}.badge.danger{color:#ff9ca7;background:#4a242b}.summary-strip{display:flex;justify-content:space-between;background:#101d2e;border:1px solid var(--line);padding:1rem 1.2rem;border-radius:12px;margin-bottom:1.2rem}.summary-strip span{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.device-card,.invite-card{padding:1.25rem;transition:.16s}.device-card:hover{transform:translateY(-2px);border-color:#3c526f}.device-top{display:flex;justify-content:space-between}.device-card h3,.invite-card h3{margin:1rem 0 .35rem;font:600 1.15rem Manrope}.device-card p,.invite-card p,.invite-card small{color:var(--muted);font-size:.85rem}.device-traffic{display:flex;gap:1rem;margin-top:1rem;color:#c1ccda;font-size:.84rem}.device-traffic span{display:flex;align-items:center;gap:.3rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:1rem}.config-panel{grid-row:span 2}.qr-wrap{display:grid;place-items:center;background:#fff;border-radius:14px;padding:1rem;width:max-content;margin:1.5rem auto}.copy-field{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0a1524}.copy-field input{border:0;border-radius:0;background:transparent;min-width:0}.copy-field button{border-radius:0;background:#1d3048;color:var(--text);flex:none}.instruction{margin-top:1rem;padding:1rem;background:#0c1726;border-radius:10px}.instruction ol{color:var(--muted);padding-left:1.2rem}.detail-list{margin:1rem 0}.detail-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right}.danger-zone button{margin-top:.7rem}.danger-zone p{font-size:.8rem}.danger-box,.form-error{padding:.8rem 1rem;border-radius:9px;background:#4a242b;color:#ffc1c7;margin:.8rem 0}.success-box{padding:1rem;border-radius:9px;background:#123c39;color:#8cf3df}.notice{padding:.75rem;border-radius:9px;background:#162b42;color:#bdd1ea;margin:.7rem 0}.modal-backdrop{position:fixed;inset:0;background:#01070ebf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:1rem;z-index:100}.modal{width:min(440px,100%);background:#111e30;border:1px solid #33465f;border-radius:16px;padding:1.5rem;box-shadow:0 30px 80px #0008}.modal h2{margin-top:0}.modal p{color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}form{display:flex;flex-direction:column;gap:.9rem}label{display:flex;flex-direction:column;gap:.4rem;color:#b8c4d3;font-size:.84rem;font-weight:600}label small{color:var(--muted);font-weight:400}input,select{width:100%;padding:.78rem .85rem;border-radius:9px;border:1px solid #30415a;background:#0b1727;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #55d6be1e}.table-panel{padding:0;overflow:hidden}.table-panel>h2,.table-panel>.panel-heading{padding:1.2rem 1.35rem;margin:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.8rem 1rem;background:#0d1929}td{padding:1rem;border-top:1px solid var(--line);font-size:.88rem}td strong,td span{display:block}td span{font-size:.73rem;color:var(--muted);margin-top:.15rem}td a{color:var(--mint)}.search-bar{display:flex;flex-direction:row;align-items:center;background:var(--surface);border:1px solid var(--line);padding:.55rem;border-radius:12px;margin-bottom:1rem}.search-bar svg{margin:0 .6rem;color:var(--muted)}.search-bar input{border:0;background:transparent}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quick-card{padding:1.3rem}.quick-card strong,.quick-card span{display:block}.quick-card span{color:var(--muted);font-size:.84rem;margin-top:.4rem}.invite-card>div:first-child{display:flex;justify-content:space-between}.invite-actions,.stack-actions{display:flex;gap:.5rem;margin-top:1rem}.auth-page{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.auth-art{position:relative;overflow:hidden;padding:3rem clamp(2rem,6vw,7rem);display:flex;flex-direction:column;background:linear-gradient(145deg,#091626,#0d2235)}.brand.hero{position:relative;z-index:2}.art-copy{position:relative;z-index:2;margin:auto 0;max-width:650px}.art-copy h1{font:700 clamp(2.5rem,5.5vw,5.5rem)/1.05 Manrope;margin:.5rem 0 1.5rem;letter-spacing:-.04em}.art-copy>p:last-child{font-size:1.1rem;line-height:1.7;color:#9fb0c5;max-width:530px}.glow{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#55d6be35,transparent 65%);right:-200px;bottom:-250px}.auth-panel{display:grid;place-items:center;padding:2rem;background:#091321}.auth-card{width:min(430px,100%)}.auth-card h2{font:700 2rem Manrope;margin:0}.auth-card>p{color:var(--muted);margin:.5rem 0 1.7rem}.auth-link{text-align:center;font-size:.88rem}.auth-link a{color:var(--mint)}.loading,.empty,.fullscreen-loading{color:var(--muted);padding:2rem;text-align:center}.fullscreen-loading{min-height:100vh;display:grid;place-items:center}.registration-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.registration-list>div,.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem}.registration-list>div{padding:.8rem;background:#0c1726;border-radius:9px;color:var(--muted)}.registration-list strong{color:var(--mint);font-size:1.2rem}.pagination{padding:1rem 1.3rem;border-top:1px solid var(--line)}@media(max-width:1100px){.stat-grid.four,.card-grid{grid-template-columns:repeat(2,1fr)}.traffic-inline{display:none}}@media(max-width:800px){.shell{display:block}.mobile-menu{display:flex}.sidebar{position:fixed;left:-280px;transition:left .2s}.sidebar.open{left:0;box-shadow:20px 0 80px #000}.main{padding:5rem 1rem 2rem}.stat-grid,.stat-grid.four,.quick-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.card-grid,.detail-grid{grid-template-columns:1fr}.summary-strip{flex-direction:column;gap:.35rem}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{padding:1.25rem}.profile-row{flex-wrap:wrap}.traffic-inline{display:flex;width:100%;padding-left:58px}}@media(max-width:500px){.card-grid{grid-template-columns:1fr}.panel{padding:1rem}.qr-wrap svg{width:180px;height:180px}.copy-field{flex-direction:column}.copy-field button{border-top:1px solid var(--line)}.invite-actions,.stack-actions{flex-direction:column}}