:root{--primary:#7dddd4;--primary-hover:#5ccfc5;--primary-dark:#3abfb5;--primary-bg:#7dddd41a;--secondary:#1e3a5f;--accent:#f97316;--accent-bg:#f973161a;--text:#1e293b;--text-h:#0f172a;--text-muted:#64748b;--bg:#f8fafc;--card-bg:#fff;--border:#e2e8f0;--border-focus:#00c1a7;--danger:#ef4444;--danger-bg:#ef44441a;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--info:#3b82f6;--info-bg:#3b82f61a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 12px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 10px 25px -4px #0f172a1f, 0 4px 10px -2px #0f172a0d;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font:16px/150% var(--font-sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;font-family:var(--font-sans);text-align:right;direction:rtl;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-shell{flex-direction:column;min-height:100vh;padding-bottom:76px;display:flex}.app-header{z-index:40;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.app-header__brand{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-dot{background:var(--primary);border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #00c1a7b3}.brand-name{color:var(--text-h);letter-spacing:.5px;font-size:20px;font-weight:800}.brand-sub{color:var(--primary);background:var(--primary-bg);border-radius:var(--radius-sm);padding:2px 8px;font-size:16px;font-weight:700}.app-header__user{align-items:center;gap:12px;display:flex}.user-name{color:var(--text-h);font-size:14px;font-weight:600}.app-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:16px 16px 24px}.bottom-nav{border-top:1px solid var(--border);z-index:50;background:#fff;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav__item{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.bottom-nav__item:hover{color:var(--primary)}.bottom-nav__item--active{color:var(--primary);font-weight:700}.bottom-nav__item--active .nav-icon{stroke:var(--primary)}.nav-icon{width:22px;height:22px}.card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:16px;padding:18px;transition:transform .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-lg)}.page-title{color:var(--text-h);margin-bottom:8px;font-size:22px;font-weight:800}.page-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:14px}.section-title{color:var(--text-h);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:17px;font-weight:700;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--primary);border-color:var(--primary);background:#fff}.btn-secondary:hover{background:var(--primary-bg)}.btn-outline{color:var(--text);border-color:var(--border);background:#fff}.btn-outline:hover{background:var(--bg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger-outline{color:var(--danger);border-color:var(--danger);background:#fff}.btn-danger-outline:hover{background:var(--danger-bg)}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:13px}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.label{color:var(--text-h);font-size:14px;font-weight:600}.input,.textarea,.select{border-radius:var(--radius);border:1px solid var(--border);width:100%;font-family:var(--font-sans);color:var(--text-h);background:#fff;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #00c1a72e}.textarea{resize:vertical;min-height:80px}.field-error{color:var(--danger);margin-top:4px;font-size:12px;font-weight:600}.badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-dot{border-radius:50%;width:7px;height:7px}.badge-draft{color:#475569;background:#f1f5f9}.badge-draft .badge-dot{background:#94a3b8}.badge-pending{color:#92400e;background:#fef3c7}.badge-pending .badge-dot{background:#f59e0b}.badge-review{color:#0369a1;background:#e0f2fe}.badge-review .badge-dot{background:#0ea5e9}.badge-awaiting{color:#86198f;background:#fae8ff}.badge-awaiting .badge-dot{background:#d946ef}.badge-assigned{color:#5b21b6;background:#ede9fe}.badge-assigned .badge-dot{background:#8b5cf6}.badge-in-progress{color:#3730a3;background:#e0e7ff}.badge-in-progress .badge-dot{background:#6366f1}.badge-out-for-delivery{color:#9a3412;background:#ffedd5}.badge-out-for-delivery .badge-dot{background:#f97316}.badge-delivered{color:#166534;background:#dcfce7}.badge-delivered .badge-dot{background:#16a34a}.badge-cancelled{color:#991b1b;background:#fee2e2}.badge-cancelled .badge-dot{background:#ef4444}.stepper{justify-content:space-between;align-items:center;margin:24px 0 32px;padding:0 10px;display:flex;position:relative}.stepper:before{content:"";background:var(--border);z-index:1;height:3px;position:absolute;top:15px;left:25px;right:25px}.step-item{z-index:2;background:var(--card-bg);flex-direction:column;align-items:center;gap:6px;padding:0 4px;display:flex;position:relative}.step-node{border:2px solid var(--border);width:32px;height:32px;color:var(--text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:flex}.step-item--completed .step-node{background:var(--primary);border-color:var(--primary);color:#fff}.step-item--current .step-node{border-color:var(--primary);color:var(--primary);background:#fff;box-shadow:0 0 0 4px #00c1a733}.step-label{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.step-item--current .step-label{color:var(--primary);font-weight:700}.map-container{border-radius:var(--radius);border:1px solid var(--border);z-index:10;width:100%;height:240px;margin-bottom:12px;overflow:hidden}.toast-banner{color:#fff;border-radius:var(--radius);max-width:500px;box-shadow:var(--shadow-lg);z-index:100;background:#0f172a;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:14px 18px;animation:.3s slideDown;display:flex;position:fixed;top:16px;left:16px;right:16px}.toast-banner--success{background:#065f46}.toast-banner--warning{background:#92400e}.toast-banner--info{background:#0284c7}.toast-banner--primary{color:#fff;background:#00c1a7;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);background:#fff;padding:24px}.modal-title{color:var(--text-h);margin-bottom:10px;font-size:18px;font-weight:800}.modal-body{color:var(--text);margin-bottom:20px;font-size:14px;line-height:1.6}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.star-rating{direction:ltr;justify-content:center;gap:10px;margin:16px 0;display:flex}.star-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:32px;transition:color .15s,transform .15s}.star-btn--active{color:#f59e0b}.star-btn:hover{transform:scale(1.15)}.loading-screen{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid #00c1a733;border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state-icon{color:#cbd5e1;width:56px;height:56px;margin-bottom:12px}