:root{color-scheme:dark;--brand-red: #e1251b;--brand-red-on-dark: #ff4a3d;--brand-ink: #141414;--brand-white: #ffffff;--color-bg: var(--brand-ink);--color-surface: #1e1e20;--color-surface-2: #29292c;--color-border: #38383d;--color-text: var(--brand-white);--color-text-muted: #a6a6ad;--color-accent: var(--brand-red-on-dark);--color-button-bg: var(--brand-white);--color-button-text: var(--brand-ink);--color-button-hover-bg: #e4e4e7;--status-ok: #1e9e5a;--status-warning: #e8a200;--status-danger: #a4161a;--status-danger-tint: color-mix(in srgb, var(--status-danger) 22%, var(--color-surface));--status-ok-tint: color-mix(in srgb, var(--status-ok) 18%, var(--color-surface));--status-warning-tint: color-mix(in srgb, var(--status-warning) 18%, var(--color-surface));--status-danger-text: #ffb3b0;--font-heading: "Poppins", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading-ar: "Noto Kufi Arabic", "Noto Sans Arabic", system-ui, sans-serif;--font-body-ar: "Noto Sans Arabic", system-ui, sans-serif;--font-mono: ui-monospace, Consolas, monospace;--radius: 10px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2.5rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.5}html:lang(ar),html:lang(ar) body{font-family:var(--font-body-ar)}h1,h2,h3,.wordmark{font-family:var(--font-heading);margin:0}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{font-family:var(--font-heading-ar)}button,input{font:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{background:var(--color-button-bg);color:var(--color-button-text);border:1px solid transparent;border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-weight:600;cursor:pointer}.btn:hover:not(:disabled){background:var(--color-button-hover-bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-quiet{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-quiet:hover:not(:disabled){background:var(--color-surface-2)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-block-end:var(--space-4)}.field label{color:var(--color-text-muted);font-size:.9rem}.field input,.field select,.field textarea{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);text-align:start}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5)}.auth-page{min-block-size:100vh;display:grid;place-items:center;padding:var(--space-4)}.auth-page .panel{inline-size:min(26rem,100%)}.auth-brand{display:flex;align-items:center;gap:var(--space-2);margin-block-end:var(--space-5)}.muted{color:var(--color-text-muted)}.qr{display:block;inline-size:11rem;block-size:11rem;background:var(--brand-white);border-radius:var(--radius);padding:var(--space-2);margin-block:var(--space-3)}.secret{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);word-break:break-all}.card-danger{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--status-danger-tint);border:1px solid var(--status-danger);border-inline-start-width:6px;border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-block-end:var(--space-4)}.card-danger .icon{flex:none;inline-size:1.5rem;block-size:1.5rem;color:var(--status-danger-text);margin-block-start:2px}.card-danger .card-title{font-weight:700;color:var(--status-danger-text)}.card-danger .card-body>*{margin-block:var(--space-1)}.card-danger .card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-3)}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-block-end:2px solid var(--color-accent)}.brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text)}.brand img{inline-size:2rem;block-size:2rem}.wordmark{font-size:1.35rem;letter-spacing:.01em;direction:ltr}.wordmark .car{font-weight:300}.wordmark .core{font-weight:500}.nav{display:flex;gap:var(--space-1);margin-inline-start:var(--space-4)}.nav a{color:var(--color-text-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-block-end:3px solid transparent}.nav a:hover{color:var(--color-text)}.nav a.active{color:var(--color-text);border-block-end-color:var(--color-accent)}.topbar-end{margin-inline-start:auto;display:flex;gap:var(--space-2);align-items:center}.main{padding:var(--space-5);max-inline-size:72rem;margin-inline:auto}.placeholder{color:var(--color-text-muted)}.actions,.card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-3)}.confirm{display:flex;gap:var(--space-3);align-items:flex-start;margin-block-start:var(--space-3)}.confirm .card-body{flex:1}.confirm .card-body>*{margin-block:var(--space-2)}.panel.confirm{background:var(--color-surface-2)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-block-end:var(--space-4)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.search{flex:1 1 14rem;min-inline-size:0;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);text-align:start}.table-wrap{overflow-x:auto}.table{inline-size:100%;border-collapse:collapse}.table th,.table td{text-align:start;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);vertical-align:middle}.table th{color:var(--color-text-muted);font-weight:600;font-size:.9rem}.table a{color:var(--color-text);font-weight:600}.badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;border:1px solid var(--color-border);font-size:.85rem;white-space:nowrap}.badge .icon,.event .icon{flex:none;inline-size:1.1rem;block-size:1.1rem}.status-ok{background:var(--status-ok-tint);border-color:var(--status-ok)}.status-ok .icon{color:var(--status-ok)}.status-warning{background:var(--status-warning-tint);border-color:var(--status-warning)}.status-warning .icon{color:var(--status-warning)}.status-muted{background:var(--color-surface-2)}.subscriber-page{display:flex;flex-direction:column;gap:var(--space-4)}.subscriber-page .panel h2{margin-block-end:var(--space-3)}.card-head{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3)}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:var(--space-3);margin:0}.facts dt{color:var(--color-text-muted);font-size:.85rem}.facts dd{margin:0;margin-inline-start:0}.waiting{margin-block-end:var(--space-3)}.waiting-list{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-3)}.payment-form{margin-block-start:var(--space-5)}.input-with-unit{display:flex;align-items:center;gap:var(--space-2)}.input-with-unit input{flex:1;min-inline-size:0}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--status-warning)}.field-error{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem}.field-error .icon{flex:none;inline-size:1rem;block-size:1rem;color:var(--status-warning)}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.timeline li{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius)}.timeline-head{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline}.event{display:flex;gap:var(--space-3);align-items:flex-start}.timeline li.status-warning{border-inline-start-width:6px}.status-danger{background:var(--status-danger-tint);border-color:var(--status-danger)}.status-danger .icon,.status-danger strong{color:var(--status-danger-text)}.table tr.row-danger td{background:var(--status-danger-tint)}.table tr.row-warning td{background:var(--status-warning-tint)}.table tr.row-danger td:first-child{border-inline-start:6px solid var(--status-danger)}.table tr.row-warning td:first-child{border-inline-start:6px solid var(--status-warning)}.timeline-table .badge{white-space:normal}.raw-text{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);max-inline-size:36rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.85rem}.pkg-list{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.pkg-list li{padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9rem}.pkg-block{margin-block-start:var(--space-3)}.car-info+.car-info{margin-block-start:var(--space-4);padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border)}.settings-page,.codes-page{display:flex;flex-direction:column;gap:var(--space-4)}.settings-page>h1,.codes-page .page-head h1{margin-block:0}.field textarea{resize:vertical;font:inherit}.message-group{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4) 0;margin-block-end:var(--space-3);min-inline-size:0}.message-group legend{padding-inline:var(--space-2);font-weight:600}.terms-text{margin-block-end:var(--space-3)}.terms-text h3{margin-block:var(--space-1);font-size:.95rem;color:var(--color-text-muted)}.flag{padding-block:var(--space-3);border-block-end:1px solid var(--color-border)}.flag-toggle{display:flex;align-items:center;gap:var(--space-2);font-weight:600;cursor:pointer}.code-value,.code-input{font-family:var(--font-mono)}.codes-page .confirm,.settings-page .confirm{margin-block-start:var(--space-3)}
