:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #f6f5f2;--app: #f6f5f2;--panel: #ffffff;--band: #faf9f7;--line: #eae8e3;--ink: #191a1f;--muted: #75727c;--field: #ffffff;--field-border: #e2dfd9;--grid-head: #faf9f7;--grid-alt: #fbfaf8;--btn: #5b53e8;--btn-ink: #ffffff;--accent: #5b53e8;--amber: #f5a524;--ok: #128a5a;--warn: #d5453b;--radius: 10px;--pad: 16px;--row-h: 38px;--shadow: 0 1px 2px rgba(23, 23, 30, .05), 0 6px 20px rgba(23, 23, 30, .06)}[data-mode=boss]{--font-body: "Segoe UI", Tahoma, system-ui, sans-serif;--bg: #17a6db;--app: #1ba9de;--panel: #53c6f2;--band: #53c6f2;--line: #7cbdda;--ink: #06222e;--muted: #084155;--field: #ffffff;--field-border: #2b8fc0;--grid-head: #f6caca;--grid-alt: #eef2f4;--btn: #e23b2e;--btn-ink: #ffe400;--accent: #e23b2e;--ok: #0b7a3b;--warn: #b5231a;--radius: 3px;--pad: 10px;--row-h: 30px;--shadow: 0 1px 0 rgba(0, 0, 0, .15)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--app);font-size:13px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{min-height:100%;display:flex;flex-direction:column;background:var(--app)}.ctxbar{display:flex;align-items:center;gap:14px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line)}[data-mode=boss] .ctxbar{background:#0b7fb0;color:#eaf7ff;--ink: #eaf7ff}.brand{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.5px}.brand b{color:var(--accent)}[data-mode=boss] .brand b{color:#ffe400}.ctx{color:var(--muted);font-size:12px}[data-mode=boss] .ctx{color:#cdeeff}.spacer{margin-left:auto}.nav{display:flex;gap:2px;padding:0 10px;background:var(--band);border-bottom:1px solid var(--line)}.nav a{padding:8px 14px;color:var(--ink);text-decoration:none;font-size:13px;border-bottom:2px solid transparent;opacity:.8}.nav a.active{border-bottom-color:var(--accent);opacity:1;font-weight:600}[data-mode=boss] .nav a.active{border-bottom-color:#ffe400}.modeswitch{display:inline-flex;border:1px solid var(--field-border);border-radius:999px;overflow:hidden;font-size:12px}.modeswitch button{border:0;background:transparent;padding:5px 12px;cursor:pointer;color:inherit;font-family:var(--font-body)}.modeswitch button.on{background:var(--accent);color:var(--btn-ink)}.workspace{flex:1;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}@media (max-width: 900px){.workspace{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-h{display:flex;align-items:baseline;gap:12px;padding:12px var(--pad);border-bottom:1px solid var(--line)}.title{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.3px}.tag{font-family:var(--font-mono);font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px}.toolbar{display:flex;gap:8px;padding:10px var(--pad);border-bottom:1px solid var(--line);flex-wrap:wrap}.btn{font-family:var(--font-body);font-weight:600;font-size:13px;border:1px solid var(--field-border);background:var(--field);color:var(--ink);padding:7px 14px;border-radius:var(--radius);cursor:pointer}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}[data-mode=boss] .btn-primary{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.kbdhint{padding:4px var(--pad) 10px;font-size:11.5px;color:var(--muted)}[data-mode=boss] .kbdhint{color:#06343f}.steps{display:flex;gap:8px;list-style:none;margin:0;padding:12px var(--pad);border-bottom:1px solid var(--line)}.steps li{display:flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px}.steps li b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--muted);font-size:12px}.steps li.now{border-color:var(--accent);color:var(--ink)}.steps li.now b{background:var(--accent);color:#fff}.steps li.done{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.steps li.done b{background:var(--ok);color:#fff}.addcard{margin:4px var(--pad) 0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.addcard-h{padding:9px 12px;background:var(--band);border-bottom:1px solid var(--line);font-weight:600;font-size:13px}.addgrid{display:grid;grid-template-columns:1.7fr 1.8fr .7fr 1fr 1fr auto;gap:14px;padding:16px 14px;align-items:start}.addgrid .btn{white-space:nowrap}@media (max-width: 720px){.addgrid{grid-template-columns:1fr 1fr}}.hint{font-size:11.5px;color:var(--muted);margin-top:2px}.reviewbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--pad);border-top:1px solid var(--line);flex-wrap:wrap}.review{font-size:13.5px;color:var(--ink)}.reviewbar .actions{display:flex;gap:10px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 16px;padding:var(--pad)}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}[data-mode=boss] .field label{color:var(--ink);font-weight:600;text-transform:none;letter-spacing:0}input,select{font-family:var(--font-body);font-size:13px;height:var(--row-h);padding:0 9px;border:1px solid var(--field-border);border-radius:var(--radius);background:var(--field);color:#101820;min-width:0;width:100%}input.num{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.facts{display:flex;gap:22px;flex-wrap:wrap;padding:8px var(--pad);border-top:1px dashed var(--line);font-size:12px}.fact{display:inline-flex;align-items:baseline;gap:7px}.fact i{font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.fact b{font-variant-numeric:tabular-nums}[data-mode=boss] .facts{background:#63cdf5;border-top:1px solid var(--line)}[data-mode=boss] .fact i{color:var(--ink)}.audit{margin:0 var(--pad) 10px;padding:6px 10px;font-size:11px;color:var(--muted);border-left:3px solid var(--line)}.recent .card-h .card-t{font-size:14px}.recent-actions{display:flex;gap:6px}.lineentry{display:grid;grid-template-columns:1.4fr 2fr 1fr .8fr 1fr 1fr auto;gap:8px;padding:10px var(--pad);align-items:end;border-top:1px dashed var(--line);background:var(--band)}[data-mode=boss] .lineentry{background:#63cdf5}.lineentry .field{min-width:0}.lineentry .btn{width:100%;white-space:nowrap}.gridwrap{overflow:auto}table.grid{width:100%;border-collapse:collapse;font-size:12.5px}table.grid thead th{text-align:left;padding:7px 10px;background:var(--grid-head);border-bottom:1px solid var(--line);font-weight:600;white-space:nowrap;position:sticky;top:0}table.grid td{padding:6px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.grid tbody tr:nth-child(2n) td{background:var(--grid-alt)}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.empty{padding:28px var(--pad);color:var(--muted);text-align:center}.rm{border:0;background:transparent;color:var(--warn);cursor:pointer;font-size:15px;line-height:1}.totals{display:flex;gap:24px;justify-content:flex-end;align-items:center;padding:12px var(--pad);border-top:1px solid var(--line);background:var(--band)}[data-mode=boss] .totals{background:#63cdf5}.tot{text-align:right}.tot .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}[data-mode=boss] .tot .k{color:var(--ink)}.tot .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.tot.grand .v{font-size:24px;color:var(--accent)}.tot-disc .disc-in{width:110px;height:30px;text-align:right;font-family:var(--font-mono)}[data-mode=boss] .tot.grand .v{color:#06222e;background:#ffe400;padding:2px 8px;border-radius:3px}.tape{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:sticky;top:16px}.tape-h{padding:12px var(--pad);border-bottom:1px dashed var(--line)}.tape-h .num{font-family:var(--font-mono);font-size:20px;font-weight:600;letter-spacing:.5px}.tape-h .sub{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.tape ul{list-style:none;margin:0;padding:6px 0}.tape li{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:5px var(--pad);font-family:var(--font-mono);font-size:12.5px}.tape li .acc{color:var(--ink)}.tape li .dc{color:var(--muted);width:26px}.tape li .amt{font-variant-numeric:tabular-nums;text-align:right;min-width:84px}.seal{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px var(--pad) 14px;padding:8px 12px;border:1px dashed var(--ok);border-radius:var(--radius);color:var(--ok);font-weight:700;font-size:12px;letter-spacing:.5px}.tape-empty{padding:28px var(--pad);color:var(--muted);text-align:center;font-size:12.5px}.err{margin:10px var(--pad);padding:9px 12px;border:1px solid var(--warn);border-radius:var(--radius);color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent);font-size:12.5px}.saas{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100%;background:var(--app)}.side{display:flex;flex-direction:column;background:#fffefc;border-right:1px solid var(--line);padding:16px 12px}.side-top{padding:4px 8px 14px}.logo{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.3px}.logo-dot{width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,var(--accent),var(--amber))}.company{margin-top:12px;width:100%;text-align:left;font-size:12.5px;color:var(--muted);background:var(--band);border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer}.company .chev{float:right;opacity:.6}.side-nav{display:flex;flex-direction:column;gap:2px;margin-top:8px;flex:1}.side-nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500}.side-nav a .ic{display:inline-flex;color:var(--muted)}.side-nav a:hover{background:var(--band);color:var(--ink)}.side-nav a.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.side-nav a.active .ic{color:var(--accent)}.side-bottom{display:flex;align-items:center;gap:10px;padding:12px 8px 4px;border-top:1px solid var(--line);margin-top:8px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:12px;font-weight:600}.who{display:flex;flex-direction:column;line-height:1.25}.who small{color:var(--muted);font-size:11.5px}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:11px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.crumbs{font-size:13px;color:var(--muted)}.crumbs i{margin:0 7px;font-style:normal;opacity:.5}.crumbs b{color:var(--ink)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.search{width:280px;height:34px;background:var(--band);border:1px solid var(--line);border-radius:8px}.content{padding:26px 24px;max-width:1200px;width:100%}.page-h h1{font-family:var(--font-display);font-size:24px;font-weight:700;margin:0;letter-spacing:-.2px}.page-sub{margin:4px 0 18px;color:var(--muted);font-size:13.5px}.saas .workspace{padding:0}.saas .panel-h{display:none}@media (max-width: 820px){.saas{grid-template-columns:1fr}.side{display:none}}.bosswrap{padding:14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}[data-mode=boss] .cards{gap:10px}@media (max-width: 900px){.cards{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0}.card-h{display:flex;align-items:center;gap:10px;padding:11px var(--pad);border-bottom:1px solid var(--line);background:var(--band)}.card-t{font-family:var(--font-display);font-weight:700;font-size:14.5px}.card-b{min-width:0}.card-b .fields,.card-b .toolbar{border-bottom:1px solid var(--line)}.cockpit{display:flex;flex-direction:column;gap:16px}.kpirow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 760px){.kpirow{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.kpi-v{font-size:22px;font-weight:700;letter-spacing:-.2px}.kpi-k{margin-top:3px;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.kpi-ok .kpi-v{color:var(--ok)}.kpi-warn .kpi-v{color:var(--warn)}.kpi-accent .kpi-v{color:var(--accent)}.settle{display:flex;flex-direction:column;gap:12px;padding:16px var(--pad)}.settle .field span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.settle .btn-primary{align-self:flex-start}.ok-note{font-size:12.5px;color:var(--ok);font-weight:600}.bankstats{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px var(--pad);border-bottom:1px solid var(--line)}.bankstats .kpi{flex:1;min-width:120px;box-shadow:none}.bankstats .btn{margin-left:auto}table.grid tfoot td{padding:8px 10px;border-top:2px solid var(--line);background:var(--band);white-space:nowrap}.quickfind{position:relative}.qf-results{position:absolute;top:40px;right:0;width:360px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;z-index:40}.qf-hit{display:grid;grid-template-columns:70px 90px 1fr;gap:10px;align-items:center;width:100%;text-align:left;padding:9px 12px;border:0;background:transparent;cursor:pointer;font-size:12.5px;color:var(--ink)}.qf-hit:hover{background:var(--band)}.qf-kind{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.qf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qf-empty{padding:14px;color:var(--muted);font-size:12.5px;text-align:center}.ctx-company{width:auto;height:28px;font-size:12px;background:#0d8abc;color:#eaf7ff;border-color:#4db4de;border-radius:4px}.queues{list-style:none;margin:0;padding:6px 0}.queues li{display:grid;grid-template-columns:14px 170px 1fr auto;gap:12px;align-items:center;padding:11px var(--pad);border-bottom:1px solid var(--line)}.queues li:last-child{border-bottom:0}.q-dot{width:9px;height:9px;border-radius:50%}.q-ok .q-dot{background:var(--ok)}.q-warn .q-dot{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 20%,transparent)}.q-label{font-weight:600;font-size:13px}.q-detail{color:var(--muted);font-size:12.5px}.q-warn .q-detail{color:var(--warn);font-weight:600}.login-wrap{min-height:100%;display:grid;place-items:center;background:radial-gradient(600px 300px at 20% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent),var(--app);padding:24px}.login-card{width:340px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:30px 28px;display:flex;flex-direction:column;gap:14px}.login-logo{justify-content:center;font-size:22px}.login-sub{margin:0 0 6px;text-align:center;color:var(--muted);font-size:13px}.login-card .btn{margin-top:4px;height:38px}.side-logout{margin-left:auto}[data-mode=boss] .ctxbar .btn-sm{background:transparent;color:#eaf7ff;border-color:#4db4de}.set-in{height:28px;font-size:12px;min-width:160px}.rpt-tabs{align-self:flex-start}.bs-cols{display:grid;grid-template-columns:1fr 1fr;gap:0}.bs-cols .gridwrap:first-child{border-right:1px solid var(--line)}@media (max-width: 800px){.bs-cols{grid-template-columns:1fr}}.btn-sm{padding:3px 10px;font-size:11.5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.abc{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:700}.abc-A{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.abc-B{background:color-mix(in srgb,var(--amber) 20%,transparent);color:#8a6100}.abc-C{background:var(--band);color:var(--muted);border:1px solid var(--line)}.pill{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:2px 9px;border-radius:999px}.pill-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.pill-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.zatca{margin:8px var(--pad) 14px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.zatca-h{display:flex;align-items:baseline;gap:8px;padding:8px 12px;background:var(--band);border-bottom:1px solid var(--line)}.zatca-badge{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.5px;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);padding:2px 8px;border-radius:999px}.zatca-sub{font-size:11px;color:var(--muted)}.zatca-body{display:flex;gap:12px;padding:12px;align-items:center}.zatca-qr{width:96px;height:96px;border:1px solid var(--line);border-radius:4px;background:#fff}.zatca-meta{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:11.5px}.zatca-meta dt{color:var(--muted)}.zatca-meta dd{margin:0;font-size:11px}.tape-actions{padding:0 var(--pad) 14px}.tape-actions .btn{width:100%}.printwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14141a8c;overflow:auto;padding:24px}.printbar{display:flex;align-items:center;gap:10px;max-width:800px;margin:0 auto 10px;color:#fff;font-family:var(--font-mono)}.print-doc{max-width:800px;margin:0 auto;background:#fff;color:#14141a;padding:40px 44px;border-radius:6px;box-shadow:0 12px 40px #00000059;font-family:Segoe UI,system-ui,sans-serif;font-size:12.5px}.pd-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #14141a;padding-bottom:14px}.pd-seller h2{margin:0 0 4px;font-size:18px}.pd-seller p{margin:2px 0;color:#444}.pd-title{text-align:right}.pd-ar{font-size:22px;font-weight:700}.pd-en{font-size:12px;letter-spacing:3px;color:#444}.pd-reversed{margin-top:6px;color:#b5231a;border:2px solid #b5231a;display:inline-block;padding:2px 10px;font-weight:700;transform:rotate(-3deg)}.pd-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 0}.pd-meta dt{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.4px}.pd-meta dd{margin:2px 0 0;font-weight:600}.pd-lines{width:100%;border-collapse:collapse;margin:6px 0 14px}.pd-lines th{text-align:left;border-top:1px solid #14141a;border-bottom:1px solid #14141a;padding:7px 8px;font-size:11px}.pd-lines td{padding:6px 8px;border-bottom:1px solid #e4e4e8}.pd-lines .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pd-totals{display:flex;justify-content:flex-end}.pd-totals table{border-collapse:collapse;min-width:330px}.pd-totals td{padding:5px 8px}.pd-totals .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pd-grand td{border-top:2px solid #14141a;font-weight:700;font-size:15px}.pd-foot{display:flex;gap:18px;align-items:center;margin-top:26px;padding-top:14px;border-top:1px dashed #bbb}.pd-qr{width:108px;height:108px}.pd-crypto{font-size:10.5px;color:#555;word-break:break-all;display:flex;flex-direction:column;gap:3px}@media print{body *{visibility:hidden}.printwrap{position:static;background:none;padding:0;overflow:visible}.print-doc,.print-doc *{visibility:visible}.print-doc{box-shadow:none;border-radius:0;max-width:none;margin:0;padding:0}.no-print{display:none!important}}@media (prefers-reduced-motion: no-preference){.tape-print{animation:print .35s ease-out}@keyframes print{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}