:root{--paper:#f5f7f5;--card:#fff;--ink:#15211c;--muted:#5b6a62;--line:#e2e8e3;--accent:#0f6e57;--accent-deep:#0b5544;--accent-soft:#e6f0ec;--amber:#a9701a;--amber-soft:#f5eedc;--good:#1b873f;--bad:#be4330;--await:#a9701a}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--paper);color:var(--ink);font-family:SF Arabic,Geeza Pro,Segoe UI,system-ui,-apple-system,Tahoma,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}@media(max-width:760px){.shell{grid-template-columns:1fr}}.side{background:#0e1a16;color:#cfe0d8;padding:22px 14px 16px;display:flex;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh}@supports(height:100dvh){.side{height:100dvh}}.brand{flex:none;display:flex;align-items:center;gap:10px;font-weight:760;font-size:18px;color:#fff;margin-bottom:14px;width:100%}.brand .m{width:34px;height:34px;border-radius:9px;background:var(--accent);display:grid;place-items:center;font-size:17px}.side .foot{margin-top:auto;font-size:12px;color:#6f857b;width:100%}.nav{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:6px;width:100%;-webkit-padding-end:4px;padding-inline-end:4px;scrollbar-width:thin;scrollbar-color:#2a3f38 transparent}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#2a3f38;border-radius:3px}.nav::-webkit-scrollbar-track{background:transparent}.grp{width:100%}.grp+.grp{margin-top:2px}.grp-hd{width:100%;display:flex;align-items:center;gap:10px;padding:7px 9px;border:0;border-radius:9px;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:700;letter-spacing:0;color:#a8bcb2;text-align:start}.grp-hd:hover{background:#16241f;color:#e8f1ec}.grp-hd:focus-visible{outline:2px solid var(--g);outline-offset:-2px}.grp.open>.grp-hd{background:var(--g-wash);color:#e8f1ec}.grp.has-active>.grp-hd .grp-t{color:var(--g-ink)}.grp-t{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grp-chip{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;line-height:1;background:var(--g-dim);box-shadow:inset 0 0 0 1px var(--g-edge)}.grp-chev{flex:none;width:14px;height:14px;color:#7f958b;opacity:.8;transform:rotate(90deg);transition:transform .2s ease}.grp.open>.grp-hd .grp-chev{transform:rotate(0deg)}.grp-panel{overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:max-height .28s ease,opacity .18s ease,visibility 0s linear .28s}.grp.open>.grp-panel{max-height:420px;opacity:1;visibility:visible;transition:max-height .28s ease,opacity .18s ease .06s,visibility 0s}.grp-panel>ul{list-style:none;margin:0;padding:2px 0 6px;-webkit-margin-start:21px;margin-inline-start:21px;-webkit-border-start:2px solid var(--g-edge);border-inline-start:2px solid var(--g-edge)}.grp-panel li{margin:1px 0}.grp-panel a{position:relative;display:flex;align-items:center;gap:8px;-webkit-margin-start:10px;margin-inline-start:10px;padding:7px 10px;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;color:#bcd0c7}.grp-panel a .ic{flex:none;width:18px;text-align:center;font-size:14px}.grp-panel a:hover{background:#16241f;color:#fff}.grp-panel a:focus-visible{outline:2px solid var(--g);outline-offset:-2px}.grp-panel a.on{color:#f4f9f6;background:var(--g-dim)}.grp-panel a.on:before{content:"";position:absolute;inset-inline-start:-12px;inset-block:7px;width:2px;border-radius:2px;background:var(--g)}@media(prefers-reduced-motion:reduce){.grp-chev,.grp-panel{transition:none}}@media(max-width:760px){.side{position:static;height:auto}.nav{flex:none;min-height:auto;max-height:none;overflow:visible;-webkit-padding-end:0;padding-inline-end:0;gap:8px}.grp-panel>ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding:4px 0 2px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-border-start:0;border-inline-start:0}.grp-panel li{margin:0}.grp-panel a{-webkit-margin-start:0;margin-inline-start:0;padding:7px 12px;border-radius:999px;background:#14211c;box-shadow:inset 0 0 0 1px #1d2d27}.grp-panel a.on{background:var(--g-dim);box-shadow:inset 0 0 0 1px var(--g-edge)}.grp-panel a.on:before{display:none}}.main{padding:clamp(18px,3vw,34px);max-width:1100px}.head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:22px}.head h1{font-size:24px;margin:0;font-weight:740}.head .sub{color:var(--muted);font-size:14px}.head .live{-webkit-margin-start:auto;margin-inline-start:auto;font-size:12px;font-weight:650;color:var(--good);display:flex;align-items:center;gap:7px}.head .live .dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #d6f0de}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px;margin-bottom:24px}@media(max-width:760px){.cards{grid-template-columns:repeat(2,1fr)}}.c{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:3px}.c .k{font-size:28px;font-weight:780;letter-spacing:-.02em;line-height:1.15}.c .l{font-size:13px}.c .l,.c .x{color:var(--muted)}.c .x{font-size:12px}.c.accent .k{color:var(--accent)}.c.amber .k{color:var(--amber)}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:20px}.panel h2{margin:0;font-size:15px;padding:13px 17px;border-bottom:1px solid var(--line);background:#f1f5f2;font-weight:700;display:flex;justify-content:space-between;align-items:center}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:right;padding:11px 16px;border-bottom:1px solid #eef2ef;white-space:nowrap}th{font-size:12px;color:var(--muted);font-weight:650;background:#fafcfb}tr:last-child td{border-bottom:0}td.num,th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill{font-size:11.5px;font-weight:740;padding:3px 10px;border-radius:999px;display:inline-block}.pill.AWAITING_PAYMENT,.pill.PENDING,.pill.TRIAL{background:var(--amber-soft);color:#6f4a09}.pill.ACTIVE,.pill.APPROVED,.pill.MATCHED{background:#eafaf0;color:#0f6a32}.pill.OPEN{background:var(--accent-soft);color:var(--accent-deep)}.pill.CANCELLED,.pill.EXPIRED,.pill.SUSPENDED{background:#fbeae6;color:#9a3422}.btn{font:inherit;font-size:13px;font-weight:650;padding:6px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.btn:hover{background:var(--accent-deep)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#fff;color:var(--accent-deep)}.empty{padding:34px;text-align:center;color:var(--muted)}.empty,.err{font-size:14px}.err{padding:14px 17px;background:#fbeae6;color:#9a3422;border-radius:10px}.err,.tools{margin-bottom:16px}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.tools button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.side-user{margin-top:auto;padding-top:14px;border-top:1px solid #1d2d27;display:flex;flex-direction:column;gap:3px;width:100%}.su-name{color:#fff;font-weight:700;font-size:14px}.su-role{color:#7fb3a1;font-size:12px;margin-bottom:8px}.su-logout{font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:8px;border:1px solid #2a3f38;background:transparent;color:#cfe0d8;cursor:pointer;text-align:center}.su-logout:hover{background:#16241f;color:#fff}.su-credit{margin-top:10px;font-size:11px;color:#5f8577;text-align:center;line-height:1.5}.su-credit a{color:#7fb3a1;font-weight:600;text-decoration:none}.su-credit a:hover{color:#fff;text-decoration:underline}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:10px;font-weight:760;font-size:17px;color:var(--ink)}.login-brand .m{width:34px;height:34px;border-radius:9px;background:var(--accent);display:grid;place-items:center;font-size:17px}.login-card h1{font-size:22px;margin:16px 0 2px;font-weight:740}.login-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.login-card label{font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink)}.login-card input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px;margin-bottom:14px}.login-card .btn{justify-content:center;padding:11px;font-size:15px;border-radius:10px}.login-err{background:#fbeae6;color:#9a3422;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:12px}.login-hint{margin-top:16px;font-size:12px;color:var(--muted);line-height:1.7;text-align:center}.su-tour{font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:8px;border:1px solid #2a3f38;background:transparent;color:#cfe0d8;cursor:pointer;text-align:center;margin-bottom:6px}.su-tour:hover{background:#16241f;color:#fff}.tour-mask{position:fixed;z-index:9998;background:rgba(13,26,22,.55)}.tour-ring{position:fixed;z-index:9999;border-radius:10px;pointer-events:none;outline:2px solid var(--accent);box-shadow:0 0 0 2px rgba(15,110,87,.25);transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.tour-stage{font-size:11.5px;font-weight:700;color:var(--accent-deep);margin-bottom:6px}.tour-pop{position:fixed;z-index:10000;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 44px rgba(0,0,0,.24);padding:16px 18px;max-width:92vw}.tour-pop__title{font-weight:760;font-size:15px;color:var(--ink);margin-bottom:6px}.tour-pop__body{font-size:13.5px;color:var(--muted);line-height:1.85;margin-bottom:14px}.tour-pop__foot{display:flex;align-items:center;gap:10px}.tour-progress{font-size:12px;color:var(--muted);font-weight:650}.tour-nav{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;gap:8px}.tour-btn{font:inherit;font-size:13px;font-weight:650;padding:6px 16px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.tour-btn:hover{background:var(--accent-deep)}.tour-btn--ghost{background:#fff;color:var(--accent-deep)}.tour-skip{font:inherit;font-size:12.5px;font-weight:600;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px}.tour-skip:hover{color:var(--ink);text-decoration:underline}@media(prefers-reduced-motion:reduce){.tour-spot{transition:none}}@media(max-width:520px){.tour-pop__foot{flex-wrap:wrap}.tour-nav{-webkit-margin-start:0;margin-inline-start:0;width:100%;justify-content:flex-end}}