:root{--primary: #0d3156;--primary-dark: #0a2647;--primary-light: #164b80;--primary-deeper: #071b33;--amber: #ff9e18;--amber-dark: #e58a0c;--amber-light: #ffb84d;--surface: #f4f6f9;--card: #ffffff;--card-translucent: rgb(255 255 255 / .9);--input-line-hover: #64748b;--segment-on: var(--card);--media-ground: #0a2647;--ink: #1e293b;--ink-light: #64748b;--ink-muted: #94a3b8;--line: #e2e8f0;--input-line: #8494aa;--accent: #0f766e;--accent-dark: #115e59;--accent-light: #2dd4bf;--accent-ink: #ffffff;--hero-gradient: linear-gradient(135deg, #071b33 0%, #0a2647 50%, #0d3156 100%);--hero-radial: radial-gradient(ellipse at 50% 30%, rgb(255 158 24 / .1), transparent 60%);--accent-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);--shadow-sm: 0 1px 3px rgb(10 38 71 / .06);--shadow: 0 2px 12px rgb(10 38 71 / .08);--shadow-lg: 0 8px 30px rgb(10 38 71 / .12);--shadow-glow: 0 4px 16px rgb(15 118 110 / .35);--radius-control: 10px;--radius-card: 16px;--font-ar: "IBM Plex Sans Arabic";--font-en: "Inter";--font-base: var(--font-ar), var(--font-en), system-ui, sans-serif;--ok-bg: #ecfdf5;--ok-line: #6ee7b7;--ok-ink: #047857;--err-bg: #fef2f2;--err-line: #fca5a5;--err-ink: #b91c1c;--warn-bg: #fffbeb;--warn-line: #fcd34d;--warn-ink: #92400e;--bg: var(--surface);--surface-2: #eef2f7;--navy: var(--primary);--navy-dark: var(--primary-light);--muted: var(--ink-light);--radius: var(--radius-card);--radius-input: var(--radius-control);--radius-btn: var(--radius-control);--shadow-card: var(--shadow-sm);color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--surface: #0a1826;--card: #10243a;--surface-2: #17304a;--card-translucent: rgb(16 36 58 / .88);--line: #22394f;--input-line: #5b7695;--input-line-hover: #8296ad;--segment-on: #24456a;--ink: #e8eef6;--ink-light: #a6b7cb;--ink-muted: #8296ad;--primary: #cfe0f2;--primary-light: #9dbcdd;--accent: #2dd4bf;--accent-dark: #5eead4;--accent-light: #2dd4bf;--accent-ink: #04211d;--accent-gradient: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--shadow-glow: 0 4px 16px rgb(45 212 191 / .22);--hero-gradient: linear-gradient(135deg, #04101d 0%, #06172a 50%, #071b33 100%);--shadow-sm: 0 1px 3px rgb(0 0 0 / .4);--shadow: 0 2px 12px rgb(0 0 0 / .45);--shadow-lg: 0 8px 30px rgb(0 0 0 / .55);--ok-bg: #062c22;--ok-line: #1d7a5f;--ok-ink: #6ee7b7;--err-bg: #33151a;--err-line: #9f4048;--err-ink: #fca5a5;--warn-bg: #33260c;--warn-line: #96721f;--warn-ink: #fcd34d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.8 var(--font-base);-webkit-font-smoothing:antialiased}.shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.shell__body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.shell__scroll{flex:1;overflow-y:auto}.content{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--hero-gradient)}.sidebar__brand{height:64px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid rgb(255 255 255 / .1)}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:16px 12px}.navlink{position:relative;display:flex;align-items:center;gap:10px;padding:10px 16px;border:0;border-radius:var(--radius-control);background:none;font:inherit;font-size:14px;font-weight:700;text-align:start;cursor:pointer;color:#fff9;transition:background-color .2s cubic-bezier(.22,1,.36,1),color .2s}.navlink:hover{background:#ffffff0d;color:#fff}.navlink--on{background:#ffffff1a;color:#fff}.navlink--on:before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:999px;background:var(--accent-light)}.navlink__icon{display:inline-flex;width:18px;height:18px}.navlink__icon svg{width:100%;height:100%}.navlink--on .navlink__icon{color:var(--accent-light)}.navlink:focus-visible{outline:2px solid var(--accent-light);outline-offset:-2px}.sidebar__foot{margin-top:auto;padding:14px 16px;border-top:1px solid rgb(255 255 255 / .1)}.statuschip{display:flex;align-items:center;gap:10px}.statuschip__dot{width:8px;height:8px;flex-shrink:0;border-radius:999px;background:var(--ok-line)}.statuschip--ok .statuschip__dot{background:#34d399;box-shadow:0 0 #34d39999;animation:livedot 2.4s ease-out infinite}.statuschip--down .statuschip__dot{background:#f87171}.statuschip--checking .statuschip__dot{background:#ffffff59}@keyframes livedot{70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.statuschip__text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.statuschip__label{font-size:12.5px;font-weight:600;color:#fff}.statuschip__detail{font-size:11.5px;color:#ffffff73}.topbar{position:sticky;top:0;z-index:30;height:64px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--card);background:var(--card-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar__title{font-size:15px;font-weight:700;color:var(--primary);margin:0}.topbar__actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.topbar__menu{display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--card);color:var(--ink-light);cursor:pointer}.topbar__menu svg{width:18px;height:18px}.topbar__menu:hover{color:var(--ink);border-color:var(--ink-muted)}.themetoggle{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}.themetoggle__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;padding:0;border:0;border-radius:calc(var(--radius-control) - 3px);background:transparent;color:var(--muted);cursor:pointer;transition:background .16s,color .16s}.themetoggle__btn svg{width:15px;height:15px}.themetoggle__btn:hover{color:var(--ink)}.themetoggle__btn--on{background:var(--segment-on);color:var(--primary);box-shadow:var(--shadow-sm)}.themetoggle__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.langtoggle{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}.langtoggle__btn{padding:5px 12px;border:0;border-radius:calc(var(--radius-control) - 3px);background:transparent;color:var(--muted);font:600 13px/1 var(--font-base);cursor:pointer;transition:background .16s,color .16s}.langtoggle__btn:hover{color:var(--ink)}.langtoggle__btn--on{background:var(--segment-on);color:var(--primary);box-shadow:var(--shadow-sm)}.langtoggle__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.langtoggle__btn[lang=ar]{font-size:14px}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex}.drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#071b338c}.drawer__panel{position:relative;width:256px;height:100%;box-shadow:var(--shadow-lg);animation:drawer-in .22s cubic-bezier(.22,1,.36,1)}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}[dir=rtl] .drawer__panel{animation-name:drawer-in-rtl}@keyframes drawer-in-rtl{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 900px){.shell>.sidebar{display:none}.topbar__menu{display:inline-flex}.content{padding:20px 16px 32px}}@media (max-width: 560px){.topbar__title{display:none}}h1{font-size:22px;margin:0;font-weight:700;color:var(--primary)}h2{font-size:18px;margin:0 0 4px;font-weight:700;color:var(--primary)}h3{font-size:15px;margin:24px 0 8px;font-weight:600;color:var(--primary)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:24px}.hint{color:var(--muted);font-size:13px;margin:4px 0 0}.hint--target{margin:10px 0 0;padding:8px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-control)}.hint--target b{color:var(--ink);font-weight:600}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.linkish:hover{color:var(--accent-dark)}.linkish:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.linkish--row{text-decoration:none;text-align:inherit;max-width:100%;overflow-wrap:anywhere}.linkish--row:hover,.linkish--row:focus-visible{text-decoration:underline}.linkish--row:disabled{cursor:default;color:var(--muted);text-decoration:none}.hint--inline{display:block;font-size:12px}.muted{color:var(--muted)}.btn{font:inherit;font-weight:700;min-height:44px;padding:12px 24px;border-radius:var(--radius-control);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.22,1,.36,1)}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent-gradient);border-color:transparent;color:var(--accent-ink);box-shadow:var(--shadow-glow)}.btn--primary:hover:not(:disabled){transform:translateY(-2px)}.btn--ghost{background:transparent;border-style:dashed;color:var(--muted)}.btn--small{padding:6px 14px;font-size:13px;font-weight:600}@media (pointer: fine){.btn--small{min-height:34px}}.btn--icon{padding:2px 9px;font-size:17px;line-height:1.3;color:var(--muted)}a.btn--icon{display:inline-flex;align-items:center;text-decoration:none}a.btn--download{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:700}a.btn--download:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--accent-ink)}.row-actions .btn--icon:not(.btn--download):hover{color:var(--err-ink);border-color:var(--err-line)}.row-actions{white-space:nowrap}.row-actions>*+*{margin-inline-start:4px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.row--end{justify-content:flex-end}.row--center{justify-content:center}.notice{border-radius:var(--radius-input);padding:10px 14px;margin:12px 0;font-size:14px;border:1px solid transparent}.notice--banner{margin:0 0 16px}.notice--error{background:var(--err-bg);border-color:var(--err-line)}.notice--warn{background:var(--warn-bg);border-color:var(--warn-line)}.notice--ok{background:var(--ok-bg);border-color:var(--ok-line)}.notice--info{background:var(--surface-2);border-color:var(--line);color:var(--ink-light)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.choice{display:grid;gap:3px;padding:26px 18px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;font:inherit;text-align:center}.choice:hover{border-color:var(--accent);background:var(--surface-2)}.choice__icon{font-size:22px;color:var(--accent)}.choice__title{font-weight:600}.choice__sub{color:var(--muted);font-size:13px}.camera__frame{position:relative;margin-top:16px;background:var(--media-ground);border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 3}.camera__frame video{width:100%;height:100%;object-fit:contain;display:block}.camera__guide{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:2px dashed rgb(255 255 255 / .5);border-radius:6px;pointer-events:none}.preview{margin-top:16px}.preview img{max-width:100%;max-height:460px;border-radius:var(--radius);border:1px solid var(--line);display:block}.preview__pdf{display:grid;gap:4px;padding:30px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;color:var(--muted)}.review__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.review__head>:first-child{flex:1 1 260px;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px}.field{display:grid;gap:5px}.field--wide{grid-column:span 2}.field--full{grid-column:1 / -1}@media (max-width: 620px){.field--wide{grid-column:span 1}}.field__label{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.req{color:var(--err-ink);font-style:normal}.badge{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:999px;padding:0 7px;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.badge--muted{background:var(--surface-2);border-color:var(--line);color:var(--muted)}input,textarea,select,.search{font:inherit;padding:10px 14px;min-height:44px;border:1px solid var(--input-line);border-radius:var(--radius-control);background:var(--card);color:var(--ink);width:100%;transition:border-color .2s,box-shadow .2s}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:var(--input-line-hover)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f766e26}.field--check input{border-color:var(--warn-line);background:var(--warn-bg)}.search{margin:16px 0 8px}.list-foot{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}.list-foot__line{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.list-foot__line .hint{flex:1 1 260px;min-width:0;margin:0;font-size:13px}.hint--recovery{margin:10px 0 0;font-size:13px}.views{display:inline-flex;margin-top:16px;padding:2px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}.views__chip{padding:7px 14px;min-height:36px;border:0;border-radius:calc(var(--radius-control) - 3px);background:transparent;color:var(--muted);font:600 13px/1 var(--font-base);cursor:pointer;transition:background .16s,color .16s}.views__chip:hover{color:var(--ink)}.views__chip.is-on{background:var(--segment-on);color:var(--primary);box-shadow:var(--shadow-sm)}.views__chip--waiting:not(.is-on){color:var(--warn-ink)}.views__chip--waiting:not(.is-on):before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:7px;border-radius:50%;background:var(--warn-line);vertical-align:1px}.views__chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.table-wrap{overflow-x:auto}.items{width:100%;border-collapse:collapse;font-size:14px;min-width:1260px}.items{--items-input-pad: 8px}.items--list{min-width:720px}.items--list .row-actions{position:sticky;inset-inline-end:0;background:var(--card)}.table-wrap--scrolled .items--list .row-actions{box-shadow:-8px 0 8px -8px #0a264740}[dir=rtl] .table-wrap--scrolled .items--list .row-actions{box-shadow:8px 0 8px -8px #0a264740}.items td input{padding-inline:var(--items-input-pad)}.items th.unit,.items td.unit{width:132px}.items td.unit input{min-width:0;width:100%}.items td input[type=number]{min-width:108px;text-align:right;font-variant-numeric:tabular-nums}.items tfoot td.money{text-align:right;padding-inline-end:calc(var(--items-input-pad) + 6px + 1px);font-variant-numeric:tabular-nums}.items th{text-align:start;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:8px 6px;border-bottom:1px solid var(--line)}.items .th-note{display:block;font-size:10px;font-weight:500;letter-spacing:0;text-transform:none;opacity:.75}.items td{padding:5px 6px;border-bottom:1px solid var(--surface-2);vertical-align:middle}.items tfoot td{font-weight:600;border-bottom:0}.items .empty{color:var(--muted);text-align:center;padding:22px}.pill{border-radius:999px;padding:2px 10px;font-size:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.pill--confirmed{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-ink)}.pill,.count{color:var(--primary)}.raw{margin-top:22px;border-top:1px solid var(--line);padding-top:12px}.raw summary{cursor:pointer;color:var(--muted);font-size:13px}.raw pre{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-input);padding:12px;max-height:320px;overflow:auto;font-size:12.5px;white-space:pre-wrap}.foot{color:var(--muted);font-size:12.5px;text-align:center;margin-top:26px}.field--glance input{border-color:var(--line);background:var(--card)}.badge--info{background:var(--surface-2);border-color:var(--line);color:var(--navy)}.badge--ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-ink)}.field__why{display:grid;gap:5px;margin-top:2px}.why{font-size:12px;line-height:1.45;color:var(--warn-ink)}.why--row{display:block;margin-top:4px}.why__actions{display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;font-size:11.5px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip--alt{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn-ink)}.chip--fix{display:inline-block;margin-top:4px;border-color:var(--warn-line);background:var(--card);color:var(--warn-ink)}.row--check input{border-color:var(--warn-line);background:var(--warn-bg)}.notes{margin:10px 0;padding-inline-start:20px;font-size:13px;color:var(--muted);display:grid;gap:4px}.corrections summary{cursor:pointer;font-size:14px}.corrections ul{margin:8px 0 0;padding-inline-start:20px;font-size:13px;display:grid;gap:4px}.grid>.field{align-content:start}.items th.num,.items td.num{width:34px;text-align:end;padding-inline-end:8px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.count{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600;vertical-align:middle}.lockup{display:flex;align-items:center;gap:.7em;min-width:0;font-size:13px}.lockup__mark{height:3.1em;width:auto;flex:none;display:block}.lockup__rule{width:1.5px;height:2.6em;flex:none;background:linear-gradient(to bottom,transparent,var(--accent) 22%,var(--accent) 78%,transparent)}.lockup__word{font-family:var(--font-en),sans-serif;font-size:1.15em;font-weight:800;text-transform:uppercase;letter-spacing:.3em;margin:0;margin-inline-end:-.3em;color:var(--accent);white-space:nowrap}.lockup--dark .lockup__word,.lockup--dark .lockup__rule{color:var(--accent-light)}.lockup--dark .lockup__rule{background:linear-gradient(to bottom,transparent,var(--accent-light) 22%,var(--accent-light) 78%,transparent)}.lockup--compact{font-size:10.5px}@media (max-width: 480px){.lockup{font-size:11px}}.signature{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:6px;justify-items:center;text-align:center;color:var(--ink-light);font-size:12.5px}.signature__company{font-weight:600;color:var(--primary)}.signature__contact{color:var(--ink-light);font-size:12px}.signature__dot{display:inline-block;width:5px;height:5px;border-radius:999px;background:var(--amber);vertical-align:middle;margin-inline:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.btn--primary:hover:not(:disabled){transform:none}}
