*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0f172a;background:#f5f7fb;min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}img{max-width:100%;display:block}#root{width:100%;min-height:100vh}.feedback-toast{z-index:1000;color:#14213d;background:#fff;border:1px solid #dbe3ef;border-radius:10px;align-items:center;gap:16px;max-width:min(420px,100vw - 32px);padding:14px 16px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #0f172a29}.feedback-toast.success{border-color:#9ed9b2}.feedback-toast.warning{border-color:#f2ca7c}.feedback-toast button{color:#64748b;cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}:root{--surface-page:#f5f7fb;--surface-card:#fff;--surface-muted:#f5f6f8;--surface-subtle:#f3f4f6;--border-subtle:#f0f0f0;--border-default:#e8ebef;--border-strong:#e5e7eb;--text-primary:#111827;--text-body:#1f2937;--text-secondary:#4b5563;--text-muted:#64748b;--text-faint:#9ca3af;--text-inverse:#fff;--accent-indigo:#4f46e5;--accent-blue:#2563eb;--accent-blue-soft:#eff6ff;--accent-orange:#ea580c;--accent-orange-soft:#fff7ed;--accent-green:#16a34a;--accent-green-soft:#f0fdf4;--accent-red:#dc2626;--accent-red-soft:#fef2f2;--accent-purple:#7c3aed;--accent-purple-soft:#f5f3ff;--accent-gray:#6b7280;--accent-gray-soft:#f3f4f6;--radius-sm:8px;--radius-md:10px;--radius-lg:13px;--radius-pill:20px;--radius-circle:50%;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 14px #0f172a12;--shadow-lg:0 16px 40px #0f172a29;--space-xs:6px;--space-sm:10px;--space-md:15px;--space-lg:20px;--space-xl:30px;--font-sans:Arial, Helvetica, sans-serif;--text-xs:10px;--text-sm:11px;--text-base:13px;--text-md:15px;--text-lg:18px;--sidebar-width:250px;--content-max:1600px;--z-sidebar:1000;--z-overlay:900}.status-pill.accepted{background:var(--accent-purple-soft);color:var(--accent-purple)}.status-pill.assigned{background:var(--accent-blue-soft);color:var(--accent-blue)}.status-pill.picked-up{background:var(--accent-orange-soft);color:var(--accent-orange)}.status-pill.cancelled{background:var(--accent-gray-soft);color:var(--accent-gray)}.status-pill.rejected{background:var(--accent-red-soft);color:var(--accent-red)}.status-pill.available{background:var(--accent-green-soft);color:var(--accent-green)}.status-pill.busy{background:var(--accent-orange-soft);color:var(--accent-orange)}.status-pill.offline{background:var(--accent-gray-soft);color:var(--accent-gray)}.action-button.accept{background:var(--accent-green-soft);color:var(--accent-green);border-color:#a7f3d0}.action-button.accept:hover{color:#15803d;background:#dcfce7}.action-button.reject{background:var(--accent-red-soft);color:var(--accent-red);border-color:#fecaca}.action-button.reject:hover{color:#b91c1c;background:#fee2e2}.action-button:disabled{opacity:.55;cursor:not-allowed}.vendor-order-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stat-icon.gray{background:var(--accent-gray-soft);color:var(--accent-gray)}.stat-icon.green{background:var(--accent-green-soft);color:var(--accent-green)}.stat-icon.blue{background:var(--accent-blue-soft);color:var(--accent-blue)}.stat-icon.orange{background:var(--accent-orange-soft);color:var(--accent-orange)}.stat-icon.purple{background:var(--accent-purple-soft);color:var(--accent-purple)}.stat-card-active{border-color:var(--accent-indigo);cursor:pointer;box-shadow:0 0 0 2px #4f46e51f}.status-filter,.branch-status-select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;height:36px;color:var(--text-secondary);font-size:var(--text-base);appearance:none;cursor:pointer;padding:0 32px 0 12px;font-weight:600}.status-filter:focus,.branch-status-select:focus{border-color:var(--accent-indigo);outline:none;box-shadow:0 0 0 3px #4f46e51f}.order-form-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg)}.order-form-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field-full{grid-column:1/-1}.form-field label{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.02em;text-transform:uppercase;font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);width:100%;min-height:40px;color:var(--text-primary);font-size:var(--text-base);padding:9px 12px;transition:border-color .15s,box-shadow .15s}.form-field textarea{resize:vertical;line-height:1.5}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent-indigo);outline:none;box-shadow:0 0 0 3px #4f46e51f}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-faint)}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.order-form-actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);display:flex}.order-form-actions .action-button{min-height:38px;font-size:var(--text-base);padding:0 16px}.delivery-actions{gap:var(--space-sm);flex-direction:column;display:flex}@media (width<=900px){.order-form-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .action-button{justify-content:center;width:100%}}.auth-page{background:linear-gradient(135deg,#eef4ff 0%,#f5f7fb 46%,#eef6f3 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;font-family:Arial,Helvetica,sans-serif;display:flex}.auth-panel{background:#ffffffeb;border:1px solid #94a3b82e;border-radius:28px;grid-template-columns:1fr 1.1fr;width:min(1140px,100%);min-height:760px;display:grid;overflow:hidden;box-shadow:0 18px 60px #0f172a1f}.auth-branding{color:#f8fafc;background:linear-gradient(#101828 0%,#111827 100%);flex-direction:column;justify-content:space-between;padding:40px 34px;display:flex;position:relative}.auth-branding:before{content:"";background:radial-gradient(circle at 0 0,#3b82f633,#0000 28%),radial-gradient(circle at 100% 100%,#10b98138,#0000 30%);position:absolute;inset:0}.auth-logo,.auth-branding>*{z-index:1;position:relative}.auth-logo{background:#ffffff14;border-radius:18px;width:150px;height:auto;padding:8px 12px}.brand-copy{margin-top:32px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#bfdbfe;margin:0 0 10px;font-size:11px;font-weight:700}.eyebrow.dark{color:#3b82f6}.brand-copy h1{color:#fff;margin:0 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.brand-copy p:last-child{color:#e2e8f0cc;max-width:420px;margin:0;line-height:1.7}.auth-highlight{color:#e2e8f0;background:#ffffff0f;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:12px 16px;font-weight:600;display:inline-flex}.auth-form-wrap{background:#fff;flex-direction:column;gap:22px;padding:28px 28px 24px;display:flex}.auth-header{justify-content:space-between;align-items:center;display:flex}.auth-header h2{color:#0f172a;margin:0;font-size:clamp(1.7rem,2vw,2.3rem)}.role-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.role-card{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px 12px;transition:all .2s;display:flex}.role-card:hover{background:#f0f9ff;border-color:#bfdbfe}.role-card.active{background:#eff6ff;border-color:#60a5fa;box-shadow:0 10px 30px #3b82f614}.role-icon{color:#1d4ed8;background:#dbeafe;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.role-card strong{color:#0f172a;margin-bottom:4px;font-size:.95rem;display:block}.role-card span{color:#64748b;font-size:.72rem;line-height:1.45;display:block}.auth-form{flex-direction:column;gap:18px;display:flex}.input-field{color:#334155;flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;display:flex}.input-wrap{color:#64748b;background:#f8fafc;border:1px solid #dbe1ea;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.input-wrap input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:.95rem}.input-wrap input::placeholder{color:#94a3b8}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0;padding:12px 14px;font-size:.84rem}.auth-switch-text{text-align:center;color:#475569;margin:0;font-size:.9rem}.auth-switch-text a{color:#2563eb;font-weight:700;text-decoration:none}.auth-switch-text a:hover{text-decoration:underline}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#0f172a 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-size:.97rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px #2563eb40}.login-button:hover{transform:translateY(-1px)}.demo-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px}.demo-box p{color:#475569;text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;font-size:.75rem;font-weight:700}.demo-box ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:0;padding:0;list-style:none;display:grid}.demo-box li{color:#475569;flex-direction:column;gap:2px;font-size:.72rem;display:flex}.demo-box li span{text-transform:capitalize;font-weight:700}.demo-box li strong{color:#0f172a;font-size:.72rem}@media (width<=860px){.auth-panel{grid-template-columns:1fr}.auth-branding{padding-bottom:20px}}@media (width<=560px){.auth-form-wrap{padding:20px 16px 18px}.role-selector,.demo-box ul{grid-template-columns:1fr}}.sidebar{z-index:1000;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:250px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.company-logo{object-fit:contain;max-width:145px;max-height:48px}.close-sidebar{color:#4b5563;cursor:pointer;background:0 0;border:none;display:none}.sidebar-navigation{flex-direction:column;gap:7px;padding:25px 15px;display:flex}.nav-item{color:#6b7280;border-radius:10px;align-items:center;gap:13px;height:48px;padding:0 15px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.cart-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;font-size:11px;display:flex}.sidebar-bottom{border-top:1px solid #f0f0f0;margin-top:auto;padding:20px 15px}.logout-button,.logout-header-button{cursor:pointer;border:none}.logout-button{color:#6b7280;background:0 0;align-items:center;gap:13px;width:100%;padding:13px 15px;font-size:14px;display:flex}.main-content{width:calc(100% - 250px);margin-left:250px}.top-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:80px;padding:0 35px;display:flex}.search-container input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.notification-button{cursor:pointer;color:#4b5563;background:0 0;border:none;position:relative}.notification-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:0}.logout-header-button{color:#fff;background:#111827;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:inline-flex}.user-profile img{object-fit:cover;border-radius:50%;width:40px;height:40px}.user-info strong{font-size:13px}.dashboard-content{padding:30px 35px 50px}.welcome-banner{background-position:50%;background-size:cover;border-radius:18px;align-items:center;min-height:290px;margin-bottom:26px;display:flex;position:relative;overflow:hidden}.banner-overlay{background:#0f172a9e;position:absolute;inset:0}.banner-content{z-index:2;color:#fff;max-width:620px;padding:40px;position:relative}.welcome-label{opacity:.9;text-transform:uppercase;letter-spacing:.1em;font-size:13px}.banner-content h1{margin:10px 0 12px;font-size:clamp(2rem,3vw,3rem);line-height:1.15}.banner-content p{opacity:.9;margin:0 0 22px;font-size:15px;line-height:1.7}.banner-actions{align-items:center;gap:12px;display:flex}.shop-button,.secondary-button,.checkout-button,.add-cart-button{cursor:pointer;border:none}.shop-button,.secondary-button{border-radius:10px;padding:12px 18px;font-weight:700}.shop-button{color:#111827;background:#fff}.secondary-button{color:#fff;background:#ffffff14;border:1px solid #fff3}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-card span{color:#6b7280;font-size:12px}.stat-card h2{margin:5px 0 0;font-size:24px}.customer-main-grid{grid-template-columns:minmax(0,2.2fr) minmax(290px,.9fr);align-items:start;gap:22px;display:grid}.customer-main-column,.customer-side-column{flex-direction:column;gap:22px;display:flex}.section{margin:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-header h2{margin:0 0 5px;font-size:20px}.section-header a{color:#2563eb;align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.category-row{flex-wrap:wrap;gap:10px;display:flex}.category-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:600}.category-pill.active{color:#fff;background:#111827;border-color:#111827}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.product-image-container{background:#f3f4f6;height:205px;position:relative;overflow:hidden}.product-image-container img{object-fit:cover;width:100%;height:100%}.product-tag{color:#fff;background:#111827d1;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.cart-button{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #0000001f}.product-information{padding:15px}.product-information h3{margin:0 0 10px;font-size:14px}.product-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.product-price{font-size:15px;font-weight:700}.product-rating{color:#f59e0b;font-size:12px;font-weight:700}.add-cart-button{color:#fff;background:#111827;border-radius:8px;width:100%;margin-top:14px;padding:10px;font-weight:600}.side-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.side-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.side-card-header h3{margin:0;font-size:18px}.side-card-header span{color:#64748b;font-size:12px}.cart-list{flex-direction:column;gap:12px;display:flex}.cart-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.cart-item strong{margin-bottom:3px;font-size:13px;display:block}.cart-item span{color:#64748b;font-size:11px;display:block}.cart-summary{flex-direction:column;gap:10px;margin-top:16px;display:flex}.cart-summary>div{color:#475569;justify-content:space-between;align-items:center;font-size:13px;display:flex}.total-row{color:#111827;border-top:1px solid #f1f5f9;margin-top:6px;padding-top:10px}.checkout-button{color:#fff;background:#111827;border-radius:10px;width:100%;margin-top:18px;padding:12px 16px;font-weight:700}.tracking-card{background:linear-gradient(#f8fbff 0%,#fff 100%)}.tracking-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.tracking-step{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:7px;font-size:10px;display:flex}.tracking-step .dot{background:#dbeafe;border:2px solid #bfdbfe;border-radius:50%;width:12px;height:12px}.tracking-step.done{color:#16a34a}.tracking-step.done .dot{background:#22c55e;border-color:#86efac}.delivery-address{color:#475569;border-top:1px solid #e2e8f0;align-items:center;gap:8px;padding-top:14px;font-size:12px;display:flex}.tracking-meta{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.tracking-meta strong{color:#111827;font-size:12px}.tracking-meta span{color:#64748b;font-size:11px}.table-header,.order-row{grid-template-columns:1.2fr 1.2fr 1.2fr 1fr 1.2fr .7fr;align-items:center;gap:10px;padding:18px 20px;display:grid}.table-header{color:#6b7280;text-transform:uppercase;background:#f9fafb;font-size:11px;font-weight:700}.order-row{border-top:1px solid #f0f0f0;font-size:13px}.order-id{font-weight:700}.order-row button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:600}.status{border-radius:20px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:700}.status.processing{color:#b7791f;background:#fff3cd}.status.delivered{color:#15803d;background:#dcfce7}.status.pending{color:#dc2626;background:#fee2e2}.delivery-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:13px;align-items:center;gap:18px;margin-top:30px;padding:22px;display:flex}.delivery-icon{color:#2563eb;background:#e8f0ff;border-radius:12px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.delivery-info-card h3{margin:0 0 5px;font-size:16px}.delivery-info-card p{color:#6b7280;margin:0;font-size:13px}.delivery-info-card button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;margin-left:auto;padding:10px 17px}.mobile-menu{display:none}@media (width<=1100px){.customer-main-grid{grid-template-columns:1fr}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.sidebar{transition:all .3s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.close-sidebar{display:block}.sidebar-overlay{z-index:999;background:#0006;position:fixed;inset:0}.main-content{width:100%;margin-left:0}.mobile-menu{display:block}.mobile-menu button{cursor:pointer;background:0 0;border:none}.search-container{width:250px}.user-info{display:none}}@media (width<=600px){.top-header{padding:0 15px}.dashboard-content{padding:20px 15px}.search-container{display:none}.statistics-grid,.products-grid{grid-template-columns:1fr}.banner-content{padding:26px 20px}.banner-actions{flex-wrap:wrap}.table-header{display:none}.order-row{grid-template-columns:1fr 1fr;gap:12px}.delivery-info-card{flex-direction:column;align-items:flex-start}.delivery-info-card button{margin-left:0}.logout-header-button{display:none}}.location-selector-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;padding:22px}.location-selector-content{flex-direction:column;gap:13px;display:flex}.location-search-form{align-items:stretch;gap:10px;display:flex}.location-search-form input{color:#374151;background:#f5f6f8;border:1px solid #e5e7eb;border-radius:9px;outline:none;flex:1;min-width:0;height:42px;padding:0 14px;font-size:13px;transition:border-color .15s,box-shadow .15s}.location-search-form input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.location-search-form button{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:9px;height:42px;padding:0 20px;font-size:13px;font-weight:700}.location-search-form button:hover{background:#1f2937}.geolocation-button{color:#4b5563;cursor:pointer;background:#fff;border:1px dashed #c7cdd6;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.geolocation-button:hover{color:#4f46e5;background:#f5f3ff;border-color:#4f46e5}.geolocation-button:disabled{opacity:.6;cursor:not-allowed}.location-hint{color:#9ca3af;margin:0;font-size:12px;line-height:1.5}.nearby-branches-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;margin-top:18px;overflow:hidden}.nearby-branches-header{border-bottom:1px solid #f0f0f0;padding:18px 22px}.nearby-branches-header h3{color:#111827;margin:0;font-size:15px;font-weight:700}.nearby-branches-header p{color:#9ca3af;margin:4px 0 0;font-size:12px}.nearby-branches-list{flex-direction:column;display:flex}.nearby-branch-item{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:15px;padding:16px 22px;transition:background .15s;display:flex}.nearby-branch-item:last-child{border-bottom:none}.nearby-branch-item:hover{background:#f8f9fb}.nearby-branch-info{flex-direction:column;gap:4px;min-width:0;display:flex}.nearby-branch-info strong{color:#111827;font-size:14px;font-weight:700}.nearby-branch-info span{color:#6b7280;font-size:12px}.nearby-branch-info small{color:#16a34a;font-size:11px;font-weight:700}.select-branch-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;height:34px;padding:0 15px;font-size:11px;font-weight:700}.select-branch-button:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.cart-card .side-card-header{border-bottom:1px solid #f0f0f0}.cart-item-actions{align-items:center;gap:6px;display:flex}.quantity-button,.remove-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.quantity-button:hover{color:#4f46e5;background:#f5f3ff;border-color:#4f46e5}.remove-button:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}@media (width<=640px){.location-search-form{flex-direction:column}.geolocation-button{width:100%}.nearby-branch-item{flex-direction:column;align-items:stretch;gap:12px}.select-branch-button{width:100%}}.branch-selector-card{background:#f8f9fb;border:1px solid #e8ebef;border-radius:11px;padding:16px}.branch-selector-content{flex-direction:column;gap:5px;display:flex}.branch-selector-content strong{color:#111827;font-size:14px;font-weight:700}.branch-selector-content p{color:#6b7280;margin:0;font-size:12px;line-height:1.5}.branch-selector-content small{color:#16a34a;font-size:11px;font-weight:700}.payment-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:11px;margin-top:12px;display:grid}.payment-option{cursor:pointer;display:block;position:relative}.payment-option input{opacity:0;pointer-events:none;position:absolute}.payment-option-content{color:#4b5563;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:76px;padding:14px;font-size:12px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:flex}.payment-option:hover .payment-option-content{background:#f8f9fb;border-color:#c7cdd6}.payment-option.selected .payment-option-content{color:#4f46e5;background:#f5f3ff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.payment-option input:focus-visible+.payment-option-content{outline-offset:2px;outline:2px solid #4f46e5}.tracking-progress-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;margin-bottom:20px;padding:24px 22px}.tracking-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.tracking-step{flex-direction:column;gap:10px;min-width:0;display:flex}.step-indicator{align-items:center;gap:0;display:flex}.step-icon{color:#9ca3af;background:#fff;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.step-icon.done{color:#fff;background:#16a34a;border-color:#16a34a}.step-icon.current{color:#4f46e5;background:#f5f3ff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f}.step-line{background:#e5e7eb;flex:1;height:2px}.tracking-step:last-child .step-line{display:none}.tracking-step.done .step-line{background:#16a34a}.step-content{flex-direction:column;gap:3px;padding-right:10px;display:flex}.step-content strong{color:#6b7280;font-size:12px;font-weight:700}.step-content small{color:#9ca3af;font-size:10px;font-weight:600}.tracking-step.done .step-content strong{color:#111827}.tracking-step.current .step-content strong{color:#4f46e5}@media (width<=860px){.tracking-steps{grid-template-columns:minmax(0,1fr);gap:4px}.tracking-step{flex-direction:row;align-items:flex-start;gap:14px}.step-icon{width:32px;height:32px}.step-line{display:none}}.vendor-avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.vendor-welcome-banner{background:linear-gradient(#0000009e,#0000009e),linear-gradient(135deg,#1f2937,#374151);border-radius:16px;align-items:center;min-height:250px;margin-bottom:25px;display:flex;position:relative;overflow:hidden}.vendor-banner-content{color:#fff;max-width:700px;padding:38px 42px}.vendor-banner-content h1{margin:0 0 12px;font-size:30px;font-weight:700;line-height:1.2}.vendor-banner-content p{color:#e5e7eb;max-width:580px;margin:0 0 24px;font-size:14px;line-height:1.7}.vendor-overview-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.vendor-overview-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:flex-start;gap:15px;padding:21px;display:flex}.vendor-overview-card span{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.vendor-overview-card h2{color:#111827;margin:0 0 5px;font-size:22px}.vendor-overview-card small{color:#9ca3af;font-size:10px}.status-pill.new{color:#2563eb;background:#eff6ff}.status-pill.ready{color:#16a34a;background:#f0fdf4}.delivery-management-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:center;gap:17px;padding:22px;display:flex}.delivery-management-icon{color:#16a34a;background:#f0fdf4;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.delivery-management-content{flex:1}.delivery-management-content h3{color:#111827;margin:0 0 6px;font-size:15px}.delivery-management-content p{color:#6b7280;margin:0;font-size:12px;line-height:1.6}.request-driver-button{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:8px;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:11px;font-weight:600;display:flex}.request-driver-button:hover{background:#374151}.vendor-info-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:center;gap:16px;padding:22px;display:flex}.vendor-info-icon{color:#374151;background:#f5f6f8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.vendor-info-details{flex:1}.vendor-info-details h3{color:#111827;margin:0 0 7px;font-size:15px}.vendor-info-location{color:#6b7280;align-items:center;gap:6px;margin-bottom:7px;font-size:11px;display:flex}.vendor-info-details p{color:#9ca3af;margin:0;font-size:11px}.edit-shop-button{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:11px;font-weight:600;display:flex}.edit-shop-button:hover{background:#f5f6f8}@media (width<=1200px){.statistics-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:1.2fr 1.2fr .8fr 1fr 1fr .7fr}}@media (width<=1000px){.vendor-overview-grid{grid-template-columns:1fr}.search-container{width:280px}.user-info{display:none}}@media (width<=800px){.sidebar{transform:translate(-100%);box-shadow:10px 0 30px #00000014}.sidebar.sidebar-open{transform:translate(0)}.close-sidebar{display:block}.sidebar-overlay{z-index:999;background:#00000059;position:fixed;inset:0}.main-content{margin-left:0}.mobile-menu{display:flex}.top-header{gap:15px;padding:0 20px}.search-container{flex:1;width:auto}.dashboard-content{padding:25px 20px 40px}.vendor-banner-content{padding:32px}.vendor-banner-content h1{font-size:26px}.order-grid{grid-template-columns:1.3fr 1.3fr 1fr 1fr}.table-header span:nth-child(3),.table-header span:nth-child(4),.order-row>span:nth-child(3),.order-row>strong:nth-child(4),.action-button span{display:none}.action-button{justify-content:center;width:34px;padding:0}}@media (width<=600px){.top-header{height:70px;padding:0 15px}.search-container{display:none}.header-right{gap:10px;margin-left:auto}.dashboard-content{padding:20px 15px 35px}.vendor-welcome-banner{min-height:230px}.vendor-banner-content{padding:25px}.vendor-banner-content h1{font-size:23px}.vendor-banner-content p{font-size:12px}.statistics-grid{grid-template-columns:1fr;gap:12px}.vendor-overview-grid{gap:12px}.quick-actions-grid{grid-template-columns:1fr;gap:12px}.section{margin-bottom:26px}.section-header h2{font-size:16px}.section-header p,.view-link{font-size:10px}.orders-card{overflow-x:auto}.order-grid{min-width:600px}.delivery-management-card{flex-direction:column;align-items:flex-start}.request-driver-button{justify-content:center;width:100%}.vendor-info-card{flex-wrap:wrap;align-items:flex-start}.vendor-info-details{min-width:calc(100% - 70px)}.edit-shop-button{justify-content:center;width:100%}.dashboard-footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=400px){.vendor-banner-content{padding:20px}.vendor-banner-content h1{font-size:20px}.stat-card{padding:16px}.vendor-overview-card{padding:17px}.quick-action-card{padding:15px}}.drivers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;display:grid}.driver-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;flex-direction:column;gap:15px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}.driver-card:hover{border-color:#d7dce3;box-shadow:0 4px 14px #0f172a12}.driver-card-header{align-items:center;gap:12px;display:flex}.driver-avatar{color:#fff;background:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.driver-info{flex-direction:column;gap:4px;min-width:0;display:flex}.driver-info h3{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.driver-vehicle{color:#9ca3af;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.driver-vehicle svg{color:#6b7280}.driver-contact{background:#f8f9fb;border-radius:11px;flex-direction:column;gap:9px;padding:13px;display:flex}.contact-item{color:#4b5563;align-items:center;gap:9px;min-width:0;font-size:12px;font-weight:600;display:flex}.contact-item svg{color:#9ca3af;flex-shrink:0}.contact-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.driver-status-actions{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:7px;padding-top:14px;display:flex}.driver-status-actions .action-button{flex:auto;justify-content:center}@media (width<=560px){.drivers-grid{grid-template-columns:minmax(0,1fr)}}.vendor-products-section{margin-top:20px}.vendor-products-page .product-editor-section{background:#fcfcfd;border-color:#dcdafd}.catalogue-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.product-editor-section{margin-bottom:20px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.product-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.product-card:hover{border-color:#d7dce3;transform:translateY(-2px);box-shadow:0 4px 14px #0f172a12}.product-card-image{background:#f5f6f8;height:140px;position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%}.product-card-placeholder{color:#c3c9d1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.availability-badge{border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 1px 2px #0f172a1a}.availability-badge.available{color:#16a34a;background:#f0fdf4}.availability-badge.unavailable{color:#4b5563;background:#f3f4f6}.product-card-body{flex-direction:column;flex:1;gap:7px;padding:15px;display:flex}.product-category{color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.product-card-body h3{color:#111827;margin:0;font-size:14px;font-weight:700}.product-description{color:#6b7280;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:11px;display:flex}.product-price{color:#111827;font-size:15px;font-weight:700}.product-prep{color:#9ca3af;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.product-card-actions{background:#fcfcfd;border-top:1px solid #f0f0f0;gap:7px;padding:13px 15px;display:flex}.product-card-actions .action-button{flex:1;justify-content:center}.product-form{background:#fff;border:1px solid #e8ebef;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px;display:grid}@media (width<=700px){.product-form{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.products-grid{grid-template-columns:minmax(0,1fr)}}.driver-avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.driver-welcome-banner{background:linear-gradient(#0000009e,#0000009e),linear-gradient(135deg,#1f2937,#374151);border-radius:16px;align-items:center;min-height:250px;margin-bottom:25px;display:flex;position:relative;overflow:hidden}.driver-banner-content{color:#fff;max-width:700px;padding:38px 42px}.driver-banner-content h1{margin:0 0 12px;font-size:30px;font-weight:700;line-height:1.2}.driver-banner-content p{color:#e5e7eb;max-width:580px;margin:0 0 24px;font-size:14px;line-height:1.7}.banner-action{color:#111827;cursor:pointer;background:#fff;border:none;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.banner-action:hover{background:#f3f4f6;transform:translateY(-1px)}.driver-performance-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.driver-performance-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:flex-start;gap:15px;padding:21px;display:flex}.performance-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.performance-icon.blue{color:#2563eb;background:#eff6ff}.performance-icon.orange{color:#ea580c;background:#fff7ed}.performance-icon.green{color:#16a34a;background:#f0fdf4}.driver-performance-card span{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.driver-performance-card h2{color:#111827;margin:0 0 5px;font-size:22px}.driver-performance-card small{color:#9ca3af;font-size:10px}.deliveries-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;overflow:hidden}.delivery-grid{grid-template-columns:1fr 1.35fr 1.35fr 1.15fr .7fr;align-items:center;gap:15px;display:grid}.delivery-table-header{background:#fafafa;border-bottom:1px solid #eef0f2;min-height:48px;padding:0 20px}.delivery-table-header span{color:#9ca3af;letter-spacing:.4px;font-size:10px;font-weight:700}.delivery-row{color:#4b5563;border-bottom:1px solid #f0f1f3;min-height:82px;padding:10px 20px;font-size:12px}.delivery-row:last-child{border-bottom:none}.delivery-row:hover{background:#fafbfc}.delivery-id{flex-direction:column;gap:5px;display:flex}.delivery-id strong{color:#111827;font-size:12px}.delivery-id small{color:#9ca3af;font-size:10px}.delivery-customer{flex-direction:column;gap:5px;display:flex}.delivery-customer strong{color:#374151;font-size:12px}.delivery-customer span{color:#9ca3af;align-items:center;gap:5px;font-size:10px;display:flex}.delivery-address{color:#6b7280;align-items:center;gap:6px;display:flex}.delivery-address svg{color:#9ca3af;flex-shrink:0}.delivery-status{border-radius:20px;width:fit-content;padding:6px 10px;font-size:10px;font-weight:700}.delivery-status.assigned{color:#2563eb;background:#eff6ff}.delivery-status.picked-up{color:#ea580c;background:#fff7ed}.delivery-status.out-for-delivery{color:#16a34a;background:#f0fdf4}.delivery-status.delivered{color:#374151;background:#f3f4f6}.delivery-action{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;width:fit-content;min-height:34px;padding:0 9px;font-size:11px;display:inline-flex}.delivery-action:hover{color:#111827;background:#f5f6f8}.active-delivery-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:center;gap:17px;padding:22px;display:flex}.active-delivery-icon{color:#2563eb;background:#eff6ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.active-delivery-content{flex:1}.active-label{color:#16a34a;letter-spacing:.7px;margin-bottom:6px;font-size:9px;font-weight:700;display:inline-block}.active-delivery-content h3{color:#111827;margin:0 0 9px;font-size:15px}.active-delivery-content p{color:#6b7280;align-items:center;gap:6px;margin:5px 0;font-size:11px;display:flex}.active-delivery-actions{align-items:center;gap:8px;display:flex}.call-customer-button,.navigate-button{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:40px;padding:0 13px;font-size:11px;font-weight:600;display:flex}.call-customer-button{color:#fff;background:#111827;border:none}.call-customer-button:hover{background:#374151}.navigate-button{color:#374151;background:#fff;border:1px solid #e5e7eb}.navigate-button:hover{background:#f5f6f8}.driver-notice-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:center;gap:15px;padding:20px;display:flex}.notice-icon{color:#ea580c;background:#fff7ed;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.notice-content h3{color:#111827;margin:0 0 5px;font-size:14px}.notice-content p{color:#6b7280;margin:0;font-size:11px;line-height:1.6}@media (width<=1200px){.statistics-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.driver-performance-grid{grid-template-columns:1fr}.search-container{width:280px}.user-info{display:none}.delivery-grid{grid-template-columns:1fr 1.2fr 1.2fr 1fr .7fr}}@media (width<=800px){.sidebar{transform:translate(-100%);box-shadow:10px 0 30px #00000014}.sidebar.sidebar-open{transform:translate(0)}.close-sidebar{display:block}.sidebar-overlay{z-index:999;background:#00000059;display:block;position:fixed;inset:0}.main-content{margin-left:0}.mobile-menu{display:flex}.top-header{gap:15px;padding:0 20px}.search-container{flex:1;width:auto}.dashboard-content{padding:25px 20px 40px}.driver-banner-content{padding:32px}.driver-banner-content h1{font-size:26px}.delivery-grid{grid-template-columns:1.2fr 1.3fr 1fr .8fr;min-width:650px}.delivery-table-header span:nth-child(3),.delivery-row .delivery-address,.delivery-action span{display:none}.delivery-action{justify-content:center;width:34px;padding:0}.active-delivery-card{flex-wrap:wrap;align-items:flex-start}.active-delivery-content{min-width:calc(100% - 75px)}.active-delivery-actions{width:100%}.call-customer-button,.navigate-button{flex:1;justify-content:center}}@media (width<=600px){.top-header{height:70px;padding:0 15px}.search-container{display:none}.header-right{gap:10px;margin-left:auto}.dashboard-content{padding:20px 15px 35px}.driver-welcome-banner{min-height:230px}.driver-banner-content{padding:25px}.driver-banner-content h1{font-size:23px}.driver-banner-content p{font-size:12px}.statistics-grid{grid-template-columns:1fr;gap:12px}.driver-performance-grid{gap:12px}.quick-actions-grid{grid-template-columns:1fr;gap:12px}.section{margin-bottom:26px}.section-header h2{font-size:16px}.section-header p,.view-link{font-size:10px}.deliveries-card{overflow-x:auto}.delivery-grid{min-width:620px}.active-delivery-card{padding:18px}.active-delivery-actions{flex-direction:column}.call-customer-button,.navigate-button{width:100%}.driver-notice-card{align-items:flex-start}.dashboard-footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=400px){.driver-banner-content{padding:20px}.driver-banner-content h1{font-size:20px}.stat-card{padding:16px}.driver-performance-card{padding:17px}.quick-action-card{padding:15px}}.delivery-list{gap:15px;display:grid}.delivery-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;flex-direction:column;gap:15px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}.delivery-card:hover{border-color:#d7dce3;box-shadow:0 4px 14px #0f172a12}.delivery-card-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.delivery-id-block{flex-direction:column;gap:4px;display:flex}.delivery-label{color:#9ca3af;letter-spacing:.08em;font-size:10px;font-weight:700}.delivery-id-block h3{color:#111827;margin:0;font-size:15px;font-weight:700}.delivery-details{background:#f8f9fb;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:15px;display:grid}.delivery-detail-item{color:#6b7280;align-items:flex-start;gap:10px;display:flex}.delivery-detail-item svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.delivery-detail-item span{color:#9ca3af;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.delivery-detail-item p{color:#1f2937;word-break:break-word;margin:3px 0 0;font-size:13px;font-weight:600;line-height:1.45}.delivery-instructions{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.delivery-instructions svg{flex-shrink:0;margin-top:1px}.delivery-card-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.delivery-placed-at{color:#9ca3af;font-size:11px;font-weight:600}.delivery-complete-note{color:#16a34a;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.driver-avatar-top{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}@media (width<=768px){.delivery-details{grid-template-columns:minmax(0,1fr)}.delivery-card-footer{flex-direction:column;align-items:stretch;gap:12px}.delivery-card-footer .action-button{justify-content:center;width:100%}.delivery-placed-at{text-align:center}}.dashboard-container{color:#1f2937;background:#f5f7fb;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.sidebar{z-index:1000;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:250px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;height:80px;padding:0 20px;display:flex}.company-logo{object-fit:contain;width:auto;max-width:145px;max-height:48px}.close-sidebar{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:5px;display:none}.sidebar-navigation{flex:1;padding:22px 14px;overflow-y:auto}.navigation-label{color:#9ca3af;letter-spacing:.8px;margin:0 10px 10px;font-size:10px;font-weight:700}.second-label{margin-top:25px}.nav-item{color:#6b7280;border-radius:10px;align-items:center;gap:12px;min-height:48px;margin-bottom:5px;padding:0 13px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item svg{flex-shrink:0}.nav-item:hover{color:#111827;background:#f5f6f8}.nav-item.active{color:#fff;background:#111827}.nav-badge{color:#475569;background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;min-width:23px;height:23px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}.nav-item.active .nav-badge{color:#111827;background:#fff}.sidebar-bottom{border-top:1px solid #f0f0f0;padding:16px 14px 20px}.logout-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;height:46px;padding:0 13px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.logout-button:hover{color:#dc2626;background:#fef2f2}.main-content{flex:1;min-width:0;margin-left:250px}.top-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:25px;height:80px;padding:0 35px;display:flex}.mobile-menu{color:#374151;cursor:pointer;background:0 0;border:none;padding:4px;display:none}.search-container{color:#9ca3af;background:#f5f6f8;border-radius:9px;align-items:center;gap:10px;width:390px;height:42px;padding:0 14px;display:flex}.search-container input{color:#374151;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:13px}.search-container input::placeholder{color:#9ca3af}.header-right{align-items:center;gap:22px;display:flex}.notification-button{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.notification-button:hover{background:#f5f6f8}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.user-profile{align-items:center;gap:10px;display:flex}.admin-avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.user-info{flex-direction:column;gap:3px;display:flex}.user-info strong{color:#111827;font-size:13px;font-weight:700}.user-info span{color:#9ca3af;font-size:11px}.dashboard-content{max-width:1600px;padding:30px 35px 50px}.admin-welcome-banner{background:linear-gradient(#0000009e,#0000009e),linear-gradient(135deg,#1f2937,#374151);border-radius:16px;align-items:center;min-height:250px;margin-bottom:25px;display:flex;position:relative;overflow:hidden}.admin-banner-content{color:#fff;max-width:750px;padding:38px 42px}.welcome-label{letter-spacing:1px;color:#d1d5db;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-block}.admin-banner-content h1{margin:0 0 12px;font-size:30px;font-weight:700;line-height:1.2}.admin-banner-content p{color:#e5e7eb;max-width:620px;margin:0 0 24px;font-size:14px;line-height:1.7}.admin-banner-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.banner-action,.reset-demo-button{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.banner-action{color:#111827;background:#fff}.reset-demo-button{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e}.banner-action:hover,.reset-demo-button:hover{transform:translateY(-1px)}.statistics-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:flex-start;gap:15px;padding:20px;display:flex}.stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.stat-icon.blue{color:#2563eb;background:#eff6ff}.stat-icon.orange{color:#ea580c;background:#fff7ed}.stat-icon.green{color:#16a34a;background:#f0fdf4}.stat-icon.purple{color:#9333ea;background:#faf5ff}.stat-content{min-width:0}.stat-content span{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.stat-content h2{color:#111827;margin:0 0 5px;font-size:25px;line-height:1}.stat-content small{color:#9ca3af;font-size:10px}.section{margin-bottom:32px}.section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.section-header h2{color:#111827;margin:0 0 4px;font-size:18px;font-weight:700}.section-header p{color:#9ca3af;margin:0;font-size:12px}.view-link{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.view-link:hover{color:#111827}.system-overview-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.system-overview-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:flex-start;gap:15px;padding:21px;display:flex}.overview-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.overview-icon.blue{color:#2563eb;background:#eff6ff}.overview-icon.orange{color:#ea580c;background:#fff7ed}.overview-icon.green{color:#16a34a;background:#f0fdf4}.system-overview-card span{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.system-overview-card h2{color:#111827;margin:0 0 5px;font-size:22px}.system-overview-card small{color:#9ca3af;font-size:10px}.orders-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;overflow:hidden}.order-grid{grid-template-columns:1.15fr 1.15fr 1.3fr .9fr 1.15fr .7fr;align-items:center;gap:15px;display:grid}.table-header{background:#fafafa;border-bottom:1px solid #eef0f2;min-height:48px;padding:0 20px}.table-header span{color:#9ca3af;letter-spacing:.4px;font-size:10px;font-weight:700}.order-row{color:#4b5563;border-bottom:1px solid #f0f1f3;min-height:76px;padding:10px 20px;font-size:12px}.order-row:last-child{border-bottom:none}.order-row:hover{background:#fafbfc}.order-id{flex-direction:column;gap:5px;display:flex}.order-id strong{color:#111827;font-size:12px}.order-id small{color:#9ca3af;font-size:10px}.customer-name{color:#374151;font-weight:600}.branch-name{color:#6b7280}.order-amount{color:#111827;font-size:12px}.status-pill{border-radius:20px;width:fit-content;padding:6px 10px;font-size:10px;font-weight:700}.status-pill.pending{color:#ea580c;background:#fff7ed}.status-pill.preparing{color:#2563eb;background:#eff6ff}.status-pill.out-for-delivery{color:#16a34a;background:#f0fdf4}.status-pill.delivered{color:#374151;background:#f3f4f6}.action-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;width:fit-content;min-height:34px;padding:0 9px;font-size:11px;display:inline-flex}.action-button:hover{color:#111827;background:#f5f6f8}.branches-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;overflow:hidden}.branch-grid{grid-template-columns:1.4fr 1.2fr 1fr .9fr .7fr;align-items:center;gap:15px;display:grid}.branch-table-header{background:#fafafa;border-bottom:1px solid #eef0f2;min-height:48px;padding:0 20px}.branch-table-header span{color:#9ca3af;letter-spacing:.4px;font-size:10px;font-weight:700}.branch-row{color:#4b5563;border-bottom:1px solid #f0f1f3;min-height:75px;padding:10px 20px;font-size:12px}.branch-row:last-child{border-bottom:none}.branch-row:hover{background:#fafbfc}.branch-title{align-items:center;gap:10px;display:flex}.branch-title strong{color:#111827;font-size:12px}.branch-icon{color:#2563eb;background:#eff6ff;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.branch-location{color:#6b7280;align-items:center;gap:6px;display:flex}.branch-location svg{color:#9ca3af}.branch-orders{color:#111827;font-size:13px}.branch-status{color:#16a34a;background:#f0fdf4;border-radius:20px;width:fit-content;padding:6px 10px;font-size:10px;font-weight:700}.activity-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;overflow:hidden}.activity-item{border-bottom:1px solid #f0f1f3;align-items:center;gap:13px;min-height:76px;padding:14px 20px;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-icon.blue{color:#2563eb;background:#eff6ff}.activity-icon.green{color:#16a34a;background:#f0fdf4}.activity-icon.orange{color:#ea580c;background:#fff7ed}.activity-content{flex:1}.activity-content strong{color:#111827;margin-bottom:4px;font-size:12px;display:block}.activity-content p{color:#9ca3af;margin:0;font-size:10px}.activity-item>span{color:#9ca3af;white-space:nowrap;font-size:10px}.notification-panel{background:#fff;border:1px solid #e8ebef;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.notification-item{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;display:flex}.notification-item.unread{background:#eef6ff;border-color:#dbeafe}.notification-item.read{opacity:.82}.notification-badge{border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:6px}.notification-badge.success{background:#22c55e}.notification-badge.warning{background:#f59e0b}.notification-badge.info{background:#3b82f6}.notification-copy{flex-direction:column;flex:1;gap:6px;display:flex}.notification-copy strong{color:#111827;font-size:13px}.notification-copy span{color:#475569;font-size:12px;line-height:1.5}.notification-copy small{color:#64748b;font-size:11px}.empty-notice{color:#64748b;margin:0;font-size:13px}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.quick-action-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:center;gap:12px;min-height:105px;padding:18px;transition:all .2s;display:flex}.quick-action-card:hover{border-color:#d1d5db;transform:translateY(-1px)}.quick-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.quick-action-icon.blue{color:#2563eb;background:#eff6ff}.quick-action-icon.orange{color:#ea580c;background:#fff7ed}.quick-action-icon.green{color:#16a34a;background:#f0fdf4}.quick-action-icon.purple{color:#9333ea;background:#faf5ff}.quick-action-content{flex:1;min-width:0}.quick-action-content h3{color:#111827;margin:0 0 5px;font-size:13px}.quick-action-content p{color:#9ca3af;margin:0;font-size:10px;line-height:1.5}.quick-action-arrow{color:#9ca3af;flex-shrink:0}.admin-status-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;align-items:center;gap:15px;padding:21px;display:flex}.admin-status-icon{color:#16a34a;background:#f0fdf4;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-status-content{flex:1}.admin-status-content>span{color:#16a34a;letter-spacing:.7px;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.admin-status-content h3{color:#111827;margin:0 0 5px;font-size:14px}.admin-status-content p{color:#9ca3af;margin:0;font-size:10px}.system-status-indicator{color:#16a34a;background:#f0fdf4;border-radius:20px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.dashboard-footer{color:#9ca3af;justify-content:space-between;align-items:center;padding:5px 0 0;font-size:10px;display:flex}.sidebar-overlay{display:none}@media (width<=1200px){.statistics-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:1.1fr 1.1fr 1.2fr .9fr 1fr .7fr}.branch-grid{grid-template-columns:1.3fr 1.1fr .8fr .8fr .7fr}}@media (width<=1000px){.system-overview-grid{grid-template-columns:1fr}.search-container{width:300px}.user-info{display:none}}@media (width<=800px){.sidebar{transform:translate(-100%);box-shadow:10px 0 30px #00000014}.sidebar.sidebar-open{transform:translate(0)}.close-sidebar{display:block}.sidebar-overlay{z-index:999;background:#00000059;display:block;position:fixed;inset:0}.main-content{margin-left:0}.mobile-menu{display:flex}.top-header{gap:15px;padding:0 20px}.search-container{flex:1;width:auto}.dashboard-content{padding:25px 20px 40px}.admin-banner-content{padding:32px}.admin-banner-content h1{font-size:26px}.order-grid{grid-template-columns:1.2fr 1.2fr 1fr 1fr}.table-header span:nth-child(3),.table-header span:nth-child(4),.order-row .branch-name,.order-row .order-amount{display:none}.branch-grid{grid-template-columns:1.3fr 1.1fr .8fr .7fr}.branch-table-header span:nth-child(2),.branch-row .branch-location,.action-button span{display:none}.action-button{justify-content:center;width:34px;padding:0}}@media (width<=600px){.top-header{height:70px;padding:0 15px}.search-container{display:none}.header-right{gap:10px;margin-left:auto}.dashboard-content{padding:20px 15px 35px}.admin-welcome-banner{min-height:230px}.admin-banner-content{padding:25px}.admin-banner-content h1{font-size:23px}.admin-banner-content p{font-size:12px}.statistics-grid{grid-template-columns:1fr;gap:12px}.system-overview-grid{gap:12px}.quick-actions-grid{grid-template-columns:1fr;gap:12px}.section{margin-bottom:26px}.section-header h2{font-size:16px}.section-header p,.view-link{font-size:10px}.orders-card,.branches-card{overflow-x:auto}.order-grid{min-width:600px}.branch-grid{min-width:560px}.activity-item{align-items:flex-start}.activity-item>span{display:none}.admin-status-card{flex-wrap:wrap;align-items:flex-start}.admin-status-content{min-width:calc(100% - 65px)}.system-status-indicator{justify-content:center;width:100%}.dashboard-footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=400px){.admin-banner-content{padding:20px}.admin-banner-content h1{font-size:20px}.stat-card{padding:16px}.system-overview-card{padding:17px}.quick-action-card{padding:15px}}.driver-grid{grid-template-columns:1.3fr 1.1fr .9fr .5fr .9fr 1.5fr;align-items:center;gap:15px;display:grid}.driver-cell{flex-direction:column;gap:3px;min-width:0;display:flex}.driver-cell strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.driver-cell small{color:#9ca3af;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.vehicle-cell{color:#4b5563;flex-direction:column;gap:2px;font-size:12px;font-weight:600;display:flex}.vehicle-cell small{color:#9ca3af;letter-spacing:.04em;font-size:10px;font-weight:700}.rating-cell{color:#ca8a04;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.row-inactive{opacity:.6;background:#fbfbfc}.row-inactive .driver-cell strong{text-decoration:line-through}.status-pill.deactivated{color:#6b7280;background:#f3f4f6;text-decoration:line-through}.inline-toggle{color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.inline-toggle input{accent-color:#4f46e5;cursor:pointer;width:15px;height:15px}.field-hint{color:#9ca3af;text-transform:none;letter-spacing:0;font-weight:600}@media (width<=1100px){.driver-grid{grid-template-columns:1.2fr 1fr .8fr .9fr}.driver-grid>:nth-child(4),.driver-grid>:nth-child(5){display:none}}@media (width<=768px){.driver-grid{grid-template-columns:minmax(0,1fr);gap:10px}.driver-grid>:nth-child(4),.driver-grid>:nth-child(5){display:flex}}