:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#e2e4e9;--color-text:#1a1c23;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-danger:#dc2626;--color-success:#16a34a;--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;--color-success:#4ade80}}*{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:auto;max-width:240px;height:64px}.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}.settings-signout{border:1px solid var(--color-danger);width:100%;color:var(--color-danger);background:0 0;border-radius:6px;padding:12px}.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}.settings-links{flex-direction:column;gap:12px;display:flex}.login-app-link{max-width:280px;color:var(--color-primary);text-align:center;font-size:.9rem}.login-notice{max-width:280px;color:var(--color-text-muted);text-align:center;margin:0}.login-actions .login-advanced-toggle{color:var(--color-primary);background:0 0;align-self:flex-start;padding:4px 0;font-weight:500}.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,.barcode-scanner__cancel{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}.scan-form__status--error{color:var(--color-danger,#b42318)}.scan-form__scan-btn{border:1px solid var(--color-primary);color:var(--color-primary);background:0 0;border-radius:6px;padding:12px;font-weight:600}.scan-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.scan-actions__title{margin:0;font-size:.95rem}.scan-actions__order{color:var(--color-text-muted);font-size:.85rem}.scan-actions__contact{color:var(--color-text);font-size:.95rem;font-weight:600}.scan-actions button{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:12px;font-weight:600}.scan-actions button:disabled{opacity:.6}.scan-actions button.bg-success{background:#198754}.scan-actions button.bg-secondary{background:#6c757d}.scan-actions button.bg-danger{background:#dc3545}.scan-actions button.bg-info{background:#17a2b8}.scan-actions__reset{border:1px solid var(--color-border);color:var(--color-text);background:0 0;border-radius:6px;padding:12px;font-weight:600}.action-panel .scan-actions__reset{color:var(--color-text);background:0 0}.action-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.action-panel__title{margin:0;font-size:1rem}.action-panel__note{color:var(--color-text);margin:0}.action-panel__field{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.action-panel__hint{color:var(--color-text-muted)}.action-panel__error{color:var(--color-danger);margin:0}.segmented{border:1px solid var(--color-border);border-radius:6px;margin-top:12px;display:flex;overflow:hidden}.segmented__btn{background:var(--color-surface);color:var(--color-text);border:none;flex:1;padding:10px 12px;font-weight:600}.segmented__btn--active{background:var(--color-primary);color:#fff}.cod-summary{color:var(--color-text-muted);margin:12px 0 0;font-size:.9rem}.cod-amount{color:var(--color-text);font-weight:600}.cod-note{color:var(--color-text-muted);margin:16px 0 0;font-size:.85rem}.shipment-form{flex-direction:column;gap:8px;width:100%;margin-top:12px;display:flex}.shipment-form__field{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;border-radius:6px;padding:10px 12px}:root[dir=rtl] .shipment-form__field[dir=ltr]{text-align:right}.shipment-form__field:disabled{opacity:.6}textarea.shipment-form__field{resize:vertical;min-height:60px}.shipment-form button{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:12px;font-weight:600}.shipment-form button:disabled{opacity:.6;cursor:default}.dashboard-stats{gap:8px;margin-top:12px;display:flex}.dashboard-stats__tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.dashboard-stats__value{font-size:1.4rem;font-weight:600}.dashboard-stats__label{color:var(--color-text-muted);font-size:.85rem}.dashboard-stats__section-title{margin:20px 0 0;font-size:1rem}.manifest-item__phone{color:var(--color-primary);padding:4px 0;font-size:.9rem}.manifest-item__street{color:var(--color-text-muted);font-size:.85rem}.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}.shipment-toolbar{align-items:center;gap:8px;margin-top:12px;display:flex}.shipment-toolbar__count{color:var(--color-text-muted);flex:1;font-size:.9rem}.shipment-toolbar button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;border-radius:6px;padding:8px 16px;font-weight:600}.shipment-toolbar button+button{background:var(--color-surface);color:var(--color-primary)}.shipment-toolbar button:disabled{opacity:.5;cursor:default}.shipment-toolbar__hint{color:var(--color-danger);margin:8px 0 0;font-size:.85rem}.shipment-grid{max-width:100%;margin-top:12px;overflow-x:auto}.shipment-grid__lines>span{text-overflow:ellipsis;display:block;overflow:hidden}.shipment-grid__secondary{color:var(--color-text-muted);font-size:.85em}.shipment-grid__secondary:empty:before{content:" "}.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}.order-detail__edit{background:var(--color-primary);color:#fff;border:none;border-radius:6px;width:100%;margin-bottom:12px;padding:12px;font-weight:600}.account-balance__amount{margin:0;font-size:1.75rem;font-weight:700}.order-detail__description{color:var(--color-text-muted);margin:8px 0 0}.order-detail__status-link{color:var(--color-primary);text-decoration:underline}.order-history__badge{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:4px;margin-inline-start:6px;padding:1px 6px;font-size:.75rem;font-weight:400}.order-history__amount{margin-top:8px;font-size:.9rem}.shipment-form__check{align-items:center;gap:8px;padding:4px 0;display:flex}.shipment-form__check input{flex:none;width:18px;height:18px}.company-logo{object-fit:contain;max-width:200px;height:56px;display:block}.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}.toast-region{left:16px;right:16px;bottom:calc(68px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed}.toast{pointer-events:auto;border:1px solid var(--color-border);border-inline-start:4px solid var(--color-success);background:var(--color-surface);max-width:480px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:12px 16px;font-weight:500;animation:.2s ease-out toast-in;box-shadow:0 4px 16px #00000026}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@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}