@font-face{font-family:Vazirmatn;src:url('/static/Vazirmatn.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--bg:#070a12;--card:#111725;--card2:#161d2e;--line:#273149;--text:#f8fafc;--muted:#9aa5bb;--purple:#8b5cf6;--cyan:#22d3ee;--green:#34d399;--danger:#fb7185}*{box-sizing:border-box}html{font-size:17px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,#24164b 0,transparent 35%),var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.75}.ambient{position:fixed;border-radius:50%;filter:blur(130px);opacity:.12;pointer-events:none}.ambient-one{width:450px;height:450px;background:#7c3aed;top:-190px;right:8%}.ambient-two{width:330px;height:330px;background:#0891b2;bottom:-120px;left:4%}a{color:inherit}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{border-left:1px solid var(--line);padding:32px 23px;display:flex;flex-direction:column;background:#080c16cc;backdrop-filter:blur(22px);position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:13px;margin-bottom:44px}.logo>b,.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--purple),#5b21b6);font-size:26px;box-shadow:0 12px 38px #7c3aed55}.logo div{display:flex;flex-direction:column}.logo strong{font-size:1.25rem}.logo span,.eyebrow{font-size:.66rem;letter-spacing:2px;color:#b49aff}nav{display:grid;gap:9px}nav a{color:var(--muted);text-decoration:none;padding:13px 16px;border-radius:13px;font-size:.94rem}nav a:hover,nav a.active{color:#fff;background:linear-gradient(90deg,#8b5cf62b,transparent);border-right:3px solid var(--purple)}.aside-foot{margin-top:auto;display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--card)}.aside-foot div:last-child{display:flex;flex-direction:column;font-size:.78rem}.aside-foot small{color:var(--muted)}.status-dot{width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 0 6px #34d39918,0 0 16px #34d399}.app-shell>main{padding:38px 4vw 70px;max-width:1550px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}h1,h2,p{margin-top:0}h1{font-size:1.85rem;margin-bottom:7px;line-height:1.4}h2{font-size:1.2rem;margin-bottom:7px}.muted{color:var(--muted);font-size:.86rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metrics article,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#161d2ef2,#0e1421f2);border-radius:21px;padding:22px;box-shadow:0 18px 55px #0004}.metrics article{display:flex;align-items:center;gap:15px}.metrics .icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:1rem}.purple{background:#8b5cf622;color:#b49aff}.cyan{background:#22d3ee18;color:var(--cyan)}.orange{background:#fb923c18;color:#fb923c}.green{background:#34d39918;color:var(--green)}.metrics div{display:flex;flex-direction:column}.metrics small{color:var(--muted);font-size:.75rem}.metrics strong{font-size:1.45rem}.metrics em{font-size:.65rem;color:var(--muted);font-style:normal}.grid-two{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:20px}.section-head{display:flex;justify-content:space-between}.badge{font-size:.7rem;padding:5px 10px;border-radius:20px;background:#ffffff0a;border:1px solid var(--line);color:#c8d0df}.customer-list{display:grid;gap:10px;margin-top:19px}.customer{display:flex;align-items:center;gap:12px;padding:14px;background:#070a1277;border:1px solid var(--line);border-radius:15px}.avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#8b5cf622;color:#d3c5ff;font-weight:800}.grow{flex:1;min-width:0;display:flex;flex-direction:column}.grow small,.expiry small{color:var(--muted);font-size:.68rem}.guid{direction:ltr;text-align:right;font-family:monospace;font-size:.64rem;color:#667089;max-width:200px;overflow:hidden;text-overflow:ellipsis}.expiry{display:flex;flex-direction:column;align-items:center}.online,.offline{font-size:.66rem;padding:4px 8px;border-radius:10px}.online{color:var(--green);background:#34d39915}.offline{color:var(--danger);background:#fb718515}.mini{font-family:inherit;font-size:.7rem;padding:7px 10px;border:0;border-radius:9px;background:#8b5cf622;color:#d3c5ff;text-decoration:none;cursor:pointer}.mini.neutral{background:#ffffff0a;color:var(--muted)}.mini.activate{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:19px}.form-grid label,.stack label{font-size:.78rem;color:var(--muted);display:flex;flex-direction:column;gap:6px}input,select{width:100%;background:#070a12;border:1px solid var(--line);color:#fff;border-radius:11px;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf620}.full{grid-column:1/-1}button{font-family:inherit;border:0;cursor:pointer}.primary,.danger,.success,.ghost{padding:12px 18px;border-radius:12px;color:#fff;font-weight:800;font-size:.82rem}.primary{background:linear-gradient(135deg,var(--purple),#6d28d9);box-shadow:0 11px 28px #7c3aed35}.ghost{background:var(--card2);border:1px solid var(--line)}.alert{padding:12px 15px;border-radius:12px;margin-bottom:15px;font-size:.78rem}.alert.success{background:#34d39918;color:#79e8be}.alert.danger{background:#fb718518;color:#ffadba}.login-shell,.activation-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.activation-card{width:min(520px,100%);padding:44px;border:1px solid var(--line);border-radius:28px;background:#101725e8;backdrop-filter:blur(26px);box-shadow:0 32px 110px #0009}.login-card .brand-mark,.activation-card .brand-mark{margin:22px 0}.login-card h1{font-size:2.15rem}.login-card h1 span{background:linear-gradient(90deg,#c4b5fd,var(--cyan));color:transparent;background-clip:text}.stack{display:grid;gap:15px;margin:25px 0}.stack .primary{margin-top:7px}.login-card>small{display:block;text-align:center;color:#667089}.back{color:#c4b5fd;text-decoration:none;font-size:.8rem}.stepper{display:flex;align-items:center;margin:27px 0}.stepper span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.stepper span.done{background:var(--purple);border-color:var(--purple);color:#fff}.stepper i{height:2px;background:var(--line);flex:1}.security-note{margin-top:24px;padding:13px;border:1px solid #34d39933;border-radius:12px;color:#86efc1;background:#34d3990c;font-size:.75rem}.logs-shell{max-width:1150px;margin:auto;padding:38px 22px}.logs-shell .panel{margin-top:22px}.logs-shell pre{direction:ltr;text-align:left;white-space:pre-wrap;background:#04060b;padding:22px;border-radius:15px;color:#a7f3c5;max-height:70vh;overflow:auto}.empty{text-align:center;padding:32px;color:var(--muted)}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.app-shell{grid-template-columns:88px 1fr}aside{padding:25px 13px}.logo div,nav a:not(.active),.aside-foot div:last-child{display:none}.logo,.aside-foot{justify-content:center}}
@media(max-width:680px){html{font-size:16px}.app-shell{display:block}.app-shell>aside{position:fixed;z-index:20;bottom:0;top:auto;width:100%;height:70px;border-left:0;border-top:1px solid var(--line);padding:9px 13px}.logo,.aside-foot{display:none}nav{display:flex;justify-content:space-around}nav a{font-size:0;padding:12px}nav a::first-letter{font-size:21px}.app-shell>main{padding:24px 15px 92px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:15px}.metrics .icon{display:none}.customer{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.login-card,.activation-card{padding:29px}header h1{font-size:1.4rem}}
textarea{width:100%;resize:vertical;background:#070a12;border:1px solid var(--line);color:#fff;border-radius:11px;padding:12px 13px;font:inherit;outline:none}textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf620}label small{font-size:.68rem}