.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--bg-1);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;box-shadow:2px 0 12px var(--shadow-color)}.sidebar-header{height:80px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--border-subtle)}.sidebar-logo{display:flex;flex-direction:column;line-height:1.2}.logo-text{font-weight:900;font-size:18px;letter-spacing:.1em;color:var(--text-primary)}.logo-subtext{font-weight:800;font-size:14px;letter-spacing:.15em;color:var(--color-primary)}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto;display:flex;flex-direction:column}.nav-section-label{padding:0 32px;margin-bottom:12px;font-size:10px;font-weight:800;color:var(--text-disabled);letter-spacing:.1em}.sidebar-item{width:calc(100% - 32px);margin:0 16px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:var(--text-tertiary);text-decoration:none;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;position:relative}.sidebar-item-content{display:flex;align-items:center;gap:12px}.sidebar-item:hover{background-color:var(--bg-3);color:var(--text-primary);transform:translate(2px)}.sidebar-item.active{background-color:var(--color-primary-subtle);color:var(--color-primary);font-weight:700}.sidebar-item.active:before{content:"";position:absolute;left:0;width:4px;height:20px;background-color:var(--color-primary);border-radius:0 4px 4px 0}.chevron{transition:transform .2s ease;opacity:.5}.sidebar-item:hover .chevron{opacity:1}.chevron.open{transform:rotate(180deg)}.sidebar-submenu{margin:4px 16px 8px;padding-left:16px;border-left:1px solid var(--border-subtle)}.submenu-item{display:block;padding:10px 16px;margin-bottom:2px;font-size:13px;font-weight:500;color:var(--text-tertiary);text-decoration:none;border-radius:8px;transition:all .2s ease}.submenu-item:hover{color:var(--text-primary);background-color:var(--bg-3);transform:translate(2px)}.submenu-item.active{color:var(--color-primary);background-color:#d92d200d}.sidebar-footer{padding:24px 0;border-top:1px solid var(--border-subtle)}.logout-btn{color:#f87171}.logout-btn:hover{background-color:#f871711a;color:#f87171;transform:translate(2px)}.sidebar-logo-container{display:flex;align-items:center;gap:8px;padding:0}.sidebar-logo-img{width:32px;height:32px;object-fit:contain}.sidebar-logo{display:flex;flex-direction:column;line-height:1}.logo-brand-row{display:flex;align-items:baseline;white-space:nowrap}.logo-valeur{font-size:12px;font-weight:800;font-style:italic;color:var(--color-primary)}.logo-delivery{font-size:12px;font-weight:600;color:var(--text-primary);margin-left:2px}.theme-light .logo-delivery{color:#0f172a!important}.logo-tagline{font-size:6px;font-weight:700;color:var(--text-tertiary);letter-spacing:.12em;margin-top:1px;text-transform:uppercase}.header{height:var(--header-height);padding:0 var(--space-8);background-color:var(--bg-0);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.header-title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:var(--space-6)}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;padding:4px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.icon-btn:hover{background-color:var(--bg-2);color:var(--text-primary)}.notification-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;background-color:var(--color-primary);border-radius:var(--radius-full);border:1px solid var(--bg-0)}.user-profile{display:flex;align-items:center;gap:12px;padding-left:var(--space-6);border-left:1px solid var(--border-subtle)}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:var(--font-base);font-weight:500;color:var(--text-primary)}.user-role{font-size:var(--font-xs);color:var(--text-tertiary)}.avatar{width:32px;height:32px;background-color:var(--bg-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--border-subtle)}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.admin-content{flex:1;padding:var(--space-6) var(--space-8);overflow-y:auto}.content-container{max-width:var(--content-max-width);margin:0 auto}.badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:2px 10px;border-radius:8px;font-size:11px;font-weight:700;gap:6px;border:1px solid transparent;white-space:nowrap;flex-shrink:0}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full)}.badge-neutral{background-color:var(--bg-3);color:var(--text-secondary);border-color:var(--border-subtle)}.badge-neutral .badge-dot{background-color:var(--text-secondary)}.badge-info{background-color:var(--color-info-bg);color:#2563eb;border-color:#2563eb33}.badge-info .badge-dot{background-color:#2563eb}.badge-success{background-color:var(--color-success-bg);color:#16a34a;border-color:#16a34a33}.badge-success .badge-dot{background-color:#16a34a}.badge-warning{background-color:var(--color-warning-bg);color:#d97706;border-color:#d9770633}.badge-warning .badge-dot{background-color:#d97706}.badge-error{background-color:var(--color-error-bg);color:#dc2626;border-color:#dc262633}.badge-error .badge-dot{background-color:#dc2626}.badge-orange{background-color:#fff7ed;color:#ea580c;border-color:#ea580c33}.badge-orange .badge-dot{background-color:#ea580c}:root.theme-light .badge-orange{background-color:#fff7ed}:root:not(.theme-light) .badge-orange{background-color:#431407}.split-login-container{display:flex;min-height:100vh;background-color:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif;color:#f8fafc;overflow:hidden}.login-visual-side{flex:1.2;display:flex;flex-direction:column;justify-content:space-between;padding:80px;background-color:#0f172a;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.visual-glow{position:absolute;top:-10%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(225,29,72,.15) 0%,transparent 70%);filter:blur(60px);z-index:0}.visual-content{position:relative;z-index:2;max-width:580px}.brand-badge{display:inline-block;padding:8px 16px;background:#e11d481a;border:1px solid rgba(225,29,72,.2);border-radius:100px;font-size:11px;font-weight:800;color:#e11d48;letter-spacing:.15em;margin-bottom:40px}.visual-title{font-size:52px;font-weight:900;color:#94a3b8;line-height:1.1;letter-spacing:-.04em;margin-bottom:24px}.text-white{color:#fff}.text-brand{color:#e11d48}.visual-desc{font-size:18px;color:#64748b;line-height:1.6;margin-bottom:56px}.feature-grid{display:grid;grid-template-columns:1fr;gap:24px}.feature-card{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all .3s ease}.feature-card:hover{background:#ffffff0a;border-color:#e11d4833;transform:translate(10px)}.feature-card-icon{width:44px;height:44px;background:#e11d481a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#e11d48}.feature-card-title{font-size:16px;font-weight:700;color:#f1f5f9;margin-bottom:4px}.feature-card-text{font-size:13px;color:#64748b;line-height:1.4}.visual-footer{position:relative;z-index:2;font-size:13px;color:#475569;font-weight:500}.login-form-side{flex:.8;display:flex;align-items:center;justify-content:center;padding:40px;background-color:#0f172a;min-width:460px}.form-container{width:100%;max-width:380px;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:48px}.login-logo-container{display:flex;align-items:center;gap:12px;margin-bottom:32px}.app-logo-img{width:42px;height:42px;border-radius:10px}.login-logo{display:flex;flex-direction:column;line-height:1}.logo-valeur{font-size:24px;font-weight:800;font-style:italic;color:#e11d48}.logo-delivery{font-size:24px;font-weight:500;color:#f8fafc}.logo-tagline{font-size:10px;font-weight:600;color:#64748b;letter-spacing:.25em;margin-top:4px;text-transform:uppercase}.login-title{font-size:32px;font-weight:800;color:#f8fafc;margin-bottom:12px;letter-spacing:-.03em}.login-subtitle{font-size:14px;color:#64748b;line-height:1.5;font-weight:500}.login-form{display:flex;flex-direction:column;gap:28px}.input-group{display:flex;flex-direction:column;gap:10px}.input-label{font-size:13px;font-weight:600;color:#94a3b8}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#475569;transition:all .2s}.pro-input{width:100%;height:56px;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:0 52px;color:#f1f5f9;font-size:15px;font-weight:500;transition:all .2s}.pro-input:focus{outline:none;background:#1e293b;border-color:#e11d48;box-shadow:0 0 0 4px #e11d481a}.pro-input:focus+.input-icon{color:#e11d48}.password-toggle{position:absolute;right:16px;background:none;border:none;color:#475569;cursor:pointer;padding:8px;border-radius:10px}.password-toggle:hover{color:#94a3b8;background:#ffffff0d}.forgot-link{font-size:12px;font-weight:700;color:#e11d48;background:none;border:none;cursor:pointer;padding:0;opacity:.8;transition:opacity .2s}.forgot-link:hover{opacity:1}.login-btn{height:56px;background:#e11d48;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #e11d4833}.login-btn:hover{background:#f43f5e;transform:translateY(-2px);box-shadow:0 8px 30px #e11d4866}.login-btn:active{transform:translateY(0)}.login-footer{margin-top:48px;text-align:center;font-size:13px;color:#475569;font-weight:500}.login-footer a{color:#94a3b8;text-decoration:none;font-weight:700;margin-left:4px}.login-footer a:hover{color:#e11d48}.error-banner{background:#e11d481a;border:1px solid rgba(225,29,72,.2);color:#fb7185;padding:16px;border-radius:16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width: 1024px){.login-visual-side{display:none}.login-form-side{flex:1;min-width:0;padding:24px}.form-container{max-width:400px}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:500;cursor:pointer;transition:var(--transition-default);border:1px solid transparent;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{flex-shrink:0}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn-secondary{background-color:transparent;border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-1)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-3);color:var(--text-primary)}.btn-destructive{background-color:transparent;border-color:var(--color-error);color:#f87171}.btn-destructive:hover:not(:disabled){background-color:var(--color-error-bg)}.btn-sm{height:28px;padding:0 10px;font-size:var(--font-sm)}.btn-md{height:32px;padding:0 14px;font-size:var(--font-base)}.btn-lg{height:36px;padding:0 18px;font-size:var(--font-md)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-full{width:100%}.btn-loading{cursor:wait}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary .spinner-small,.btn-ghost .spinner-small{border-color:#0000001a;border-top-color:var(--color-primary)}.input-group{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.input-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:6px}.input-field{background-color:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-base);padding:8px 12px;transition:var(--transition-default)}input.input-field,select.input-field{height:36px;padding:0 12px}.input-field::placeholder{color:var(--text-disabled)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d92d2026}.input-field:disabled{background-color:var(--bg-1);color:var(--text-disabled);cursor:not-allowed}.input-error{border-color:var(--color-primary)}.input-error:focus{box-shadow:0 0 0 3px #d92d2026}.input-error-message{font-size:var(--font-sm);color:#f87171;margin-top:4px}.table-wrapper{width:100%;overflow-x:auto;background-color:var(--bg-1);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 4px 20px -5px var(--shadow-color)}.custom-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.table-header{background-color:var(--bg-3);padding:18px 24px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);font-weight:800}.table-cell{padding:20px 24px;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table-row{transition:all .2s ease}.table-row:last-child .table-cell{border-bottom:none}.table-row:hover{background-color:var(--bg-3)}.table-row.clickable{cursor:pointer}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-tertiary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .15s ease}.modal-container{background-color:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;display:flex;flex-direction:column;animation:scale-up .2s var(--transition-smooth)}.modal-header{padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{background-color:var(--bg-3);color:var(--text-primary)}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-2)}.size-sm{width:400px}.size-md{width:600px}.size-lg{width:800px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.status-timeline{display:flex;flex-direction:column;padding:10px 0}.timeline-item{display:flex;gap:24px;min-height:50px}.timeline-left{display:flex;flex-direction:column;align-items:center;width:12px;position:relative}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-disabled);z-index:2;margin-top:6px;transition:all .3s ease}.status-dot.active{width:12px;height:12px;background-color:var(--color-primary);box-shadow:0 0 0 4px #d92d2026;margin-top:4px}.status-dot.completed{background-color:var(--text-tertiary);width:6px;height:6px;margin-top:7px;opacity:.8}.timeline-line{position:absolute;top:15px;bottom:0;width:2px;background-color:var(--border-subtle)}.timeline-content{flex:1;padding-bottom:24px}.timeline-label{font-size:14px;font-weight:600;color:var(--text-secondary);transition:color .3s}.timeline-item:first-child .timeline-label{color:var(--text-primary);font-weight:700}.timeline-time{font-size:11px;color:var(--text-disabled);font-family:Inter,sans-serif;font-weight:500}.timeline-author{font-size:11px;color:var(--text-tertiary);margin-top:2px;font-weight:500}.timeline-header{display:flex;justify-content:space-between;align-items:center}.livreur-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-0);overflow:hidden;position:relative}.livreur-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:60px;background-color:var(--bg-0);border-bottom:1px solid var(--border-subtle);flex-shrink:0;z-index:10}.livreur-logo{display:flex;flex-direction:column;line-height:1}.livreur-logo .logo-text{font-weight:800;font-size:16px;letter-spacing:-.02em;color:var(--text-primary)}.livreur-logo .logo-subtext{font-weight:600;font-size:10px;letter-spacing:.1em;color:var(--color-primary)}.livreur-driver-info{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.driver-name{font-size:14px;font-weight:600}.livreur-content{flex:1;overflow-y:auto;background-color:var(--bg-1);padding:16px 16px 80px}.livreur-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background-color:var(--bg-0);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);z-index:20}.livreur-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-tertiary);text-decoration:none;flex:1;height:100%}.livreur-bottom-nav .nav-item span{font-size:11px;font-weight:600}.livreur-bottom-nav .nav-item.active{color:var(--color-primary)}:root{--color-primary: #D92D20;--color-primary-hover: #B42318;--color-primary-active: #912018;--color-primary-light: #FEE4E2;--color-primary-subtle: #FEF3F2;--color-success: #16A34A;--color-success-bg: rgba(22, 163, 74, .1);--color-warning: #EAB308;--color-warning-bg: rgba(234, 179, 8, .1);--color-error: #D92D20;--color-error-bg: rgba(217, 45, 32, .1);--color-info: #2563EB;--color-info-bg: rgba(37, 99, 235, .1);--bg-0: #0A0A0B;--bg-1: #111113;--bg-2: #18181B;--bg-3: #1F1F23;--border-subtle: #27272A;--border-default: #3F3F46;--border-strong: #52525B;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--text-disabled: #52525B;--sidebar-bg: #0A0A0B;--card-bg: #18181B;--input-bg: #1F1F23;--shadow-color: rgba(0, 0, 0, .5);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-xs: 11px;--font-sm: 13px;--font-base: 14px;--font-md: 15px;--font-lg: 18px;--font-xl: 22px;--font-2xl: 28px;--font-3xl: 36px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--transition-fast: .1s ease;--transition-default: .15s ease;--transition-smooth: .2s cubic-bezier(.16, 1, .3, 1);--sidebar-width: 240px;--header-height: 56px;--content-max-width: 1200px}.theme-light{--bg-0: #FFFFFF;--bg-1: #FAFAFA;--bg-2: #FFFFFF;--bg-3: #F3F4F6;--border-subtle: #E5E7EB;--border-default: #D1D5DB;--border-strong: #9CA3AF;--text-primary: #0F172A;--text-secondary: #334155;--text-tertiary: #475569;--text-disabled: #94A3B8;--sidebar-bg: #FFFFFF;--card-bg: #FFFFFF;--input-bg: #FFFFFF;--shadow-color: rgba(0, 0, 0, .1);--color-success-bg: #DCFCE7;--color-warning-bg: #FEF9C3;--color-error-bg: #FEE2E2;--color-info-bg: #DBEAFE}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-0);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.text-xs{font-size:var(--font-xs);line-height:16px}.text-sm{font-size:var(--font-sm);line-height:20px}.text-base{font-size:var(--font-base);line-height:22px}.text-md{font-size:var(--font-md);line-height:24px;font-weight:500}.text-lg{font-size:var(--font-lg);line-height:28px;font-weight:600}.text-xl{font-size:var(--font-xl);line-height:32px;font-weight:600}.text-2xl{font-size:var(--font-2xl);line-height:36px;font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-brand{color:var(--color-primary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.kpi-card-premium{position:relative;background:var(--bg-2);padding:20px;border-radius:20px;border:1px solid var(--border-subtle);display:flex;align-items:center;gap:16px;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.kpi-card-premium:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 20px 40px -15px var(--shadow-color)}.kpi-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.kpi-content{flex:1;display:flex;flex-direction:column;gap:2px;z-index:1}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-label-alt{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--text-tertiary)}.kpi-trend-alt{font-size:10px;font-weight:800;padding:2px 6px;background:#ffffff08;border-radius:6px}.kpi-body{display:flex;align-items:baseline;gap:8px}.kpi-value-alt{font-size:26px;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.kpi-sub-alt{font-size:10px;font-weight:700;color:var(--text-disabled)}.kpi-glow{position:absolute;top:-20px;right:-20px;width:60px;height:60px;border-radius:50%;filter:blur(40px);opacity:.08;pointer-events:none}.main-dashboard-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px}.dashboard-card{background:var(--bg-2);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden;margin-bottom:32px}.card-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle)}.header-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;color:var(--text-primary)}.map-container-wrapper{height:350px;background:var(--bg-1)}.chart-wrapper{padding:24px}.leads-list,.orders-compact-list{padding:12px;display:flex;flex-direction:column;gap:8px}.lead-item,.order-compact-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-1);border-radius:12px;border:1px solid var(--border-subtle)}.lead-name,.order-num{font-size:14px;font-weight:700;color:var(--text-primary)}.lead-company,.order-dest{font-size:12px;color:var(--text-tertiary)}.view-all{font-size:12px;font-weight:700;color:var(--color-primary);text-decoration:none}.support-card{background:linear-gradient(135deg,var(--bg-2),var(--bg-3));padding:24px;text-align:center}.support-btn{margin-top:16px;width:100%;padding:12px;background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-weight:700;cursor:pointer}.empty-state{padding:24px;text-align:center;color:var(--text-disabled);font-size:13px}@media (max-width: 1024px){.main-dashboard-layout{grid-template-columns:1fr}}.input-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.input-grid-2{grid-template-columns:1fr}}.order-info-compact{display:flex;flex-direction:column;flex:1;margin-left:12px}.order-dest-name{font-size:13px;font-weight:700;color:var(--text-primary)}.order-dest-phone{font-size:11px;color:var(--text-tertiary)}.support-card-row{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(90deg,var(--bg-2),var(--bg-3));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-top:24px}.support-icon{width:50px;height:50px;border-radius:12px;background:var(--bg-1);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.support-text{flex:1}.support-text h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.support-text p{font-size:12px;color:var(--text-tertiary)}.support-btn-alt{padding:10px 20px;background:var(--color-primary);color:#fff;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s}.support-btn-alt:hover{transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pro-modal{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:24px;width:100%;overflow:hidden;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary)}.close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:50%}.close-btn:hover{background:var(--bg-3);color:var(--text-primary)}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-actions-grid{display:grid;gap:16px;padding:16px}.action-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;padding:14px 20px;background:transparent;border:1px solid var(--border-subtle);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;min-width:180px}.action-btn:hover{transform:translate(6px);border-color:var(--color-primary);background:var(--color-primary-subtle)}.action-btn span{font-size:14px;font-weight:700;color:var(--text-primary)}.action-icon-box{display:flex;align-items:center;justify-content:center;color:inherit}@media (max-width: 1024px){.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.quick-actions-grid{grid-template-columns:1fr 1fr}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.live-btn{background:#d92d200d!important;border-color:#d92d204d!important}.live-btn:hover{background:#d92d201a!important;border-color:#d92d20!important}.order-row-premium{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-subtle);transition:background .15s;cursor:pointer}.order-row-premium:last-child{border-bottom:none}.order-row-premium:hover{background:var(--bg-3)}.order-time-col{width:56px;flex-shrink:0;margin-right:16px}.order-time-val{font-size:13px;font-weight:600;color:var(--text-primary)}.order-date-val{font-size:10px;color:var(--text-disabled);font-weight:500}.order-main-info{flex:1;min-width:0}.order-number-tag{font-size:10px;font-weight:600;color:var(--text-tertiary);margin-bottom:3px}.order-parties{display:flex;align-items:center;gap:6px;overflow:hidden}.party-from,.party-to{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.party-arrow{color:var(--text-disabled);flex-shrink:0}.order-location{margin:0 24px;flex-shrink:0}.loc-label{display:none}.loc-val{font-size:12px;font-weight:500;color:var(--text-tertiary)}.order-action-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-disabled);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:12px;transition:color .15s}.order-action-btn:hover{color:var(--text-primary)}.support-card-premium{padding:24px;background:linear-gradient(135deg,#d92d201a,#0000);border:1px solid var(--border-subtle);border-radius:20px}.support-icon-small{width:40px;height:40px;border-radius:10px;background:var(--bg-1);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.form-card-premium{background:var(--bg-2);padding:32px;border-radius:24px;border:1px solid var(--border-subtle);transition:all .3s ease}.form-card-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.step-number{width:28px;height:28px;background:var(--color-primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.form-card-title{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.pickup-toggle-btn{flex:1;padding:12px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-3);color:var(--text-tertiary);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.pickup-toggle-btn.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.pickup-preview-box{padding:20px;background:var(--bg-1);border-radius:16px;border:1px solid var(--border-subtle)}.pickup-main{font-weight:700;color:var(--text-primary);margin-bottom:8px}.pickup-sub{font-size:13px;color:var(--text-tertiary);display:flex;align-items:center;gap:8px;margin-top:4px}.input-label-premium{display:block;font-size:11px;font-weight:800;margin-bottom:8px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.input-field-premium,.select-premium,.input-field{width:100%;padding:12px 16px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-3);color:var(--text-primary)!important;font-size:14px;line-height:1.5;font-weight:500;transition:all .2s;outline:none;display:block}input.input-field-premium,select.select-premium{height:48px}textarea.input-field-premium{padding:16px;min-height:120px;line-height:1.6}input[type=date].input-field-premium,input[type=time].input-field-premium,select.select-premium{color:var(--text-primary)!important}.input-field-premium::placeholder{color:var(--text-tertiary)}.select-premium{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 16px center;background-size:18px;color-scheme:dark light}.input-field-premium:focus,.select-premium:focus,.input-field:focus{border-color:var(--color-primary);background:var(--bg-2);box-shadow:0 0 0 4px #d92d201a}.zone-selector-premium{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-3);border:1px solid var(--border-subtle);border-radius:16px;cursor:pointer;transition:all .2s}.zone-selector-premium:hover{border-color:var(--color-primary);background:var(--bg-1)}.zone-icon-box{width:44px;height:44px;border-radius:12px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.zone-selected-name{font-size:15px;font-weight:700;color:var(--text-primary)}.zone-selected-sub{font-size:12px;color:var(--text-tertiary)}.summary-card-premium{background:var(--bg-2);padding:32px;border-radius:24px;border:1px solid var(--border-subtle);box-shadow:0 20px 40px -15px var(--shadow-color)}.summary-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:24px;display:flex;align-items:center;gap:8px}.summary-section{display:flex;flex-direction:column;gap:16px}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:13px;color:var(--text-secondary);font-weight:500}.summary-value{font-size:14px;font-weight:700;color:var(--text-primary)}.summary-divider{height:1px;background:var(--border-subtle);margin:20px 0}.summary-total{background:var(--bg-1);padding:20px;border-radius:16px;border:1px solid var(--border-subtle);margin-bottom:20px}.total-label{display:block;font-size:12px;font-weight:800;color:var(--color-primary);text-transform:uppercase;margin-bottom:8px;letter-spacing:.02em}.total-value-box{display:flex;align-items:baseline;gap:8px}.total-amount{font-size:32px;font-weight:900;color:var(--text-primary);letter-spacing:-.03em}.total-currency{font-size:14px;font-weight:700;color:var(--text-tertiary)}.summary-info-box{padding:12px 16px;background:var(--bg-3);border-radius:12px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary);line-height:1.4}.pickup-toggle-btn:hover:not(.active){border-color:var(--text-disabled);color:var(--text-secondary)}.order-row-premium:hover{background:#ffffff05!important;transform:none!important}.order-time-col{width:60px;border-right:none!important;margin-right:24px!important}.order-time-val{font-size:13px;color:#fff}.order-date-val{font-size:10px;color:var(--text-tertiary)}.order-main-info{flex:1.5}.party-from,.party-to{font-size:14px}.order-location{flex:1;margin:0 20px!important}.loc-val{font-size:12px}.order-status-col{width:100px;display:flex;justify-content:center}.order-action-btn{background:transparent!important;border:none!important;color:var(--text-disabled)!important}.order-action-btn:hover{color:#fff!important}.pickup-toggle-btn,.payment-type-btn{flex:1;padding:12px;border-radius:12px;border:1px solid var(--border-subtle);background-color:var(--bg-3);color:var(--text-tertiary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.pickup-toggle-btn:hover,.payment-type-btn:hover{background-color:var(--bg-1);border-color:var(--text-disabled)}.pickup-toggle-btn.active,.payment-type-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #d92d2033}.pickup-preview-box{padding:20px;background-color:var(--bg-1);border-radius:16px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.pickup-main{font-weight:800;font-size:15px;color:var(--text-primary)}.pickup-sub{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.detail-card-premium{background-color:var(--bg-2);border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.detail-card-header{padding:20px 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px}.detail-card-header h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.icon-circle{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.detail-content{padding:24px}.detail-main-text{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.detail-sub-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.order-number-link{color:var(--color-primary);font-weight:700;text-decoration:none;transition:opacity .2s ease}.order-number-link:hover{opacity:.7;text-decoration:underline}.hover-row:hover{background-color:var(--bg-3)!important}.soft-card{background-color:var(--bg-2);border:1px solid var(--border-subtle);border-radius:16px;padding:20px}.card-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.card-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.status-overview-item{display:flex;flex-direction:column;gap:6px}.status-overview-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.status-overview-value{font-size:18px;font-weight:800;color:var(--text-primary)}.hover-bg:hover{background-color:var(--bg-2)!important}.order-row-premium-v2{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:12px;transition:all .2s ease;cursor:pointer;margin-bottom:4px}.order-row-premium-v2:hover{background-color:var(--bg-3);transform:translate(4px)}.order-main-info{display:flex;flex-direction:column;gap:2px;flex:1.5}.order-number-subtle{font-size:10px;font-weight:700;color:var(--color-primary);opacity:.8;letter-spacing:.05em}.order-recipient-name{font-size:14px;font-weight:600;color:var(--text-primary)}.order-details-meta{flex:1;display:flex;align-items:center}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.order-status-wrapper{display:flex;align-items:center;gap:16px}.chevron-icon{color:var(--text-disabled);transition:transform .2s ease}.order-row-premium-v2:hover .chevron-icon{color:var(--text-primary);transform:translate(2px)}.partner-badge{display:inline-flex;align-items:center;padding:4px 10px;background-color:#d92d201a;color:var(--color-primary);border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.1em;border:1px solid rgba(217,45,32,.2)}.settings-card-premium{background-color:var(--bg-2);border-radius:24px;border:1px solid var(--border-subtle);overflow:hidden;margin-bottom:24px}.settings-card-header{padding:24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px}.settings-icon-box{width:36px;height:36px;border-radius:10px;background-color:var(--bg-3);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.settings-title{font-size:16px;font-weight:800;margin:0}.settings-info-banner{margin:0 24px 24px;padding:16px;background-color:var(--bg-3);border-radius:12px;border:1px solid var(--border-subtle);display:flex;gap:12px;align-items:center;font-size:12px;color:var(--text-tertiary)}.api-key-display-box{display:flex;align-items:center;background-color:var(--bg-3);border:1px solid var(--border-subtle);border-radius:12px;padding:4px 4px 4px 16px;height:48px;width:100%}.api-key-input{flex:1;background:none;border:none;color:var(--text-primary);font-family:Monaco,Consolas,monospace;font-size:14px;outline:none}.api-key-actions{display:flex;gap:4px}.api-action-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.api-action-btn:hover{background-color:var(--bg-1);color:var(--text-primary)}.order-row-premium-v3{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.order-row-premium-v3:hover{background-color:var(--bg-3);border-color:var(--border-subtle);transform:translate(4px)}.order-icon-circle{width:40px;height:40px;border-radius:12px;background-color:var(--bg-3);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.order-row-premium-v3:hover .order-icon-circle{background-color:var(--bg-1);color:var(--color-primary)}.dashboard-card-premium{background-color:var(--bg-2);border-radius:24px;border:1px solid var(--border-subtle);overflow:hidden}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}