:root{--ink: #0b1220;--muted: #5a6b7c;--surface: #f5f7f9;--hairline: #dce2e8;--in: #0b6e5f;--out: #a8500f;--danger: #b4231f;--in-text: #0a5548;--in-strong: #0b5a4e;--in-tint: #e6f1ef;--in-tint-border: #bfdbd5;--in-tint-soft: #f2f8f6;--out-text: #8c420c;--out-text-deep: #7a3a0a;--out-tint: #fdf0e6;--out-tint-border: #e8c39c;--danger-text: #8e1c19;--danger-tint: #fbeae9;--danger-tint-border: #e2b9b7;--on-ink: #f5f7f9;--on-ink-bright: #ffffff;--on-ink-muted: #93a3b4;--on-ink-dim: #aebbcb;--on-ink-hairline: #16233a;--on-ink-raised: #33415c;--ink-2: #3e4c5a;--hairline-soft: #f0f3f5;--hairline-strong: #c6cfd7;--skeleton: #eaeef1;--disabled-bg: #eef1f4;--disabled-text: #9aa6b2;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--r-pill: 999px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, "Cascadia Mono", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{block-size:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app-shell{display:grid;grid-template-rows:1fr auto;min-block-size:100dvh}.app-shell__main{padding-inline:var(--sp-4);padding-block:var(--sp-6);padding-block-end:calc(var(--sp-6) + env(safe-area-inset-bottom));overflow-y:auto}.bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;background:var(--ink);color:var(--on-ink);border-block-start:1px solid var(--on-ink-hairline);padding-block-end:env(safe-area-inset-bottom)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-block-size:56px;padding-block:var(--sp-2);padding-inline:var(--sp-2);color:var(--on-ink-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:center}.bottom-nav__item[aria-current=page]{color:var(--on-ink-bright)}.bottom-nav__icon{font-size:20px;line-height:1}.page-title{font-size:22px;font-weight:600;line-height:1.25;margin:0 0 var(--sp-4)}.page-lede{color:var(--muted);margin:0 0 var(--sp-6)}.placeholder-card{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-4);color:var(--muted)}.coming-soon{background:repeating-linear-gradient(-45deg,#ffd600,#ffd600 12px,#1a1a1a 12px 24px);border-radius:var(--r-lg);padding:var(--sp-12) var(--sp-4);display:flex;align-items:center;justify-content:center}.coming-soon__label{background:#ffffffeb;color:var(--ink);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;padding:var(--sp-2) var(--sp-6);border-radius:var(--r-md);border:2px solid #1a1a1a}.section-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--sp-2)}.language-switcher{display:inline-flex;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-pill);padding:var(--sp-1);gap:var(--sp-1)}.language-switcher__item{padding-inline:var(--sp-4);padding-block:var(--sp-2);border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--ink-2);min-block-size:36px}.language-switcher__item.is-active{background:var(--ink);color:var(--on-ink-bright)}.login-page{display:grid;place-items:center;min-block-size:100dvh;padding:var(--sp-6);padding-block:max(var(--sp-8),env(safe-area-inset-top)) max(var(--sp-8),env(safe-area-inset-bottom))}.login-page__frame{inline-size:100%;max-inline-size:360px;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-xl);padding:var(--sp-6)}.stack{display:grid;gap:var(--sp-4)}.field{display:grid;gap:var(--sp-1)}.field label{font-size:12px;font-weight:600;color:var(--muted)}.field input{font:inherit;padding-inline:var(--sp-3);padding-block:12px;border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:#fff;min-block-size:44px}.field input[aria-invalid=true]{border-color:var(--danger)}.field__error,.form__error{color:var(--danger-text);font-size:13px;margin:0}.btn{min-block-size:44px;padding-inline:var(--sp-4);border-radius:var(--r-md);font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}.btn--primary{background:var(--ink);color:var(--on-ink-bright)}.btn--primary:disabled{background:var(--disabled-bg);color:var(--disabled-text)}.btn--danger{background:#fff;color:var(--danger-text);border-color:var(--hairline)}.profile-identity{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-4);margin-block-end:var(--sp-6)}.profile-identity__name{font-size:16px;font-weight:600;margin:0 0 var(--sp-1)}.profile-identity__phone{font-family:var(--font-mono);color:var(--muted);margin:0}.profile-actions{margin-block-start:var(--sp-8)}.app-shell__loading{min-block-size:100dvh;display:grid;place-items:center;color:var(--muted)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-block-end:var(--sp-4)}.page-header .page-title{margin:0}.toolbar{display:flex;align-items:center;gap:var(--sp-2);margin-block-end:var(--sp-4);flex-wrap:wrap}.toolbar input[type=search]{font:inherit;padding-inline:var(--sp-3);padding-block:8px;border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:#fff;min-block-size:40px;flex:1;min-inline-size:200px}.toolbar select{font:inherit;padding-inline:var(--sp-2);padding-block:8px;border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:#fff;min-block-size:40px}.card-list{display:grid;gap:var(--sp-2)}.card-row{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-4);display:grid;gap:var(--sp-2);text-align:start}.card-row:is(button,a){cursor:pointer;color:inherit;text-decoration:none;inline-size:100%}.card-row__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.card-row__title{font-size:16px;font-weight:600;margin:0}.card-row__mono{font-family:var(--font-mono);color:var(--muted);font-size:13px}.card-row__meta{color:var(--muted);font-size:13px;display:flex;gap:var(--sp-3);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding-inline:var(--sp-2);padding-block:2px;border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--hairline);background:var(--hairline-soft);color:var(--muted)}.badge--in{color:var(--in-text);background:var(--in-tint);border-color:var(--in-tint-border)}.badge--out{color:var(--out-text);background:var(--out-tint);border-color:var(--out-tint-border)}.badge--danger{color:var(--danger-text);background:var(--danger-tint);border-color:var(--danger-tint-border)}.empty-state{background:#fff;border:1px dashed var(--hairline-strong);border-radius:var(--r-lg);padding:var(--sp-6);text-align:center;color:var(--muted)}.tabs{display:flex;gap:var(--sp-1);overflow-x:auto;border-block-end:1px solid var(--hairline);margin-block-end:var(--sp-4)}.tabs__item{padding-inline:var(--sp-3);padding-block:var(--sp-3);font-size:13px;font-weight:600;color:var(--muted);border-block-end:2px solid transparent;margin-block-end:-1px;white-space:nowrap;min-block-size:40px}.tabs__item[aria-current=page]{color:var(--ink);border-block-end-color:var(--ink)}.dialog-backdrop{position:fixed;inset:0;background:#0b122080;display:grid;place-items:center;padding:var(--sp-4);z-index:50}.dialog{background:#fff;border-radius:var(--r-xl);padding:var(--sp-6);max-inline-size:420px;inline-size:100%;display:grid;gap:var(--sp-4)}.dialog__title{font-size:18px;font-weight:600;margin:0}.dialog__actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.btn--ghost{background:#fff;color:var(--ink);border-color:var(--hairline)}.btn--secondary{background:#fff;color:var(--ink);border-color:var(--hairline-strong)}.field textarea{font:inherit;padding-inline:var(--sp-3);padding-block:10px;border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:#fff;min-block-size:96px;resize:vertical}.field__hint{color:var(--muted);font-size:12px;margin:0}.checkbox-row{display:flex;align-items:center;gap:var(--sp-2);min-block-size:36px}.matrix{inline-size:100%;border-collapse:collapse;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden}.matrix th,.matrix td{padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--hairline);font-size:13px;text-align:start;vertical-align:middle}.matrix thead th{background:var(--hairline-soft);font-weight:600;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.matrix tbody tr:last-child td{border-block-end:0}.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}.matrix__group td{background:var(--hairline-soft);font-weight:600;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.06em}.offline-banner{background:var(--danger-tint);border-block-end:1px solid var(--danger-tint-border);color:var(--danger-text);font-size:13px;font-weight:600;padding-inline:var(--sp-4);padding-block:var(--sp-2);text-align:center;padding-block-start:max(var(--sp-2),env(safe-area-inset-top))}