:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#e2e4e9;--color-text:#1a1c23;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-danger:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[dir=rtl]{font-family:Segoe UI,Noto Sans Arabic,system-ui,Tahoma,sans-serif}@media (prefers-color-scheme:dark){:root{--color-bg:#111318;--color-surface:#1a1c23;--color-border:#2c2f38;--color-text:#e5e7eb;--color-text-muted:#9ca3af;--color-primary:#60a5fa;--color-danger:#f87171}}*{box-sizing:border-box}body{color:var(--color-text);background:var(--color-bg);margin:0}#root{min-height:100svh}button{font:inherit;cursor:pointer}input{font:inherit}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-shell__content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px 16px 72px}.page h1{margin:0 0 12px;font-size:1.5rem}.page--centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:16px;display:flex}.login-logo{object-fit:contain;width:96px;height:96px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:12px;padding:16px}.card__placeholder{color:var(--color-text-muted);margin:0}.login-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-width:280px;color:var(--color-text);border-radius:6px;padding:10px 12px}.login-actions{flex-direction:column;gap:8px;width:100%;max-width:280px;display:flex}.login-mode-toggle{border:1px solid var(--color-border);border-radius:6px;width:100%;max-width:280px;display:flex;overflow:hidden}.login-mode-toggle__btn{background:var(--color-surface);color:var(--color-text);border:none;flex:1;padding:10px 12px;font-weight:600}.login-mode-toggle__btn--active{background:var(--color-primary);color:#fff}.login-actions button,.scan-form button{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:12px;font-weight:600}.scan-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.scan-form label{color:var(--color-text-muted);font-size:.85rem}.scan-form input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:12px;font-size:1.1rem}.scan-form__status{color:var(--color-primary);margin-top:8px}.order-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.order-list__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px}.order-list__row{justify-content:space-between;align-items:baseline;display:flex}.order-list__row+.order-list__row{color:var(--color-text-muted);margin-top:4px;font-size:.9rem}.order-list__item--clickable{cursor:pointer}.order-list__id{font-weight:600}.order-list__status{color:var(--color-primary);font-size:.85rem}.order-list__contact{color:var(--color-text-muted);font-size:.85rem}.order-list__pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.order-list__pagination button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:8px 16px}.order-list__pagination button:disabled{opacity:.5;cursor:default}.order-detail__back{color:var(--color-primary);background:0 0;border:none;padding:0 0 8px;font-weight:600}.order-detail__section-title{margin:0 0 8px;font-size:1rem}.account-balance__amount{margin:0;font-size:1.75rem;font-weight:700}.order-detail__description{color:var(--color-text-muted);margin:8px 0 0}.lang-switcher{justify-content:flex-end;gap:4px;margin-bottom:8px;display:flex}.lang-switcher__btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:6px;padding:4px 10px;font-size:.8rem}.lang-switcher__btn--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}@media (width>=768px){.app-shell__content{padding:24px 24px 80px}}.nav-bar{background:var(--color-surface);border-top:1px solid var(--color-border);padding:env(safe-area-inset-bottom,0) 0 0 0;z-index:10;justify-content:space-around;align-items:center;min-height:56px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-bar__link{text-align:center;color:var(--color-text-muted);background:0 0;border:none;flex:1;padding:12px 4px;font-size:.8rem;text-decoration:none}.nav-bar__link--active{color:var(--color-primary);font-weight:600}.nav-bar__signout{color:var(--color-danger)}