/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.hidden{display:none}}:root{color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:#191715;--ink-soft:#262320;--paper:#f4f1eb;--surface:#fffdf9;--surface-raised:#fff;--line:#ded9d0;--line-strong:#c9c2b7;--muted:#746f67;--muted-light:#a8a197;--accent:#b11f52;--accent-strong:#8f153f;--accent-soft:#f7e5ec;--success:#28714b;--success-soft:#e8f3ec;--warning:#a15c11;--warning-soft:#faecd9;--danger:#a83b35;--danger-soft:#f8e6e3;--sidebar-width:252px;--shadow-card:0 18px 55px #28221d14;font-family:Inter,SF Pro Text,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}html[lang=ar] body{font-family:Zain,Tahoma,Arial,sans-serif}body,button,input{font:inherit}button,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #b11f5238}p,h1,h2,dl,dd,ol{margin:0}#root{min-height:100vh}::selection{background:var(--accent-soft);color:var(--accent-strong)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,to{opacity:.65;top:19%}50%{opacity:1;top:80%}}@keyframes validation{0%{transform:translate(-105%)}to{transform:translate(325%)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.brand{color:var(--ink);direction:ltr;align-items:center;gap:10px;font-family:Inter,SF Pro Text,Segoe UI,Arial,sans-serif;display:inline-flex}.brand__mark{background:#d96685;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;padding:6px 7px;display:inline-grid;overflow:hidden}.brand__mark img{object-fit:contain;width:100%;height:100%;display:block}.brand__logo{width:138px;height:auto;display:block}.brand__division{border-inline-start:1px solid var(--line-strong);color:var(--muted);letter-spacing:.03em;padding-inline-start:10px;font-size:12px;font-weight:650}.brand--light{color:#fffaf3}.brand--light .brand__division{color:#ffffff94;border-color:#ffffff40}.brand--compact{gap:0}.brand--compact .brand__mark{width:34px;height:34px}.section-kicker,.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.3}.eyebrow--light{color:#ffffff80}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:14px;font-weight:750;line-height:1;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button--primary{background:var(--accent);color:#fff}.button--primary:not(:disabled):hover{background:var(--accent-strong)}.button--primary:disabled{color:#f8f4f5;background:#cbbfc2}.button--secondary{border-color:var(--line);background:var(--surface-raised);color:var(--ink)}.button--secondary:not(:disabled):hover{border-color:var(--line-strong);background:#faf8f4}.button--camera{color:var(--ink);background:#fff;border-color:#ffffff1f;margin-top:20px}.button--camera:hover{background:#f2eee8}.button--wide{width:100%}.button--compact{min-height:40px;padding-inline:14px;font-size:13px}.button__arrow{transition:transform .16s}.button:hover .button__arrow{transform:translate(3px)}.icon-button{border:1px solid var(--line);background:var(--surface-raised);width:40px;height:40px;color:var(--muted);border-radius:11px;place-items:center;padding:0;transition:border-color .16s,background-color .16s,color .16s;display:inline-grid}.icon-button:hover{border-color:var(--line-strong);color:var(--ink)}.icon-button--ghost{background:0 0;border-color:#0000}.icon-button--danger{color:var(--danger)}.field{gap:8px;display:grid}.field__label{color:#4d4944;font-size:12px;font-weight:750}.field input{border:1px solid var(--line);background:var(--surface-raised);width:100%;height:50px;color:var(--ink);border-radius:11px;padding:0 14px;font-size:15px;transition:border-color .16s,box-shadow .16s}.field input::placeholder{color:#aaa39a}.field input:hover{border-color:var(--line-strong)}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #b11f5214}.password-field{display:block;position:relative}.password-field input{padding-inline-end:52px}.password-field__toggle{position:absolute;inset-block-start:5px;inset-inline-end:5px}.alert{border:1px solid;border-radius:11px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.alert svg{flex:none;margin-top:1px}.alert--error{background:var(--danger-soft);color:#85312d;border-color:#edc8c4}.boot-screen{background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;display:flex}.boot-screen__status{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}.login-shell{background:var(--paper);grid-template-columns:minmax(440px,1.08fr) minmax(440px,.92fr);min-height:100dvh;display:grid}.login-story{background:var(--ink);color:#fffaf3;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(34px,5vw,72px);display:flex}.login-story__topline{justify-content:space-between;align-items:center;gap:24px;display:flex}.login-story__content{max-width:650px;padding-block:60px}.login-story__content .section-kicker{color:#e6a2bb;margin-bottom:20px}.login-story h1{letter-spacing:-.045em;max-width:600px;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(50px,6.5vw,96px);font-weight:500;line-height:.94}.login-story__lede{color:#ffffff9e;max-width:540px;margin-top:26px;font-size:clamp(15px,1.4vw,18px);line-height:1.7}.process-list{border-block:1px solid #ffffff24;grid-template-columns:repeat(3,1fr);gap:0;max-width:600px;margin-top:54px;padding:0;list-style:none;display:grid}.process-list li{color:#ffffffe0;border-inline-end:1px solid #ffffff24;grid-template-columns:auto 1fr;align-items:center;gap:12px 10px;min-width:0;padding:20px 18px;font-size:13px;font-weight:650;display:grid}.process-list li:last-child{border-inline-end:0}.process-list__number{color:#ffffff59;letter-spacing:.12em;grid-column:1/-1;font-size:10px;font-weight:800}.login-story__footnote{color:#ffffff57;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:650}.login-panel{flex-direction:column;min-height:100dvh;padding:28px clamp(28px,5vw,72px);display:flex}.login-panel__header{justify-content:flex-end;min-height:44px;display:flex}.login-panel__mobile-brand{display:none}.language-button{border:1px solid var(--line);height:40px;color:var(--muted);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.language-button:hover{border-color:var(--line-strong);color:var(--ink)}.login-card{width:100%;max-width:430px;margin:auto;padding-block:40px}.login-card__icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border:1px solid #e3c0cc;border-radius:13px;place-items:center;margin-bottom:24px;display:grid}.login-card .section-kicker{margin-bottom:10px}.login-card h2{color:var(--ink);letter-spacing:-.04em;font-size:clamp(31px,3.5vw,42px);font-weight:760;line-height:1.08}.login-card__subtitle{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.6}.login-card .alert{margin-top:24px}.auth-form{gap:18px;margin-top:30px;display:grid}.auth-form .button{margin-top:6px}.login-card__security{color:var(--muted-light);justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:11px;font-weight:650;display:flex}.workspace-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--paper);min-height:100dvh;display:grid}.sidebar{border-inline-end:1px solid var(--line);background:var(--surface);flex-direction:column;justify-content:space-between;height:100dvh;padding:30px 22px 24px;display:flex}.sidebar__label{color:var(--muted-light);letter-spacing:.12em;text-transform:uppercase;margin:30px 12px 11px;font-size:10px;font-weight:800}.sidebar__nav{gap:5px;display:grid}.nav-item{width:100%;height:46px;color:var(--muted);text-align:start;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:0 13px;font-size:13px;font-weight:700;display:flex}.nav-item:hover{color:var(--ink);background:#f6f2ec}.nav-item--active{background:var(--accent-soft);color:var(--accent-strong);border-color:#ead1da}.nav-item--active:hover{background:var(--accent-soft);color:var(--accent-strong)}.sidebar__footer{gap:5px;display:grid}.staff-card{border:1px solid var(--line);background:#faf8f4;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;margin-bottom:12px;padding:12px;display:grid}.staff-card__avatar{background:var(--ink);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.staff-card__copy{gap:3px;min-width:0;display:grid}.staff-card__copy small{color:var(--muted-light);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:750}.staff-card__copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.staff-card__status{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%}.sidebar-action{height:40px;color:var(--muted);text-align:start;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:0 12px;font-size:12px;font-weight:650;display:flex}.sidebar-action:hover{color:var(--ink);background:#f6f2ec}.sidebar-action--danger{color:var(--danger)}.workspace-main{min-width:0;height:100dvh;overflow:auto}.mobile-header,.mobile-nav{display:none}.page{width:100%;min-height:100%;padding:clamp(28px,4vw,56px)}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;width:100%;max-width:1120px;margin:0 auto 30px;display:flex}.page-header .section-kicker{margin-bottom:8px}.page-header h1{color:var(--ink);letter-spacing:-.045em;font-size:clamp(30px,4vw,44px);font-weight:760;line-height:1.1}.page-header>div>p:last-child{max-width:620px;color:var(--muted);margin-top:9px;font-size:14px;line-height:1.6}.page-header__status{border:1px solid var(--line);min-height:38px;color:var(--muted);white-space:nowrap;background:#ffffff8f;border-radius:10px;align-items:center;gap:9px;padding:0 13px;font-size:11px;font-weight:750;display:inline-flex}.status-dot{background:#aaa39a;border-radius:50%;width:7px;height:7px}.status-dot--live{background:#3cb375;box-shadow:0 0 0 4px #3cb37526}.scanner-layout{grid-template-columns:minmax(420px,1fr) minmax(280px,330px);align-items:start;gap:24px;width:100%;max-width:1120px;margin:0 auto;display:grid}.scanner-card{border:1px solid var(--line);background:var(--surface-raised);min-width:0;box-shadow:var(--shadow-card);border-radius:22px;padding:12px}.camera-stage{aspect-ratio:4/3;background:var(--ink);color:#fff;border-radius:14px;width:100%;min-height:420px;position:relative;overflow:hidden}.camera-stage video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .22s;position:absolute;top:0;right:0;bottom:0;left:0}.camera-stage--live video{opacity:1}.camera-message{z-index:2;background:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.camera-message__icon{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff21;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:18px;display:grid}.camera-message__icon--warning{color:#e8aa60;background:#a15c112e;border-color:#e3a55740}.camera-message__icon--danger{color:#e88781;background:#a83b352e;border-color:#e57c7540}.camera-message h2{color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:720}.camera-message p{color:#ffffff85;max-width:340px;margin-top:8px;font-size:13px;line-height:1.6}.camera-stage__topline{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;inset-block-start:18px;inset-inline:18px}.live-label{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#191715d1;border:1px solid #ffffff29;border-radius:9px;align-items:center;gap:9px;min-height:34px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.camera-control{color:#fff;background:#191715d1;border:1px solid #ffffff29;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.camera-control--active{border-color:var(--accent);background:var(--accent)}.scan-corner{z-index:2;opacity:.88;border:0 solid #fff;width:56px;height:56px;position:absolute}.scan-corner--tl{border-block-start-width:3px;border-inline-start-width:3px;inset-block-start:16%;inset-inline-start:17%}.scan-corner--tr{border-block-start-width:3px;border-inline-end-width:3px;inset-block-start:16%;inset-inline-end:17%}.scan-corner--bl{border-block-end-width:3px;border-inline-start-width:3px;inset-block-end:16%;inset-inline-start:17%}.scan-corner--br{border-block-end-width:3px;border-inline-end-width:3px;inset-block-end:16%;inset-inline-end:17%}.scan-line{z-index:2;background:var(--accent);inset-inline:19%;height:2px;animation:2.7s ease-in-out infinite scan;position:absolute;top:19%;box-shadow:0 0 10px #b11f52bf}.scanner-card__footer{align-items:center;gap:12px;min-height:68px;padding:12px 8px 0;display:flex}.scanner-card__icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.scanner-card__footer>span:last-child{gap:3px;display:grid}.scanner-card__footer strong{color:var(--ink);font-size:13px;font-weight:750}.scanner-card__footer small{color:var(--muted);font-size:11px;line-height:1.4}.scan-aside{gap:14px;display:grid}.operator-card,.manual-card,.instruction-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:16px}.operator-card{padding:17px}.operator-card__label{color:var(--muted-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:11px;font-size:9px;font-weight:800}.operator-card__identity{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.operator-card__identity>span{background:var(--ink);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.operator-card__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.operator-card__identity>svg{color:var(--success)}.manual-card{gap:15px;padding:20px;display:grid}.manual-card__icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border:1px solid #e4c8d2;border-radius:12px;place-items:center;display:grid}.manual-card h2{color:var(--ink);letter-spacing:-.02em;font-size:17px;font-weight:750}.manual-card p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.55}.instruction-card{background:#ede8e0;padding:20px}.instruction-card__title{color:var(--ink);margin-bottom:15px;font-size:12px;font-weight:800}.instruction-card ol{color:var(--muted);gap:13px;padding:0;font-size:11px;line-height:1.45;list-style:none;display:grid}.instruction-card li{grid-template-columns:22px 1fr;align-items:start;gap:9px;display:grid}.instruction-card li span{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.result-page{flex-direction:column;align-items:center;display:flex}.back-button{width:100%;max-width:720px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;margin-bottom:26px;padding:0;font-size:12px;font-weight:700;display:flex}.back-button:hover{color:var(--ink)}.result-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:620px;min-height:520px;padding:48px;display:flex}.result-state--card{border:1px solid var(--line);background:var(--surface-raised);min-height:480px;box-shadow:var(--shadow-card);border-radius:20px}.result-state__icon{border-radius:20px;place-items:center;width:70px;height:70px;margin-bottom:24px;display:grid}.result-state__icon--loading{background:var(--accent-soft);color:var(--accent);border:1px solid #e2c4cf}.result-state__icon--warning{background:var(--warning-soft);color:var(--warning);border:1px solid #eacda9}.result-state__icon--error{background:var(--danger-soft);color:var(--danger);border:1px solid #eac2be}.result-state__icon--success{background:var(--success-soft);color:var(--success);border:1px solid #bcd9c7}.result-state .section-kicker{margin-bottom:10px}.result-state h1,.success-card h1{color:var(--ink);letter-spacing:-.045em;font-size:clamp(30px,4vw,42px);font-weight:760;line-height:1.1}.result-state>p:last-of-type,.success-card__header>p:last-child{max-width:430px;color:var(--muted);margin-top:12px;font-size:14px;line-height:1.65}.result-state .button{margin-top:30px}.validation-track{background:var(--line);border-radius:3px;width:170px;height:3px;margin-top:30px;overflow:hidden}.validation-track span{background:var(--accent);width:35%;height:100%;animation:1.3s ease-in-out infinite validation;display:block}.success-card{border:1px solid var(--line);background:var(--surface-raised);width:100%;max-width:720px;box-shadow:var(--shadow-card);border-radius:22px;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}.success-card__header{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.success-card__header .result-state__icon{margin-bottom:22px}.success-card__header .section-kicker{color:var(--success);margin-bottom:10px}.receipt{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;margin-block:34px;display:grid;position:relative}.receipt>div{padding:22px 20px}.receipt>div+div{border-inline-start:1px solid var(--line)}.receipt dt{color:var(--muted);align-items:center;gap:9px;font-size:11px;font-weight:750;display:flex}.receipt dd{color:var(--ink);margin-top:14px;font-size:17px;font-weight:760}.receipt__icon{width:30px;height:30px;color:var(--muted);background:#f2eee8;border-radius:9px;place-items:center;display:grid}.receipt__code{letter-spacing:.04em;font-family:SFMono-Regular,Consolas,monospace;color:var(--accent)!important;font-size:15px!important}.stats-content,.stats-skeleton{width:100%;max-width:1120px;margin:0 auto}.performance-card{background:var(--ink);color:#fff;border-radius:20px;padding:clamp(25px,4vw,42px)}.performance-card__topline{color:#ffffff85;justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:700;display:flex}.updated-label{color:#ffffff61;align-items:center;gap:7px;font-size:10px;display:inline-flex}.performance-card__headline{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:24px;display:flex}.performance-card__number{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(60px,9vw,104px);font-weight:720;line-height:.9}.rate-badge{color:#efb6ca;white-space:nowrap;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:11px;font-weight:750;display:inline-flex}.progress{background:#ffffff1f;border-radius:6px;height:6px;margin-top:34px;overflow:hidden}.progress span{border-radius:inherit;background:#de6e96;height:100%;transition:width .85s cubic-bezier(.22,1,.36,1);display:block}.performance-card__caption{color:#ffffff73;margin-top:10px;font-size:11px;line-height:1.5}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.metric-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:16px;align-items:flex-start;gap:15px;min-height:168px;padding:22px;display:flex}.metric-card__icon{width:40px;height:40px;color:var(--muted);background:#f0ece5;border-radius:11px;flex:none;place-items:center;display:grid}.metric-card--accent .metric-card__icon{background:var(--accent-soft);color:var(--accent)}.metric-card__label{color:var(--muted);font-size:11px;font-weight:700}.metric-card__value{color:var(--ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:32px;font-weight:760;line-height:1}.metric-card__hint{color:var(--muted-light);margin-top:10px;font-size:10px;line-height:1.4}.empty-state{border:1px solid var(--line);background:var(--surface-raised);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:620px;min-height:430px;margin:0 auto;padding:42px;display:flex}.empty-state__icon{border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:20px;display:grid}.empty-state__icon--warning{background:var(--warning-soft);color:var(--warning)}.empty-state h2{color:var(--ink);letter-spacing:-.025em;font-size:22px;font-weight:750}.empty-state p{max-width:420px;color:var(--muted);margin-top:10px;font-size:13px;line-height:1.65}.empty-state .button{margin-top:24px}.stats-skeleton{gap:12px;display:grid}.stats-skeleton__grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px;display:grid}.skeleton{background:#e6e1d9;border-radius:8px;animation:1.4s ease-in-out infinite skeleton-pulse;display:block;overflow:hidden}.skeleton--eyebrow{width:110px;height:10px}.skeleton--title{width:250px;height:38px}.skeleton--hero{border-radius:20px;height:280px;margin-top:18px}.skeleton--card{border-radius:16px;height:168px}@keyframes skeleton-pulse{0%,to{opacity:.62}50%{opacity:1}}.modal-backdrop{z-index:100;background:#1917159e;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.modal{border:1px solid var(--line);background:var(--surface-raised);border-radius:18px;width:min(100%,440px);padding:26px;animation:.18s ease-out both modal-in;box-shadow:0 26px 90px #15121047}.modal__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal__header .section-kicker{margin-bottom:8px}.modal__header h2{color:var(--ink);letter-spacing:-.035em;font-size:25px;font-weight:760}.modal__description{color:var(--muted);margin:12px 0 22px;font-size:13px;line-height:1.6}.modal__actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}html[dir=rtl] .button__arrow,html[dir=rtl] .back-button svg{transform:rotate(180deg)}html[dir=rtl] .button:hover .button__arrow{transform:rotate(180deg)translate(3px)}html[dir=rtl] .section-kicker,html[dir=rtl] .eyebrow,html[dir=rtl] .sidebar__label,html[dir=rtl] .operator-card__label{letter-spacing:0}html[lang=ar] .login-story h1{letter-spacing:-.02em;font-family:Zain,Tahoma,Arial,sans-serif;font-weight:700;line-height:1.08}html[lang=ar] .page-header h1,html[lang=ar] .result-state h1,html[lang=ar] .success-card h1,html[lang=ar] .login-card h2{letter-spacing:-.015em;line-height:1.2}html[dir=rtl] .receipt__code{text-align:end}@media(max-width:1050px){.scanner-layout{grid-template-columns:minmax(380px,1fr) 280px}.instruction-card{display:none}.login-shell{grid-template-columns:1fr 1fr}.process-list{grid-template-columns:1fr}.process-list li{border-block-end:1px solid #ffffff24;border-inline-end:0;grid-template-columns:24px auto 1fr}.process-list li:last-child{border-block-end:0}.process-list__number{grid-column:auto}}@media(max-width:800px){.login-shell{display:block}.login-story{display:none}.login-panel{min-height:100dvh;padding:20px clamp(20px,6vw,38px)}.login-panel__header{justify-content:space-between;align-items:center}.login-panel__mobile-brand{display:block}.login-card{max-width:480px}.workspace-shell{min-height:100dvh;padding-block:62px 72px;display:block}.sidebar{display:none}.mobile-header{z-index:40;min-height:62px;padding:max(10px,env(safe-area-inset-top)) 18px 10px;border-block-end:1px solid var(--line);background:#fffdf9f5;justify-content:space-between;align-items:center;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.mobile-header__actions{gap:7px;display:flex}.mobile-header .icon-button{width:36px;height:36px}.mobile-nav{z-index:40;min-height:68px;padding:7px 10px max(7px,env(safe-area-inset-bottom));border-block-start:1px solid var(--line);background:#fffdf9fa;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.mobile-nav__item{color:var(--muted-light);background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;font-weight:750;display:flex}.mobile-nav__item--active{color:var(--accent)}.workspace-main{height:auto;min-height:calc(100dvh - 134px);overflow:visible}.page{min-height:calc(100dvh - 134px);padding:24px 18px 30px}.page-header{align-items:flex-start;margin-bottom:22px}.page-header h1{font-size:29px}.page-header__status{display:none}.scanner-layout{display:block}.scanner-card{border-radius:18px;padding:8px}.camera-stage{aspect-ratio:1;border-radius:12px;min-height:0}.scan-aside{margin-top:14px}.operator-card,.instruction-card{display:none}.manual-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:14px}.manual-card .button{width:auto}.manual-card .button span{display:none}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:120px}.stats-skeleton__grid{grid-template-columns:1fr}.skeleton--card{height:120px}.result-page{justify-content:flex-start}.result-state{min-height:440px;padding:30px 22px}.success-card{padding:30px 20px 22px}}@media(max-width:520px){.login-card{padding-block:54px 28px}.login-card__icon{margin-bottom:20px}.login-card h2{font-size:34px}.language-button{justify-content:center;width:40px;padding:0}.language-button span{display:none}.page-header>div>p:last-child{font-size:13px}.camera-message{padding:28px}.camera-message__icon{width:50px;height:50px;margin-bottom:15px}.camera-message h2{font-size:17px}.camera-message p{font-size:12px}.scan-corner{width:42px;height:42px}.scan-corner--tl,.scan-corner--tr{inset-block-start:19%}.scan-corner--bl,.scan-corner--br{inset-block-end:19%}.scanner-card__footer{min-height:62px}.manual-card h2{font-size:14px}.manual-card p{display:none}.performance-card__headline{display:block}.performance-card__number{font-size:68px;display:block}.rate-badge{margin-top:22px}.receipt{grid-template-columns:1fr}.receipt>div+div{border-block-start:1px solid var(--line);border-inline-start:0}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;padding:24px 20px max(24px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
