@font-face{font-family:Cocon Next Arabic;src:url(/fonts/CoconNextArabic-Light.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Cocon Next Arabic;src:url(/fonts/CoconNextArabic-Regular.otf)format("opentype");font-weight:400 500;font-display:swap}@font-face{font-family:Cocon Next Arabic;src:url(/fonts/CoconNextArabic-Bold.otf)format("opentype");font-weight:600 800;font-display:swap}@font-face{font-family:Trench;src:url(/fonts/Trench100.otf)format("opentype");font-weight:100 900;font-display:swap}:root{--bg:#0e0a12;--panel:#16101c;--panel-2:#1e1625;--border:#2b2133;--border-strong:#3a2d44;--text:#f6f1f7;--muted:#b3a6ba;--faint:#7d7087;--brand:#b6155d;--brand-2:#5e225c;--brand-3:#ae1857;--plum:#612166;--cyan:#029cc2;--cyan-2:#009abf;--indigo:#4f255e;--grad:linear-gradient(135deg, #b6155d 0%, #5e225c 100%);--grad-2:linear-gradient(135deg, #029cc2 0%, #4f255e 100%);--accent:#d6317a;--accent-strong:#b6155d;--accent-soft:#b6155d24;--wa:#25d366;--wa-soft:#25d3661f;--warn:#f5a524;--warn-soft:#f5a5241f;--danger:#ef4d5a;--danger-soft:#ef4d5a1a;--code:#4cc9ea;--chart-a:#d6317a;--chart-b:#1a9fc4;--radius:16px;--font:"Cocon Next Arabic", "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--latin:"Trench", "Cocon Next Arabic", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 100% -10%, #b6155d29, transparent 60%), radial-gradient(900px 500px at -10% 110%, #029cc21a, transparent 60%), var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code,.mono{font-family:var(--mono)}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0e0a12d1;position:sticky;top:0}.topbar-inner{align-items:center;gap:24px;max-width:1320px;margin:0 auto;padding:12px 24px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand-mark{object-fit:contain;width:34px;height:34px}.brand-name{font-family:var(--latin);letter-spacing:.5px;font-size:22px;font-weight:400;line-height:1}.brand-sub{color:var(--muted);font-size:11px;font-family:var(--latin);letter-spacing:.6px;align-items:center;gap:5px;margin-top:3px;display:flex}.brand-text{flex-direction:column;display:flex}.wa-icon{color:var(--wa);flex:none}.nav .count{background:var(--danger);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-inline-start:6px;padding:0 5px;font-size:11px;display:inline-grid}.banner{border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.banner.bad{background:var(--danger-soft);color:#fecaca;border:1px solid #ef4d5a59}.banner.warn{background:var(--warn-soft);color:#fde68a;border:1px solid #f5a52459}.latin{font-family:var(--latin)}.quota{margin-top:12px}.quota-head{color:var(--muted);justify-content:space-between;font-size:12.5px;display:flex}.quota-head b{color:var(--text);font-weight:500}.quota .bar{margin-top:6px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:99px;padding:6px 12px;font-size:13px}.chip.on{background:var(--accent-soft);color:var(--text);border-color:#b6155d80}.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.kpi .v{margin-top:4px;font-size:30px;font-weight:700}.kpi .l{color:var(--muted);font-size:13px}.kpi .s{color:var(--faint);margin-top:2px;font-size:12px}.two{grid-template-columns:2fr 1fr;gap:16px;display:grid}.alerts{gap:8px;display:grid}.alert-row{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr;gap:10px;padding:10px 12px;display:grid}.alert-row .dot{border-radius:99px;width:10px;height:10px;margin-top:7px}.alert-row.critical .dot{background:var(--danger)}.alert-row.warning .dot{background:var(--warn)}.alert-row.info .dot{background:var(--code)}.alert-row b{font-weight:500}.alert-row .sub{color:var(--muted);font-size:12.5px}.chart{position:relative}.chart svg{width:100%;height:auto;display:block}.legend{color:var(--muted);gap:16px;margin-bottom:8px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-inline-end:6px;display:inline-block}.tip{pointer-events:none;border:1px solid var(--border-strong);white-space:nowrap;background:#0b0810;border-radius:10px;padding:8px 10px;font-size:12.5px;position:absolute;transform:translate(-50%,-110%);box-shadow:0 10px 30px #0006}.tip b{font-weight:500}.feed tr.new td{animation:1.6s flash}@keyframes flash{0%{background:#b6155d38}to{background:0 0}}.dir{white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:12px}.dir.out{background:var(--accent-soft);color:#f9a8d4}.dir.in{color:var(--code);background:#029cc224}.live-dot{background:var(--wa);border-radius:99px;width:8px;height:8px;margin-inline-end:6px;animation:1.4s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.3}}@media (max-width:900px){.two{grid-template-columns:1fr}}.nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav a,.nav button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:14px}.nav a:hover,.nav button:hover,.nav a.active{color:var(--text);background:var(--panel-2)}.nav .spacer{flex:1}.nav .logout{color:#fca5a5}.page{max-width:1320px;margin:0 auto;padding:28px 24px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head h1{margin:0;font-size:28px;font-weight:700}.page-head p{color:var(--muted);margin:4px 0 0;font-size:14px}.section-title{margin:32px 0 14px;font-size:19px;font-weight:700}.btn{border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover{background:#202024}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;border-color:#0000;font-weight:700;box-shadow:0 6px 20px #b6155d40}.btn-primary:hover{background:var(--grad);filter:brightness(1.12)}.btn-cyan{background:var(--grad-2);color:#fff;border-color:#0000;font-weight:700}.btn-cyan:hover{background:var(--grad-2);filter:brightness(1.12)}.btn-danger{background:var(--danger-soft);color:#fca5a5;border-color:#ef444459}.btn-danger:hover{background:#ef44442e}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:var(--panel-2)}.btn-sm{border-radius:9px;padding:6px 11px;font-size:13px}.btn-block{width:100%}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stats{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.stat-top{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.stat-value{align-items:baseline;gap:8px;margin-top:8px;font-size:34px;font-weight:700;display:flex}.stat-value small{color:var(--muted);font-size:13px;font-weight:400}.bar{background:#232327;border-radius:99px;height:6px;margin-top:16px;overflow:hidden}.bar>span{background:var(--grad);border-radius:99px;height:100%;display:block}.bar.cyan>span{background:var(--grad-2)}.bar.warn>span{background:var(--warn)}.bar.bad>span{background:var(--danger)}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.device-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-name{word-break:break-word;margin:0;font-size:19px;font-weight:700}.device-id{color:var(--muted);margin-top:2px;font-size:13px}.device-id code{color:var(--text);font-size:12.5px}.device-owner{color:var(--faint);font-size:12px}.route{border:1px solid var(--border);background:#0f0f11;border-radius:12px;margin-top:18px;padding:14px}.route.ok{border-color:#25d36666}.route-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.route-title{font-size:15px;font-weight:700}.route-meta{color:var(--muted);margin-top:2px;font-size:12.5px}.route-meta code{color:var(--text)}.route-label{color:var(--muted);margin:12px 0 6px;font-size:12.5px}.badge{background:var(--panel-2);border:1px solid var(--border-strong);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;display:inline-flex}.badge:before{content:"";background:var(--faint);border-radius:99px;width:7px;height:7px}.badge.ok:before{background:var(--wa)}.badge.ok{color:#86efac;background:var(--wa-soft);border-color:#25d36659}.badge.warn:before{background:var(--warn)}.badge.bad:before{background:var(--danger)}.codebox{border:1px solid var(--border);font-family:var(--mono);color:var(--code);text-align:left;word-break:break-all;direction:ltr;background:#050506;border-radius:10px;padding:40px 14px 12px;font-size:12.5px;line-height:1.7;position:relative}.codebox .copy{position:absolute;top:8px;left:8px}.codebox.plain{padding-top:12px}pre.codebox{white-space:pre-wrap;margin:0}.qrbox{border:1px dashed var(--border-strong);text-align:center;min-height:200px;color:var(--muted);border-radius:12px;place-items:center;gap:10px;margin-top:12px;padding:18px;font-size:13px;display:grid}.qrbox img{background:#fff;border-radius:10px;width:200px;height:200px;padding:10px}.pair-code{font-family:var(--mono);letter-spacing:4px;color:var(--text);direction:ltr;font-size:26px}.success{text-align:center;place-items:center;gap:6px;padding:18px;display:grid}.success .check{background:var(--wa-soft);width:52px;height:52px;color:var(--wa);border-radius:99px;place-items:center;font-size:26px;display:grid}.row{flex-wrap:wrap;gap:8px;display:flex}.row>.btn{flex:1}.actions{gap:8px;margin-top:12px;display:grid}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:var(--muted);font-size:13px}.field .hint{color:var(--faint);font-size:12px}.input,select.input,textarea.input{border:1px solid var(--border-strong);background:#0d0d0f;border-radius:10px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=checkbox]{accent-color:var(--brand)}.input.ltr{text-align:left;direction:ltr}textarea.input{resize:vertical;min-height:90px}.alert{border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:13.5px}.alert.error{background:var(--danger-soft);color:#fca5a5;border:1px solid #ef44444d}.alert.ok{background:var(--wa-soft);color:#86efac;border:1px solid #25d3664d}.alert.warn{background:var(--warn-soft);color:#fcd34d;border:1px solid #f5a5244d}.alert.info{background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:18px;width:100%;max-width:480px;max-height:calc(100vh - 32px);padding:22px;overflow:auto;box-shadow:0 30px 80px #00000080}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h2{margin:0;font-size:19px}.modal-foot{justify-content:flex-start;gap:8px;margin-top:18px;display:flex}.x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:22px;line-height:1}.x:hover{color:var(--text)}@keyframes fade{0%{opacity:0}to{opacity:1}}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:right;border-bottom:1px solid var(--border);vertical-align:top;padding:11px 14px}th{color:var(--muted);white-space:nowrap;background:#111113;font-weight:500}tr:last-child td{border-bottom:0}td .sub{color:var(--faint);font-size:12px}td.ltr,.ltr{text-align:left;direction:ltr}.pill{background:var(--panel-2);border:1px solid var(--border-strong);border-radius:99px;padding:2px 8px;font-size:12px}.pill.ok{color:#86efac;border-color:#25d36659}.pill.warn{color:#fcd34d;border-color:#f5a52459}.pill.info{color:var(--code);border-color:#029cc259}.pill.bad{color:#fca5a5;border-color:#ef444459}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.toolbar .input{max-width:260px}.pager{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.empty{text-align:center;color:var(--muted);padding:48px 16px}.muted{color:var(--muted)}.docs{gap:18px;display:grid}.docs h2{margin:0 0 6px;font-size:20px}.docs h3{margin:18px 0 8px;font-size:16px}.docs p{color:var(--muted);margin:0 0 10px}.docs ul{color:var(--muted);margin:0;padding-inline-start:20px}.docs li{margin-bottom:6px}.docs li b{color:var(--text)}.req{color:#fca5a5;font-size:12px}.opt{color:var(--faint);font-size:12px}.method{font-family:var(--mono);color:var(--code);background:#029cc224;border-radius:6px;margin-inline-end:8px;padding:2px 8px;font-size:12px}.docs-hero{background:linear-gradient(135deg, #b6155d2e, #029cc214 70%), var(--panel)}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login{width:100%;max-width:400px}.login .brand{justify-content:center;margin-bottom:22px;font-size:20px}.login-logo{width:240px;margin:0 auto 6px;display:block}.login-sub{color:var(--muted);font-family:var(--latin);letter-spacing:.6px;justify-content:center;align-items:center;gap:8px;margin-bottom:22px;display:flex}.toast{z-index:60;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:10px;padding:10px 16px;font-size:14px;animation:.15s fade;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 30px #0006}@media (max-width:720px){.topbar-inner{flex-wrap:wrap;gap:8px;padding:10px 16px}.nav{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.nav .spacer{display:none}.page{padding:20px 16px 48px}.grid{grid-template-columns:1fr}.page-head h1{font-size:23px}}label.check{cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;display:flex}label.check input{accent-color:var(--brand);margin-top:5px}.terms{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:12px;max-height:240px;margin:0 0 12px;padding:12px 16px 12px 12px;padding-inline-start:26px;font-size:13.5px;line-height:1.8;overflow-y:auto}.terms li+li{margin-top:4px}.drop{border:1px dashed var(--border-strong);text-align:center;color:var(--muted);cursor:pointer;border-radius:12px;padding:12px;font-size:13px}.drop:hover{border-color:var(--brand);color:var(--text)}.count-row{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:13px;display:flex}.count-row b{color:var(--text);font-weight:500}.linklike{color:var(--text);font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;padding:0}.linklike:hover{color:var(--accent);text-decoration:underline}