@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;700&display=swap";:root{--bg: #050E0D;--surface: #0B1A18;--surface-2: #10231F;--line: rgba(234, 247, 243, .1);--ink: #EAF7F3;--ink-2: rgba(234, 247, 243, .66);--mint: #5FE0C7;--on-mint: #04201C;--amber: #F2A93B;--danger: #FF8A80;--ok: #7BE495;--font: "Thmanyah Sans", "IBM Plex Sans Arabic", "SF Arabic", "Segoe UI", Tahoma, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased}a{color:var(--mint)}h1,h2,h3{margin:0;line-height:1.3;font-weight:700;text-wrap:balance}p{margin:0}.shell{max-width:1100px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px);padding-block:0 48px}.top{display:flex;align-items:center;gap:16px;padding-block:16px;border-bottom:1px solid var(--line);margin-block-end:28px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}.brand svg{width:30px;height:30px;padding:4px;border-radius:9px;background:var(--mint);color:var(--on-mint)}.brand b{font-size:1.35rem}.brand small{color:var(--ink-2);font-size:.85rem;font-weight:500}.top .spacer{flex:1}.top .who{color:var(--ink-2);font-size:.9rem;direction:ltr}.stack{display:grid;gap:16px;align-content:start}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.muted{color:var(--ink-2)}.small{font-size:.88rem}.ltr{direction:ltr;unicode-bidi:isolate}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,2.6vw,26px);display:grid;gap:14px;align-content:start;min-width:0}.card h2{font-size:1.3rem}.card h3{font-size:1.1rem}.card.hl{border-color:#5fe0c780;box-shadow:0 0 0 1px #5fe0c740}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 .95rem var(--font);border-radius:999px;padding:10px 20px;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:default}.btn-main{background:var(--mint);color:var(--on-mint)}.btn-main:hover:not(:disabled){background:#7ce8d3}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--mint)}.btn-danger{background:transparent;color:var(--danger);border-color:#ff8a8066}.btn-sm{padding:6px 14px;font-size:.85rem}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.tabs button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.field{display:grid;gap:6px}.field label,.field .lbl{font-size:.9rem;font-weight:700}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],select,textarea{width:100%;font:500 1rem var(--font);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 14px}input[type=email],input[type=url],input[type=password]{direction:ltr;text-align:left}textarea{min-height:110px;resize:vertical;line-height:1.7}.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--ink-2)}.check input{width:18px;height:18px;margin-top:4px;accent-color:var(--mint)}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px}.seg button{font:700 .92rem var(--font);color:var(--ink-2);background:transparent;border:0;border-radius:999px;padding:7px 16px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--mint);color:var(--on-mint)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;border-radius:999px;padding:2px 10px;border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.pill.trialing{color:var(--amber);border-color:#f2a93b73}.pill.active,.pill.paid{color:var(--ok);border-color:#7be49573}.pill.expired,.pill.canceled,.pill.failed{color:var(--danger);border-color:#ff8a8073}.pill.refunded,.pill.initiated,.pill.none{color:var(--ink-2)}.banner{border-radius:14px;padding:12px 16px;font-weight:500}.banner.ok{background:#7be4951a;border:1px solid rgba(123,228,149,.35)}.banner.warn{background:#f2a93b1a;border:1px solid rgba(242,169,59,.4)}.banner.err{background:#ff8a8014;border:1px solid rgba(255,138,128,.4);color:#ffd3ce}.keybox{font:600 .82rem/1.6 var(--mono);direction:ltr;text-align:left;background:var(--bg);border:1px dashed rgba(95,224,199,.45);border-radius:12px;padding:12px 14px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.price{display:flex;align-items:baseline;gap:8px}.price b{font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}.plans-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.plan-opt{text-align:start;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;display:grid;gap:6px}.plan-opt[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.plan-opt ul{margin:0;padding-inline-start:18px;color:var(--ink-2);font-size:.88rem}.sum{display:grid;gap:6px}.sum div{display:flex;justify-content:space-between;gap:12px}.sum div.total{border-top:1px solid var(--line);padding-block-start:8px;font-weight:700;font-size:1.1rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:640px;font-size:.92rem}th,td{text-align:start;padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle}thead th{border-top:0;color:var(--ink-2);font-weight:500;font-size:.84rem}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--surface-2)}td.num{font-variant-numeric:tabular-nums}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:20px}.tabs button{font:700 .92rem var(--font);color:var(--ink-2);background:transparent;border:1px solid var(--line);border-radius:999px;padding:7px 16px;cursor:pointer}.tabs button[aria-selected=true]{color:var(--on-mint);background:var(--mint);border-color:var(--mint)}.tabs .count{font-size:.75rem;background:var(--amber);color:#2b1a00;border-radius:999px;padding:0 7px;margin-inline-start:6px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:4px}.stat b{font-size:1.8rem;line-height:1.1;font-variant-numeric:tabular-nums}.stat span{color:var(--ink-2);font-size:.88rem}.bars{display:flex;align-items:flex-end;gap:6px;height:120px;padding-block-start:8px}.bars div{flex:1;background:#5fe0c759;border-radius:6px 6px 2px 2px;min-height:3px;position:relative}.bars div:hover{background:var(--mint)}.drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(560px,100%);background:var(--surface);border-inline-end:1px solid var(--line);box-shadow:30px 0 60px #00000080;padding:22px;overflow-y:auto;z-index:30;display:grid;gap:16px;align-content:start}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:29}.toast{position:fixed;inset-inline:0;bottom:20px;margin-inline:auto;width:fit-content;max-width:calc(100% - 32px);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:10px 20px;z-index:50;box-shadow:0 10px 30px #0006}.auth{max-width:460px;margin:6vh auto 0}.center{display:grid;place-items:center;min-height:50vh;text-align:center;gap:12px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--mint);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}.receipt{background:#fff;color:#10201d;border-radius:16px;padding:32px;max-width:720px;display:grid;gap:18px}.receipt .head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.receipt table{min-width:0;font-size:.95rem}.receipt th,.receipt td{border-top:1px solid #e3ebe9;color:#10201d}.receipt thead th{color:#5a6b68}.receipt .note{color:#5a6b68;font-size:.85rem}@media print{body{background:#fff}.top,.no-print{display:none!important}.receipt{box-shadow:none;padding:0}}@media (max-width: 760px){.grid2,.grid4{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.grid2,.grid4{grid-template-columns:1fr}}