:root{--bg: #ffffff;--panel: #fff2ef;--soft: #ffe0d9;--line: #f3d3cb;--fg: #4d170e;--muted: #8a5a50;--accent: #ec3013;--accent-ink: #ffffff;--ember: #ae1800;--ok: #2e7d4f;--warn: #b26a00;--f-ar: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--f-lat: "Archivo", "Helvetica Neue", Arial, sans-serif;--tap: 44px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1c0f0c;--panel: #2a1712;--soft: #3a1f18;--line: #4a2a22;--fg: #ffe9e3;--muted: #c9a096;--accent: #ff5a3c;--accent-ink: #1c0f0c;--ember: #ff8a70;--ok: #6bcb93;--warn: #f0b35a;color-scheme:dark}}:root[data-theme=dark]{--bg: #1c0f0c;--panel: #2a1712;--soft: #3a1f18;--line: #4a2a22;--fg: #ffe9e3;--muted: #c9a096;--accent: #ff5a3c;--accent-ink: #1c0f0c;--ember: #ff8a70;--ok: #6bcb93;--warn: #f0b35a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{color:var(--fg);font-family:var(--f-ar);font-size:15px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.wrap{max-width:980px;margin:0 auto;padding-inline:16px;padding-block:calc(16px + env(safe-area-inset-top,0px)) 140px}.lat{font-family:var(--f-lat)}.num{font-family:var(--f-lat);font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.demo{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--f-lat);background:var(--soft);color:var(--ember);padding:2px 8px;border-radius:99px}.btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:12px;padding:12px 22px;min-height:var(--tap);font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}.btn.small{padding:6px 14px}.btn.wide{width:100%}.err{color:var(--accent);font-size:13px;min-height:1.4em}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px;color:var(--fg);min-width:0;min-height:var(--tap)}.field input[aria-invalid=true]{border-color:var(--accent)}.field small{font-size:12px}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:.02em}h1{font-size:22px;margin:4px 0 0;font-weight:600}h2{font-size:15px;font-weight:600;margin:0 0 10px}.word{font-family:var(--f-lat);font-weight:800;color:var(--accent);letter-spacing:-.03em;line-height:1}.muted{color:var(--muted)}.loading{color:var(--muted);padding:24px 4px}.signin{min-height:80vh;display:grid;place-items:center;padding-block:48px}.signin form{width:min(360px,100%);display:flex;flex-direction:column;gap:16px}.logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px}.logo .word{font-size:52px}.hint{font-size:12px;color:var(--muted);text-align:center}header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:4px 14px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand .word{font-size:26px;letter-spacing:-.02em}.who{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px 14px;flex-wrap:wrap}.who b{color:var(--fg);font-weight:600}.link{background:none;border:0;color:var(--ember);cursor:pointer;padding:0 4px;font-size:13px;text-decoration:underline;min-height:var(--tap);min-width:var(--tap)}.listhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-block:22px 10px}.plus{width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--accent-ink);border:0;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;flex:none}.clients{border-top:1px solid var(--line)}.crow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);min-height:64px}.crow .n{font-weight:500}.crow .m{font-size:12px;color:var(--muted)}.pill{font-size:12px;border-radius:99px;padding:2px 10px;white-space:nowrap}.pill.paid{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.pill.sent{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.pill.draft{background:var(--soft);color:var(--ember)}.pill.off{background:var(--panel);color:var(--muted)}.empty{color:var(--muted);padding:24px 4px}.intake{max-width:520px;margin:0 auto;padding-block:32px;display:flex;flex-direction:column;gap:18px}.intake .welcome{text-align:center}.intake .welcome .word{font-size:40px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.7;min-height:var(--tap);cursor:pointer}.consent input{width:24px;height:24px;margin-top:2px;accent-color:var(--accent);flex:none}.consent.invalid{color:var(--accent)}.disclose{font-size:12px;color:var(--muted);background:var(--panel);border-radius:12px;padding:10px 14px}.upper{text-transform:uppercase}.lock{max-width:340px;margin:0 auto;padding-block:56px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}.lock .word{font-size:34px}.dots{display:flex;gap:14px;justify-content:center}.dots span{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--fg)}.dots span.on{background:var(--fg)}.keys{display:grid;grid-template-columns:repeat(3,72px);gap:12px;justify-content:center}.keys button{height:72px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-family:var(--f-lat);font-size:24px;cursor:pointer}.keys button.blank{visibility:hidden}.keys button:disabled{opacity:.5}.clientbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-block:18px;padding:14px 16px;background:var(--panel);border-radius:14px}.clientbar b{font-size:17px;font-weight:600}.clientbar span{font-size:13px;color:var(--muted)}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.tools input{flex:1 1 220px;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:9px 16px;font-size:16px;min-height:var(--tap)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:6px 14px;font-size:13px;cursor:pointer;min-height:var(--tap)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.group{margin-top:22px}.group h3{font-size:13px;font-weight:600;color:var(--ember);margin:0 0 6px;display:flex;justify-content:space-between}.group h3 span{color:var(--muted);font-weight:400}.rows{display:flex;flex-direction:column;border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:auto 1fr auto;gap:8px 12px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)}.row.on{background:var(--panel)}.tick{width:var(--tap);height:var(--tap);border:0;background:none;display:grid;place-items:center;cursor:pointer;padding:0;color:var(--accent-ink)}.tick .box{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line);background:var(--bg);display:grid;place-items:center}.row.on .tick .box{background:var(--accent);border-color:var(--accent)}.tick svg{width:14px;height:14px;opacity:0}.row.on .tick svg{opacity:1}.pname{min-width:0;cursor:pointer}.pname .n{font-weight:500;display:block}.pname .b{font-size:12px;color:var(--muted)}.tag{font-size:11px;padding:1px 7px;border-radius:99px;margin-inline-start:6px;white-space:nowrap;border:1px solid var(--warn);color:var(--warn)}.price{font-family:var(--f-lat);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.opts{grid-column:2 / 4;display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.freq{display:flex;gap:6px;flex-wrap:wrap}.freq button{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:4px 12px;font-family:var(--f-lat);font-size:13px;cursor:pointer;min-height:var(--tap);min-width:var(--tap)}.freq button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.optrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}.optrow select,.optrow input{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:16px;color:var(--fg);min-height:var(--tap)}.optrow .note{flex:1 1 200px;min-width:0}.qty{display:inline-flex;align-items:center;gap:4px}.qty button{width:var(--tap);height:var(--tap);border-radius:8px;border:1px solid var(--line);background:var(--bg);font-family:var(--f-lat);font-size:18px;cursor:pointer}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty output{min-width:28px;text-align:center;color:var(--fg);font-size:16px}.freqtext{font-size:12.5px;color:var(--fg)}.notecount{font-size:11px;color:var(--muted)}.held{margin-top:26px;font-size:12.5px;color:var(--muted);background:var(--panel);border-radius:12px;padding:12px 14px}.held b{color:var(--fg);font-weight:600}.bar{position:fixed;inset-inline:0;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));z-index:5}.bar .in{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bar .sum{flex:1 1 auto;min-width:0}.bar .tot{font-family:var(--f-lat);font-weight:800;font-size:22px}.bar .sub{font-size:12px;color:var(--muted)}.sheet{max-width:720px;margin:24px auto 0}.review-list{border-top:1px solid var(--line);margin-block:12px}.rl{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.rl small{display:block;color:var(--muted);font-size:12.5px}.totals{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:14px;margin-top:10px}.totals .grand{font-weight:700;font-size:18px;border-top:1px solid var(--line);padding-top:8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.fine{font-size:11.5px;color:var(--muted);margin-top:14px;line-height:1.7}.done{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;margin-top:12px}@media (max-width: 640px){.done{grid-template-columns:1fr}}.qrbox{background:#fff;padding:14px;border-radius:14px;border:1px solid var(--line);width:max-content;max-width:100%}.qrbox img{display:block;width:220px;height:220px}.status{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:10px}.status.paid{color:var(--ok);font-weight:600}.dot{width:9px;height:9px;border-radius:50%;background:var(--warn);flex:none}.dot.paid{background:var(--ok)}.dot.off{background:var(--muted)}.linkline{font-family:var(--f-lat);font-size:12px;color:var(--muted);word-break:break-all;direction:ltr;text-align:left}.card{margin-top:28px;border-radius:16px;background:var(--panel);padding:22px}.card .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}.card .word{font-size:22px;letter-spacing:-.02em}.slot{margin-top:14px}.slot h4{margin:0 0 4px;font-size:12.5px;color:var(--ember);font-weight:600}.slot ol{margin:0;padding-inline-start:20px}.slot li{padding-block:3px}.slot li small{color:var(--muted)}.cardpage{max-width:640px;margin:0 auto;padding-top:16px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:18px}@media (max-width: 520px){.kpis{grid-template-columns:1fr}}.kpi{background:var(--panel);border-radius:14px;padding:14px 16px}.kpi .v{font-family:var(--f-lat);font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}.kpi .l{font-size:12.5px;color:var(--muted)}.monthnav{display:flex;align-items:center;gap:8px}.monthnav .btn{min-width:var(--tap);padding:6px 12px}.lrow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}.lrow small{display:block;color:var(--muted);font-size:12px}@media (prefers-reduced-motion: no-preference){.row{transition:background .15s}.dot{transition:background .3s}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.adminform{background:var(--panel);border-radius:14px;padding:16px;margin-block:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.adminform .full{grid-column:1 / -1}.adminform h2{margin:0}@media (max-width: 640px){.adminform{grid-template-columns:1fr}}.arow{border-bottom:1px solid var(--line)}.arow .crow{border-bottom:0}.arow .adminform{margin-top:0}.notice{color:var(--ok);font-size:13px;min-height:1.4em}