:root{--ui-bg: #0a0f1a;--ui-surface-1: #111827;--ui-surface-2: #1e293b;--ui-surface-3: #334155;--ui-text: #f1f5f9;--ui-text-dim: #94a3b8;--ui-text-muted: #64748b;--ui-border: rgba(148, 163, 184, .1);--ui-border-light: rgba(148, 163, 184, .15);--ui-outline: rgba(59, 130, 246, .5);--ui-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-brand: #f97316;--ui-brand-light: #fb923c;--ui-brand-dark: #ea580c;--ui-brand-contrast: #ffffff;--ui-accent: #06b6d4;--ui-accent-light: #22d3ee;--ui-accent-dark: #0891b2;--ui-info: #3b82f6;--ui-success: #10b981;--ui-warning: #f59e0b;--ui-danger: #ef4444;--gradient-brand: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-surface: linear-gradient(180deg, rgba(30, 41, 59, .8) 0%, rgba(17, 24, 39, .9) 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(59, 130, 246, .15) 0%, transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(59, 130, 246, .15);--shadow-brand: 0 4px 20px rgba(249, 115, 22, .25);--ui-radius-xs: 4px;--ui-radius-sm: 8px;--ui-radius-md: 12px;--ui-radius-lg: 16px;--ui-radius-xl: 24px;--ui-radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s;--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;--x-w: 260px;--x-w-collapsed: 72px;--header-h: 64px}:root{--bg: var(--ui-bg);--panel: var(--ui-surface-1);--line: var(--ui-border);--txt: var(--ui-text);--muted: var(--ui-text-dim);--accent: var(--ui-brand);--good: var(--ui-success);--bad: var(--ui-danger);--warn: var(--ui-warning);--green: var(--ui-success);--red: var(--ui-danger);--cold: var(--ui-info);--bright: var(--ui-text);--focus: var(--ui-outline);--ui-hover: var(--ui-surface-2);--ui-active: var(--ui-surface-3);--x-bg: var(--ui-bg);--x-panel: var(--ui-surface-1);--x-panel-2: var(--ui-surface-2);--x-border: var(--ui-border);--x-text: var(--ui-text);--x-accent: var(--ui-brand);--x-shadow: var(--shadow-lg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--ui-bg);color:var(--ui-text);font-family:var(--ui-font-sans);font-size:14px;line-height:1.6;letter-spacing:-.01em}::selection{background:#3b82f64d;color:var(--ui-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ui-surface-3);border-radius:var(--ui-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ui-text-muted)}.scroll-soft{overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}:focus-visible{outline:2px solid var(--ui-outline);outline-offset:2px}a{color:var(--ui-accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--ui-accent-light)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5)}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-10{grid-column:span 10}.span-11{grid-column:span 11}.span-12{grid-column:span 12}.card{background:var(--gradient-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--dur-normal) var(--ease-out)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.card:hover{border-color:var(--ui-border-light);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.card--flat{background:var(--ui-surface-1)}.card--flat:hover{transform:none}.card--interactive{cursor:pointer}.card--interactive:active{transform:scale(.98)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--ui-border)}.card-title{font-size:16px;font-weight:600;color:var(--ui-text);margin:0;display:flex;align-items:center;gap:var(--space-2)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field>span,.field>label{font-size:12px;font-weight:500;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.05em}input,select,textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:14px;color:var(--ui-text);background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);transition:all var(--dur-fast) var(--ease-out)}input::placeholder,textarea::placeholder{color:var(--ui-text-muted)}input:hover,select:hover,textarea:hover{border-color:var(--ui-border-light);background:var(--ui-surface-3)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ui-accent);box-shadow:0 0 0 3px #06b6d426;background:var(--ui-surface-2)}input[type=checkbox],input[type=radio]{width:18px;height:18px;padding:0;accent-color:var(--ui-accent);cursor:pointer}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}input[type=date]{color-scheme:dark}.btn,button.btn,.btn-secondary,.btn-danger,.btn-success,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none;border-radius:var(--ui-radius-sm);border:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.btn{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand)}.btn:hover{filter:brightness(1.1);box-shadow:0 6px 24px #f9731659;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.btn-secondary{background:var(--ui-surface-2);color:var(--ui-text);border:1px solid var(--ui-border)}.btn-secondary:hover{background:var(--ui-surface-3);border-color:var(--ui-border-light)}.btn-secondary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--ui-text-dim);border:1px solid transparent}.btn-ghost:hover{background:#ffffff0d;color:var(--ui-text)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover{filter:brightness(1.1)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{filter:brightness(1.1)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-dim);font-size:16px;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.icon-btn:hover{background:var(--ui-surface-2);color:var(--ui-text);border-color:var(--ui-border-light)}.btn-mini{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:14px;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.btn-mini:hover{background:var(--ui-surface-3);border-color:var(--ui-border-light)}.btn-mini:disabled{opacity:.4;cursor:not-allowed}.btn-group{display:inline-flex;gap:1px;background:var(--ui-border);border-radius:var(--ui-radius-sm);overflow:hidden}.btn-group .btn,.btn-group .btn-secondary{border-radius:0}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--ui-border)}th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-dim);background:var(--ui-surface-1);position:sticky;top:0}td{font-size:13px;color:var(--ui-text);background:transparent;transition:background var(--dur-fast) var(--ease-out)}tbody tr{transition:all var(--dur-fast) var(--ease-out)}tbody tr:hover{background:#ffffff05}tbody tr:hover td{background:#3b82f608}.table-compact th,.table-compact td{padding:var(--space-2) var(--space-3)}.table-striped tbody tr:nth-child(2n){background:#ffffff03}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--ui-radius-full);background:var(--ui-surface-3);color:var(--ui-text)}.badge.blue,.badge.cold{background:#3b82f626;color:#60a5fa}.badge.green,.badge.good{background:#10b98126;color:#34d399}.badge.red,.badge.bad{background:#ef444426;color:#f87171}.badge.yellow,.badge.warn{background:#f59e0b26;color:#fbbf24}.badge.orange{background:#f9731626;color:#fb923c}.badge.purple{background:#a855f726;color:#c084fc}.badge.cyan{background:#06b6d426;color:#22d3ee}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:12px;font-weight:500;border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);color:var(--ui-text-dim);border:1px solid var(--ui-border);transition:all var(--dur-fast) var(--ease-out)}.chip:hover{background:var(--ui-surface-3);color:var(--ui-text)}.kpi{display:flex;flex-direction:column;gap:var(--space-1)}.kpi-value{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,var(--ui-text) 0%,var(--ui-text-dim) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-value.accent{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.kpi-value.brand{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text}.kpi-label{font-size:12px;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.03em}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:var(--space-3)}.layout-unified{display:flex;flex-direction:column;min-height:100vh;background:var(--ui-bg)}.layout-body{display:flex;flex:1;overflow:hidden}.layout-main{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--ui-bg);position:relative}.layout-main:before{content:"";position:fixed;top:var(--header-h);left:var(--x-w);right:0;height:200px;background:var(--gradient-glow);pointer-events:none;z-index:0}.layout-unified--collapsed .layout-main:before{left:var(--x-w-collapsed)}.layout-main>*{position:relative;z-index:1}.header-unified{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 var(--space-5);background:linear-gradient(180deg,#111827fa,#111827f2);border-bottom:1px solid var(--ui-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-brand-area{display:flex;align-items:center;gap:var(--space-4)}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--ui-radius-sm);background:#ffffff0a;color:var(--ui-text-dim);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.sidebar-toggle-btn:hover{background:#ffffff14;color:var(--ui-text)}.brand-unified{display:flex;align-items:center;gap:var(--space-3)}.brand-logo{width:40px;height:40px;border-radius:var(--ui-radius-md);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:.1em;color:#fff;box-shadow:var(--shadow-brand)}.brand-info{display:flex;flex-direction:column;gap:2px}.brand-company{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-muted)}.brand-product{font-size:16px;font-weight:600;color:var(--ui-text);letter-spacing:-.01em}.header-user-area{display:flex;align-items:center;gap:var(--space-2)}.notifications-wrapper{position:relative}.notifications-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius);color:var(--ui-text-dim);cursor:pointer;transition:all .2s ease;position:relative}.notifications-btn:hover{background:#ffffff14;color:var(--ui-text)}.notifications-btn.has-unread{color:var(--accent)}.notifications-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:#1a1f2e;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 40px #0006;z-index:1000;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--ui-text)}.notifications-mark-all{background:transparent;border:none;font-size:.7rem;font-weight:500;color:var(--accent);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s ease}.notifications-mark-all:hover{background:#f9731626}.notifications-list{max-height:360px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:all .2s ease}.notification-item:hover{background:#ffffff0d}.notification-item:last-child{border-bottom:none}.notification-item--danger{border-left:3px solid #ef4444}.notification-item--warning{border-left:3px solid #f59e0b}.notification-item--info{border-left:3px solid #3b82f6}.notification-item--reminder{border-left:3px solid #10b981}.notification-item--success{border-left:3px solid #22c55e;background:#22c55e0f}.notification-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-title{font-size:.8rem;font-weight:600;color:var(--ui-text)}.notification-message{font-size:.75rem;color:var(--ui-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifications-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--ui-text-dim)}.notifications-empty span{font-size:2rem;display:block;margin-bottom:var(--space-2)}.notifications-empty p{font-size:.85rem;margin:0}.user-profile{display:flex;align-items:center;gap:var(--space-3);padding:6px 12px 6px 6px;border-radius:var(--radius);background:transparent;border:none;transition:all var(--dur-fast) var(--ease-out)}.user-profile:hover{background:#ffffff0d}.user-avatar{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;background:linear-gradient(135deg,var(--accent) 0%,#ea580c 100%);color:#fff}.user-details{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.user-name{font-size:13px;font-weight:500;color:var(--ui-text);line-height:1.2}.user-role{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ui-text-dim);line-height:1.2}.user-role.role-admin{color:#f472b6}.user-role.role-gestor{color:#60a5fa}.user-role.role-armazem{color:#4ade80}.user-role.role-rotas{color:#fbbf24}.user-role.role-motorista{color:#c084fc}.user-role.role-faturacao{color:#22d3ee}.user-role.role-compras{color:#fb923c}.btn-logout{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius);background:transparent;color:var(--ui-text-dim);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.btn-logout:hover{background:#ef444426;color:#ef4444}.sidebar-unified{width:var(--x-w);background:linear-gradient(180deg,#111827fa,#0a0f1afa);border-right:1px solid var(--ui-border);display:flex;flex-direction:column;transition:width var(--dur-normal) var(--ease-out);overflow:hidden;flex-shrink:0}.sidebar-unified--collapsed{width:var(--x-w-collapsed)}.sidebar-unified .sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) var(--space-3)}.sidebar-unified .sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-1);border-radius:var(--ui-radius-sm);color:var(--ui-text-dim);text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease,transform .15s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;position:relative}.sidebar-unified .sidebar__item:hover{background:#ffffff0f;color:var(--ui-text);transform:translate(2px)}.sidebar-unified .sidebar__item--active{background:linear-gradient(90deg,rgba(249,115,22,.12) 0%,transparent 100%);color:var(--ui-brand-light)}.sidebar-unified .sidebar__item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--gradient-brand);border-radius:0 var(--ui-radius-xs) var(--ui-radius-xs) 0}.sidebar-unified .sidebar__group-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--ui-radius-sm);color:var(--ui-text-dim);font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:all var(--dur-fast) var(--ease-out)}.sidebar-unified .sidebar__group-header:hover{background:#ffffff0d;color:var(--ui-text)}.sidebar-unified .sidebar__group-header--active{color:var(--ui-text)}.sidebar-unified .sidebar__children{padding-left:var(--space-4);margin-top:var(--space-1);margin-left:var(--space-5);border-left:1px solid var(--ui-border)}.sidebar-unified .sidebar__child{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);margin-bottom:2px;border-radius:var(--ui-radius-xs);color:var(--ui-text-dim);text-decoration:none;font-size:12px;font-weight:500;transition:all var(--dur-fast) var(--ease-out)}.sidebar-unified .sidebar__child:hover{background:#ffffff0d;color:var(--ui-text)}.sidebar-unified .sidebar__child--active{background:#f973161a;color:var(--ui-brand-light)}.sidebar-unified .sidebar__icon{font-size:18px;width:24px;text-align:center;flex-shrink:0;opacity:.85}.sidebar-unified .sidebar__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-unified .sidebar__arrow{margin-left:auto;font-size:14px;transition:transform var(--dur-fast) var(--ease-out);opacity:.5}.sidebar-unified .sidebar__arrow--expanded{transform:rotate(90deg)}.sidebar-unified .sidebar__footer{padding:var(--space-4);border-top:1px solid var(--ui-border)}.sidebar-unified .sidebar__version{font-size:10px;color:var(--ui-text-muted)}.muted{color:var(--ui-text-dim)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.hr{border:none;height:1px;background:var(--ui-border);margin:var(--space-5) 0}.sticky-top{position:sticky;top:0;z-index:10;background:var(--ui-bg)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--ui-text-dim)}.spinner{width:24px;height:24px;border:2px solid var(--ui-border);border-top-color:var(--ui-accent);border-radius:50%;animation:spin .8s linear infinite}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#030712;position:relative;overflow:hidden;font-family:var(--ui-font)}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.login-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(249,115,22,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(6,182,212,.12) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 100%,rgba(59,130,246,.1) 0%,transparent 50%)}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-particles .particle{position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;opacity:var(--opacity);animation:particleFloat var(--duration) var(--delay) ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:var(--opacity)}25%{transform:translate(30px,-50px) scale(1.2);opacity:calc(var(--opacity) * 1.5)}50%{transform:translate(-20px,-100px) scale(.8);opacity:var(--opacity)}75%{transform:translate(40px,-60px) scale(1.1);opacity:calc(var(--opacity) * .8)}}.login-rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.login-rings .ring{position:absolute;border-radius:50%;border:1px solid rgba(249,115,22,.1);animation:ringPulse 4s ease-in-out infinite}.ring-1{width:400px;height:400px;left:-200px;top:-200px;animation-delay:0s}.ring-2{width:600px;height:600px;left:-300px;top:-300px;border-color:#06b6d414;animation-delay:-1.3s}.ring-3{width:800px;height:800px;left:-400px;top:-400px;border-color:#3b82f60f;animation-delay:-2.6s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.login-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-orbs .orb{position:absolute;border-radius:50%;filter:blur(60px);animation:orbFloat 15s ease-in-out infinite}.orb-1{width:300px;height:300px;left:10%;top:20%;background:#f973164d;animation-delay:0s}.orb-2{width:250px;height:250px;right:15%;top:60%;background:#06b6d440;animation-delay:-5s}.orb-3{width:200px;height:200px;left:50%;bottom:10%;background:#3b82f633;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-30px,50px) scale(.95)}75%{transform:translate(20px,20px) scale(1.05)}}.login-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%)}.login-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1200px;min-height:600px;margin:0 auto;padding:40px;gap:60px}.login-branding{display:flex;align-items:center;justify-content:center;padding:40px}.login-brand-content{max-width:400px}.login-logo-container{position:relative;width:80px;height:80px;margin-bottom:32px}.login-logo{position:relative;width:80px;height:80px;background:linear-gradient(135deg,#f97316,#ea580c,#dc2626);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px -10px #f9731680,0 0 0 1px #ffffff1a inset;animation:logoFloat 6s ease-in-out infinite;z-index:1}.login-logo .logo-inner{width:48px;height:48px;color:#fff}.login-logo .logo-inner svg{width:100%;height:100%}.logo-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(249,115,22,.4) 0%,transparent 70%);filter:blur(20px);animation:glowPulse 3s ease-in-out infinite;z-index:0}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-brand-title{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}.login-brand-title .title-main{display:block;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-brand-title .title-accent{display:block;background:linear-gradient(135deg,#f97316,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-brand-tagline{font-size:16px;color:#64748b;margin:0 0 40px;line-height:1.6}.login-features{display:flex;flex-direction:column;gap:16px}.login-features .feature{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.login-features .feature:hover{background:#ffffff0f;border-color:#f973164d;transform:translate(8px)}.login-features .feature-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f973161a;border-radius:12px}.login-features .feature-text{font-size:14px;font-weight:500;color:#e2e8f0}.login-form-side{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{position:relative;width:100%;max-width:420px;padding:48px;background:#0f172acc;border:1px solid rgba(255,255,255,.08);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 80px -20px #00000080,0 0 0 1px #ffffff0d inset;transition:all .4s ease}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(249,115,22,.3) 0%,transparent 50%,rgba(6,182,212,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-card .card-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(249,115,22,.15) 0%,transparent 70%);filter:blur(40px);pointer-events:none;opacity:0;transition:opacity .4s ease}.login-card:hover .card-glow{opacity:1}.login-card.is-loading{pointer-events:none}.login-header{text-align:center;margin-bottom:40px}.login-title{font-size:28px;font-weight:700;color:#f8fafc;margin:0 0 8px;letter-spacing:-.01em}.login-subtitle{font-size:15px;color:#64748b;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{position:relative;display:flex;align-items:center;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .3s ease;overflow:hidden}.login-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(249,115,22,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.login-field.is-focused{border-color:#f9731680;box-shadow:0 0 0 4px #f973161a}.login-field.is-focused:before{opacity:1}.login-field .field-icon{position:relative;z-index:1;padding:0 0 0 18px;color:#64748b;transition:color .3s ease}.login-field.is-focused .field-icon,.login-field.has-value .field-icon{color:#f97316}.login-field input{position:relative;z-index:1;flex:1;padding:18px 16px;background:transparent;border:none;color:#f8fafc;font-size:15px;outline:none}.login-field input::placeholder{color:#475569}.login-field .field-toggle{position:relative;z-index:1;padding:12px 16px;background:transparent;border:none;color:#64748b;cursor:pointer;transition:color .2s ease}.login-field .field-toggle:hover{color:#f8fafc}.login-field .field-highlight{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f97316,#06b6d4);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.login-field.is-focused .field-highlight{transform:scaleX(1)}.login-error{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#fca5a5;font-size:14px;animation:shakeError .5s ease}@keyframes shakeError{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.login-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:18px 32px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px -10px #f9731680,0 0 0 1px #ffffff1a inset}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px -10px #f9731699,0 0 0 1px #ffffff26 inset}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit .btn-text{position:relative;z-index:1}.login-submit .btn-icon{position:relative;z-index:1;display:flex;transition:transform .3s ease}.login-submit:hover .btn-icon{transform:translate(4px)}.login-submit .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShine 3s infinite}@keyframes btnShine{0%{left:-100%}50%,to{left:100%}}.login-submit.is-submitting .btn-icon{animation:spinIcon 1s linear infinite}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#475569}.login-footer strong{color:#64748b;font-weight:600}.login-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#030712f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:successFadeIn .4s ease}@keyframes successFadeIn{0%{opacity:0}to{opacity:1}}.success-content{text-align:center;animation:successBounce .6s ease .2s both}@keyframes successBounce{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon{position:relative;width:80px;height:80px;margin:0 auto 24px}.success-icon svg{width:80px;height:80px;color:#10b981;stroke-dasharray:100;stroke-dashoffset:100;animation:successCheck .8s ease .4s forwards}@keyframes successCheck{to{stroke-dashoffset:0}}.success-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(16,185,129,.3);border-radius:50%;animation:successRing 1s ease .2s forwards}@keyframes successRing{0%{transform:scale(.8);opacity:0}50%{opacity:1}to{transform:scale(1.5);opacity:0}}.success-content h3{font-size:24px;font-weight:700;color:#f8fafc;margin:0 0 8px}.success-content p{font-size:15px;color:#64748b;margin:0 0 32px}.success-loader{width:200px;height:4px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin:0 auto}.success-loader .loader-bar{height:100%;background:linear-gradient(90deg,#f97316,#06b6d4);border-radius:999px;animation:loaderProgress 1.5s ease forwards}@keyframes loaderProgress{0%{width:0}to{width:100%}}.dev-toggle{position:fixed;left:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f8fafc;font-size:13px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.dev-toggle:hover{background:#0f172a;border-color:#f973164d}.dev-panel{position:fixed;left:16px;bottom:70px;z-index:49;width:340px;max-width:calc(100vw - 32px);background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transform:translateY(20px);opacity:0;visibility:hidden;transition:all .3s ease}.dev-panel.is-open{transform:translateY(0);opacity:1;visibility:visible}.dev-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;color:#f8fafc}.dev-header span{font-size:12px;color:#64748b}.dev-options{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.dev-options label{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8;cursor:pointer}.dev-list{padding:12px;max-height:300px;overflow-y:auto}.dev-cred{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#f8fafc;text-align:left;cursor:pointer;margin-bottom:8px;transition:all .2s ease}.dev-cred:hover:not(:disabled){background:#f973161a;border-color:#f973164d}.dev-cred:disabled{opacity:.5;cursor:not-allowed}.dev-cred .cred-key{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:6px;font-size:12px;font-weight:600}.dev-cred .cred-info{display:flex;flex-direction:column;gap:2px}.dev-cred .cred-info strong{font-size:13px;font-weight:600}.dev-cred .cred-info small{font-size:11px;color:#64748b}.dev-cred code{font-size:11px;color:#64748b;font-family:var(--ui-mono)}@media (max-width: 1024px){.login-container{grid-template-columns:1fr;max-width:500px;gap:40px;padding:24px}.login-branding{padding:20px}.login-brand-content{text-align:center}.login-logo-container{margin:0 auto 24px}.login-brand-title{font-size:36px}.login-features{display:none}.login-form-side{padding:0}.login-card{padding:32px}}@media (max-width: 480px){.login-card{padding:24px;border-radius:20px}.login-title{font-size:24px}.login-field input{padding:16px 14px;font-size:16px}.login-submit{padding:16px 24px}}.login-page.is-authenticated .login-container{animation:containerFadeOut .4s ease forwards}@keyframes containerFadeOut{to{opacity:0;transform:scale(.95)}}.dashboard-greeting{margin-bottom:var(--space-6)}.dashboard-greeting h1{font-size:28px;font-weight:700;color:var(--ui-text);margin:0 0 var(--space-2)}.dashboard-greeting p{font-size:14px;color:var(--ui-text-dim);margin:0}.dashboard-alert{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(90deg,rgba(239,68,68,.1) 0%,transparent 100%);border:1px solid rgba(239,68,68,.2);border-radius:var(--ui-radius-md);margin-bottom:var(--space-6)}.dashboard-alert-icon{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite}.dashboard-alert-text{flex:1;font-size:14px;font-weight:500;color:#fca5a5}.dashboard-alert-action{font-size:13px;font-weight:600;color:var(--ui-text);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.dashboard-alert-action:hover{color:var(--ui-accent)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.kpi-card{padding:var(--space-5);background:var(--gradient-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.kpi-card:hover:before{opacity:1}.kpi-card-label{font-size:12px;font-weight:500;color:var(--ui-text-dim);margin-bottom:var(--space-2)}.kpi-card-value{font-size:28px;font-weight:700;color:var(--ui-text);line-height:1}.kpi-card-value.cyan{color:#22d3ee}.kpi-card-value.green{color:#4ade80}.kpi-card-value.orange{color:#fb923c}.kpi-card-value.purple{color:#c084fc}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000;animation:fadeIn var(--dur-fast) var(--ease-out)}.modal{width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:var(--ui-radius-xl);box-shadow:0 25px 50px -12px #000c;animation:slideUp var(--dur-normal) var(--ease-out)}.modal--lg{max-width:800px}.modal--xl{max-width:1000px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--ui-border)}.modal-header h3{font-size:18px;font-weight:600;color:var(--ui-text);margin:0}.modal-body{flex:1;overflow-y:auto;padding:var(--space-6)}.modal-footer,.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--ui-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(5deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--ui-surface-2) 25%,var(--ui-surface-3) 50%,var(--ui-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--ui-radius-sm)}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.span-6{grid-column:span 12}.span-4,.span-3{grid-column:span 6}}.sidebar-backdrop{display:none}@media (max-width: 1024px){.header-unified{padding:0 var(--space-3)}.brand-info .brand-product{font-size:14px}.warehouse-selector-select{max-width:100px}}@media (max-width: 768px){.header-unified{padding:0 var(--space-2);height:56px;gap:var(--space-2);overflow:hidden}.header-brand-area{gap:var(--space-2);min-width:0;flex-shrink:1;overflow:hidden}.brand-unified{flex-shrink:0;min-width:auto;overflow:visible}.brand-unified img{height:22px!important;flex-shrink:0}.brand-info,.user-details{display:none}.user-profile{padding:var(--space-1)}.header-user-area{gap:var(--space-1);flex-shrink:0}.sidebar-toggle-btn{width:32px;height:32px;flex-shrink:0}.notifications-btn,.theme-toggle-btn{width:32px!important;height:32px!important;padding:5px!important;flex-shrink:0}.btn-logout{width:32px;height:32px;padding:5px;flex-shrink:0}.warehouse-selector{padding:2px 4px;flex-shrink:0}.warehouse-selector-icon{display:none}.warehouse-selector-select{max-width:48px;min-width:0;font-size:10px;padding:2px 0}.warehouse-badge-fixed{padding:3px 6px;font-size:11px;gap:4px;flex-shrink:0}.warehouse-badge-fixed span:first-child{display:none}.sidebar-unified{position:fixed;left:0;top:56px;bottom:0;z-index:200;width:280px!important;transform:translate(-100%);transition:transform var(--dur-normal) var(--ease-out);box-shadow:var(--shadow-xl)}.layout-unified--menu-open .sidebar-unified{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;right:0;bottom:0;left:0;top:56px;z-index:199;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layout-main{padding:0 var(--space-3) var(--space-3);width:100%}.layout-main:before{left:0;display:none}.layout-body{width:100%}.card{padding:var(--space-3);border-radius:var(--ui-radius-sm)}.modal{margin:var(--space-2);max-height:calc(100vh - var(--space-8));width:calc(100vw - var(--space-4))!important;max-width:100%!important}.modal-header,.modal-body{padding:var(--space-3) var(--space-4)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.span-6{grid-column:span 12}.span-4,.span-3,.span-2{grid-column:span 6}.notifications-dropdown{right:-60px!important;width:calc(100vw - 24px)!important;max-width:360px}.table-container,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page-header h1{font-size:20px}}@media (max-width: 480px){.header-unified{height:50px}.sidebar-unified{top:50px;width:100vw!important}.sidebar-backdrop{top:50px}.layout-main{padding:0 var(--space-2) var(--space-2)}.toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.btn,.btn-secondary{width:100%;justify-content:center}.kpi-grid{grid-template-columns:1fr}.span-6,.span-4,.span-3,.span-2{grid-column:span 12}.notifications-dropdown{right:-8px!important;width:calc(100vw - 16px)!important}.user-avatar{width:32px!important;height:32px!important;font-size:11px!important}}@media (max-width: 768px){.fat-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.fat-header h1{font-size:22px!important}.fat-kpi-grid,.fat-detail-grid{grid-template-columns:1fr!important}.fat-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px!important;padding:12px!important;scrollbar-width:none}.fat-tabs::-webkit-scrollbar{display:none}.fat-tabs button{white-space:nowrap;flex-shrink:0;padding:8px 14px!important;font-size:12px!important}}@media (max-width: 768px){.pipe-grid-2,.pipe-grid-3{grid-template-columns:1fr!important}}@media (max-width: 480px){.rotas-calendar{grid-template-columns:1fr!important}.rotas-hero-stats{flex-direction:column;gap:8px}.rotas-hero-actions{flex-direction:column;width:100%}.rotas-hero-actions .btn{width:100%}}@media (max-width: 768px){.compras-top-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.compras-top-table table{min-width:500px}}@media (max-width: 768px){.lines-table,table.lines-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.lines-table thead,.lines-table tbody,.lines-table tr{display:table;width:100%;table-layout:auto}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-header h1{font-size:24px;font-weight:700;color:var(--ui-text);margin:0;display:flex;align-items:center;gap:var(--space-3)}.page-header h1+.btn,.page-header h1+.btn-secondary{margin-left:auto}.btn-refresh{display:inline-flex;align-items:center;gap:var(--space-2)}.btn-refresh .refresh-icon{display:inline-block;transition:transform .3s ease}.btn-refresh.refreshing .refresh-icon{animation:spin .6s linear infinite}.btn-refresh.refreshing{opacity:.8;pointer-events:none}.dashboard-page{position:relative;padding-bottom:var(--space-8)}.dashboard-content{position:relative;max-width:1200px;margin:0 auto}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--line)}.dashboard-hero__text h1{font-size:1.5rem;font-weight:600;color:var(--ui-text);margin:0 0 4px}.dashboard-hero__text h1 .highlight{color:var(--accent)}.dashboard-hero__text p{font-size:.85rem;color:var(--ui-text-dim);margin:0}.dashboard-alerts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.alert-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;flex:1;min-width:200px}.alert-card:hover{transform:translateY(-2px)}.alert-card--danger{background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.alert-card--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25)}.alert-card--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.25)}.alert-card__icon{font-size:1.1rem}.alert-card__content{flex:1;font-size:.85rem;color:var(--ui-text)}.alert-card__action{font-size:1rem;color:var(--ui-text-dim)}.dashboard-row{display:grid;grid-template-columns:1fr 280px;gap:var(--space-4);margin-bottom:var(--space-4);align-items:stretch}@media (max-width: 900px){.dashboard-row{grid-template-columns:1fr}}.dashboard-section{margin-bottom:var(--space-4)}.dashboard-section--stats{margin-bottom:0;display:flex;flex-direction:column}.dashboard-section--stats .stats-grid{flex:1}.dashboard-section--chart{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-header h2{font-size:.95rem;font-weight:600;color:var(--ui-text);margin:0}.section-action{font-size:.8rem;font-weight:500;color:var(--ui-text-dim);background:transparent;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.section-action:hover{color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);height:100%}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);transition:all .2s ease;display:flex;flex-direction:column;justify-content:center}.stat-card.clickable{cursor:pointer}.stat-card:hover{border-color:var(--accent)}.stat-card__content{position:relative}.stat-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.stat-card__icon{font-size:1rem}.stat-card__title{font-size:.8rem;font-weight:500;color:var(--ui-text-dim)}.stat-card__value{font-size:1.5rem;font-weight:700;color:var(--ui-text);line-height:1.2}.stat-card__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.stat-card__subtitle{font-size:.75rem;color:var(--ui-text-dim)}.stat-card__trend{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm)}.stat-card__trend.up{color:#10b981;background:#10b98126}.stat-card__trend.down{color:#ef4444;background:#ef444426}.mini-chart{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);height:100%;display:flex;flex-direction:column}.mini-chart__label{font-size:.85rem;font-weight:600;color:var(--ui-text);margin-bottom:var(--space-3)}.mini-chart__bars{flex:1;display:flex;align-items:flex-end;gap:var(--space-2);min-height:60px}.mini-chart__bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);height:100%}.mini-chart__bar{width:100%;max-width:30px;background:linear-gradient(180deg,var(--accent) 0%,#ea580c 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:height .3s ease}.mini-chart__bar-label{font-size:.65rem;color:var(--ui-text-dim);text-transform:uppercase}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (max-width: 500px){.comparison-grid{grid-template-columns:1fr}}.comparison-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4)}.comparison-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.comparison-card__icon{font-size:1rem}.comparison-card__title{font-size:.85rem;font-weight:500;color:var(--ui-text-dim)}.comparison-card__values{display:flex;align-items:baseline;gap:var(--space-2)}.comparison-card__current{font-size:1.25rem;font-weight:700;color:var(--ui-text)}.comparison-card__vs{font-size:.75rem;color:var(--ui-text-dim)}.comparison-card__previous{font-size:.9rem;color:var(--ui-text-dim)}.comparison-card__trend{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);margin-top:var(--space-2)}.comparison-card__trend.up{color:#10b981;background:#10b98126}.comparison-card__trend.down{color:#ef4444;background:#ef444426}.status-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.status-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.status-chip:hover{border-color:var(--chip-color, var(--accent))}.status-chip__dot{width:8px;height:8px;background:var(--chip-color, var(--accent));border-radius:50%}.status-chip__count{font-size:1rem;font-weight:700;color:var(--ui-text)}.status-chip__label{font-size:.7rem;font-weight:500;color:var(--ui-text-dim);text-transform:uppercase}.empty-state{padding:var(--space-4);text-align:center;color:var(--ui-text-dim);font-size:.85rem}.quick-actions-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ui-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-action:hover{border-color:var(--accent);background:#f973160d}.quick-action--primary{background:var(--accent);border-color:var(--accent);color:#fff}.quick-action--primary:hover{background:#ea580c}.quick-action__icon{font-size:1rem}.quick-action__label{white-space:nowrap}.dashboard-row--reverse{grid-template-columns:280px 1fr}@media (max-width: 900px){.dashboard-row--reverse{grid-template-columns:1fr}}.performance-grid{display:flex;flex-direction:column;gap:var(--space-2)}.performance-metric{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);padding-right:var(--space-8);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);position:relative}.performance-metric__icon{font-size:1.25rem}.performance-metric__data{display:flex;flex-direction:column}.performance-metric__value{font-size:1.1rem;font-weight:700;color:var(--ui-text)}.performance-metric__label{font-size:.7rem;color:var(--ui-text-dim);text-transform:uppercase}.performance-metric__chart-btn{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:.9rem;cursor:pointer;opacity:.4;transition:all .2s ease;padding:4px}.performance-metric:hover .performance-metric__chart-btn{opacity:1}.performance-metric__chart-btn:hover{transform:translateY(-50%) scale(1.2)}.metric-chart-popup{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1a1f2e;border:1px solid rgba(249,115,22,.3);border-radius:var(--radius);padding:var(--space-3);z-index:100;box-shadow:0 10px 40px #00000080;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.metric-chart-popup__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);font-size:.75rem;font-weight:600;color:var(--ui-text)}.metric-chart-popup__periods{display:flex;gap:2px}.metric-chart-popup__period{background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px 8px;font-size:.65rem;font-weight:600;color:var(--ui-text-dim);cursor:pointer;transition:all .2s ease}.metric-chart-popup__period:hover{border-color:var(--accent);color:var(--accent)}.metric-chart-popup__period.active{background:var(--accent);border-color:var(--accent);color:#fff}.metric-chart-popup__chart{display:flex;flex-direction:column;gap:var(--space-2);background:#0000004d;border-radius:var(--radius-sm);padding:var(--space-2)}.metric-line-chart{width:100%;height:60px}.metric-chart-popup__labels{display:flex;justify-content:space-between}.metric-chart-popup__label{font-size:.55rem;color:var(--ui-text-dim);cursor:default}.metric-chart-popup__empty{display:flex;align-items:center;justify-content:center;height:60px;font-size:.7rem;color:var(--ui-text-dim)}.top-clients{display:flex;flex-direction:column;gap:var(--space-1)}.top-client{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.top-client:hover{border-color:var(--accent)}.top-client__rank{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;background:#f9731626;color:var(--accent);border-radius:50%}.top-client:first-child .top-client__rank{background:var(--accent);color:#fff}.top-client__name{flex:1;font-size:.85rem;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-client__value{font-size:.8rem;font-weight:600;color:var(--ui-text-dim)}.activity-feed{display:flex;flex-direction:column;gap:var(--space-1);max-height:320px;overflow-y:auto}.activity-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.activity-item:hover{border-color:var(--accent)}.activity-item__main{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.activity-item__order{font-size:.8rem;font-weight:600;color:var(--accent)}.activity-item__client{font-size:.85rem;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item__meta{display:flex;align-items:center;gap:var(--space-2)}.activity-item__status{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;background:#64748b33;color:var(--ui-text-dim)}.activity-item__status.status--espera{background:#f59e0b33;color:#f59e0b}.activity-item__status.status--prep{background:#3b82f633;color:#3b82f6}.activity-item__status.status--a_faturar{background:#8b5cf633;color:#8b5cf6}.activity-item__status.status--faturada{background:#06b6d433;color:#06b6d4}.activity-item__status.status--rota,.activity-item__status.status--entregue{background:#10b98133;color:#10b981}.activity-item__status.status--faltas{background:#ef444433;color:#ef4444}.activity-item__value{font-size:.75rem;font-weight:600;color:var(--ui-text-dim);min-width:50px;text-align:right}.upcoming-list{display:flex;flex-direction:column;gap:var(--space-2)}.upcoming-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius)}.upcoming-item__day{font-size:.85rem;font-weight:600;color:var(--ui-text);min-width:70px}.upcoming-item__count{flex:1;font-size:.8rem;color:var(--ui-text-dim)}.upcoming-item__value{font-size:.8rem;font-weight:600;color:var(--accent)}.section-badge{font-size:.65rem;font-weight:500;padding:2px 8px;background:#64748b26;color:var(--ui-text-dim);border-radius:var(--radius-sm);text-transform:uppercase}.order-no-cell{display:inline-flex;align-items:center;gap:6px}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:var(--ui-radius-xs);color:var(--ui-text-muted);cursor:pointer;opacity:0;transition:all var(--dur-fast) var(--ease-out)}.order-no-cell:hover .copy-btn,tr:hover .copy-btn{opacity:.6}.copy-btn:hover{opacity:1!important;color:var(--ui-accent);background:#06b6d41a}.copy-btn.copied{opacity:1!important;color:var(--ui-success);background:#10b98126}.copy-btn.copied:after{content:"✓";position:absolute;font-size:10px}.btn-submit{position:relative;min-width:180px;transition:all .3s ease}.btn-submit.submitting{background:linear-gradient(90deg,#f97316,#ea580c,#f97316);background-size:200% 100%;animation:shimmerBtn 1.5s ease infinite;pointer-events:none}.submit-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes shimmerBtn{0%{background-position:100% 0}to{background-position:-100% 0}}.client-list-item:hover{background:var(--ui-surface-3)!important}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.dash-greeting{margin:0;font-size:26px;font-weight:400;color:var(--ui-text)}.dash-subtitle{margin:4px 0 0;color:var(--ui-text-dim);font-size:13px}.dash-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:55%}.dash-pill{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;cursor:pointer;font-size:12px;transition:border-color .2s;white-space:nowrap}.dash-alert{background:linear-gradient(135deg,#ef444414,#f973160f);border-radius:12px;padding:14px 20px;margin-bottom:20px;border:1px solid rgba(239,68,68,.15);cursor:pointer;display:flex;align-items:center;gap:14px;transition:transform .15s}.dash-alert:hover{transform:translate(3px)}.dash-alert-body{flex:1;display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--ui-text)}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr) 280px;gap:16px;margin-bottom:24px}.dash-chart-cell{grid-column:span 1}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.dash-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding-bottom:24px}.dash-list-card{background:var(--ui-card);border-radius:12px;border:1px solid var(--ui-border);overflow:hidden}.dash-list-row{display:flex;align-items:center;padding:12px 14px;cursor:pointer;transition:background .15s}.dash-list-row:hover{background:#ffffff05}.dash-rank{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin-right:10px;flex-shrink:0}.dash-list-name{flex:1;color:var(--ui-text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-empty{padding:20px;text-align:center;color:var(--ui-text-dim);margin:0;font-size:13px}@media (max-width: 1024px){.dash-kpi-grid{grid-template-columns:repeat(3,1fr)}.dash-chart-cell{grid-column:1 / -1}.dash-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.dash-header{flex-direction:column;gap:12px}.dash-greeting{font-size:22px}.dash-pills{max-width:100%;justify-content:flex-start}.dash-pill{padding:3px 10px;font-size:11px}.dash-alert{padding:12px 14px;gap:10px}.dash-alert-body{gap:12px;font-size:13px}.dash-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dash-chart-cell{grid-column:1 / -1}.dash-grid-2,.dash-grid-3{grid-template-columns:1fr;gap:16px}.dash-list-row{padding:10px 12px}}@media (max-width: 480px){.dash-greeting{font-size:19px}.dash-subtitle{font-size:12px}.dash-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-pill{padding:2px 8px;font-size:10px}}.armazem-page{position:relative;min-height:100vh}.armazem-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.armazem-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 10% 20%,rgba(249,115,22,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(16,185,129,.06) 0%,transparent 50%)}.armazem-header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) 0;margin-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap;position:relative;z-index:1}.armazem-header__left{flex:0 0 auto}.armazem-header__left h1{display:flex;align-items:center;gap:var(--space-3);font-size:28px;font-weight:800;color:var(--ui-text);margin:0 0 var(--space-2);letter-spacing:-.02em}.armazem-header__icon{font-size:32px}.armazem-header__left p{font-size:14px;color:var(--ui-text-dim);margin:0}.armazem-header__search{flex:1;max-width:360px;position:relative}.armazem-header__search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ui-text-dim);pointer-events:none}.armazem-header__search input{width:100%;padding:12px 16px 12px 44px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:14px;color:var(--ui-text);transition:all .2s ease}.armazem-header__search input:focus{background:#ffffff0d;border-color:#f9731666;outline:none;box-shadow:0 0 0 3px #f973161a}.armazem-header__search input::placeholder{color:var(--ui-text-dim)}.armazem-header__stats{display:flex;gap:var(--space-3);margin-left:auto}.armazem-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;min-width:85px}.armazem-stat--warning{background:#f59e0b1a;border-color:#f59e0b40}.armazem-stat--success{background:#10b9811a;border-color:#10b98140}.armazem-stat__value{font-size:24px;font-weight:800;color:var(--ui-text);line-height:1}.armazem-stat--warning .armazem-stat__value{color:#fbbf24}.armazem-stat--success .armazem-stat__value{color:#34d399}.armazem-stat__label{font-size:11px;font-weight:500;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.03em;margin-top:4px}.kanban-col{display:flex;flex-direction:column;min-height:400px;overflow:visible}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--ui-border)}.kanban-head h3{margin:0;font-size:16px;font-weight:600}.kanban-count{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--space-2);font-size:14px;font-weight:700;color:var(--ui-brand);background:#f973161f;border-radius:var(--ui-radius-full)}.kanban-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:4px;margin:-4px}.kanban-card{cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:#00000040;border:1px solid rgba(255,255,255,.08)}.kanban-card:hover{border-color:var(--ui-brand);transform:translateY(-2px);background:#00000059}.kanban-card.is-selected{border-color:var(--ui-brand);box-shadow:0 0 0 2px #f9731633;background:#f9731614}.modal-overlay{padding:var(--space-4)}.modal.modal-prep{width:100%;max-width:900px;max-height:90vh}.modal-prep .modal-header,.modal-prep .modal-body{padding:var(--space-4) var(--space-5)}.modal-prep .modal-footer{padding:var(--space-4) var(--space-5);gap:var(--space-3)}.modal-prep .modal-footer button,.modal-prep .modal-footer .btn,.modal-prep .modal-footer .btn-secondary,.modal-prep .modal-footer .btn-ghost{padding:var(--space-3) var(--space-5)}.modal-prep .kpi{display:flex;flex-wrap:wrap;gap:var(--space-2)}.modal-prep .chip{padding:var(--space-2) var(--space-3);font-size:13px;font-weight:500;background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm)}.modal-prep .chip.green{background:#10b9811f;border-color:#10b98140;color:#34d399}.modal-prep .chip.orange{background:#f973161f;border-color:#f9731640;color:#fb923c}.modal-prep .chip.blue{background:#3b82f61f;border-color:#3b82f640;color:#60a5fa}.lock{display:flex;align-items:center}.lock.is-locked .btn-mini{background:#ef444433;border-color:#ef444466;color:#f87171}.prep-item{background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:var(--space-4);margin-bottom:var(--space-3);transition:all var(--dur-fast) var(--ease-out)}.prep-item:hover{border-color:var(--ui-border-light)}.prep-item.complete{border-left:3px solid var(--ui-success);background:#10b9810d}.prep-item__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.prep-item__name{font-weight:600;font-size:15px;color:var(--ui-text)}.prep-item__meta{font-size:12px;color:var(--ui-text-dim);margin-top:2px}.prep-item__controls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.prep-item__qty-group{display:flex;align-items:center;gap:var(--space-1);background:var(--ui-surface-3);border-radius:var(--ui-radius-sm);padding:2px}.prep-item__qty-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--ui-radius-xs);background:transparent;color:var(--ui-text);font-size:18px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);user-select:none;-webkit-user-select:none;touch-action:manipulation}.prep-item__qty-btn:hover{background:var(--ui-surface-2)}.prep-item__qty-btn:active{background:var(--ui-brand);color:#fff}.prep-item__qty-input{width:80px;height:36px;text-align:center;font-size:18px;font-weight:700;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xs);color:var(--ui-text)}.prep-item__qty-input:focus{border-color:var(--ui-brand);outline:none}.prep-item__info{display:flex;align-items:center;gap:var(--space-3);font-size:13px;color:var(--ui-text-dim)}.prep-item__info strong{color:var(--ui-text);font-weight:600}.prep-item__pedido{background:#f9731626;border:1px solid rgba(249,115,22,.3);padding:4px 10px;border-radius:var(--radius);font-weight:500}.prep-item__pedido strong{color:var(--accent);font-size:1.1em}.prep-item__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.prep-item__actions button{padding:var(--space-2) var(--space-3);font-size:12px}@media (max-width: 1024px){.modal.modal-prep{max-width:95vw}.prep-item__controls{flex-direction:column;align-items:stretch}.prep-item__qty-group{justify-content:center}.prep-item__qty-btn{width:48px;height:48px;font-size:24px}.prep-item__qty-input{width:100px;height:48px;font-size:22px}.prep-item__info{justify-content:center;flex-wrap:wrap}}@media (max-width: 640px){.modal.modal-prep{max-width:100vw;max-height:100vh;border-radius:0;margin:0}.modal-overlay{padding:0}.prep-item__qty-btn{width:56px;height:56px;font-size:28px}.prep-item__qty-input{width:120px;height:56px;font-size:26px}}.od{padding:4px 0 8px}.od-cross-alert{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:10px 14px;font-size:13px;color:#f59e0b;margin-bottom:16px}.od-status-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid;margin-bottom:20px}.od-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:odPulse 2s ease-in-out infinite}@keyframes odPulse{0%,to{opacity:1}50%{opacity:.5}}.od-status-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.od-status-date{margin-left:auto;font-size:13px;color:var(--ui-text-dim);font-weight:500}.od-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.od-info-card{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--ui-surface, rgba(255,255,255,.03));border:1px solid var(--ui-border, rgba(255,255,255,.08));border-radius:10px;transition:border-color .2s}.od-info-card:hover{border-color:#f973164d}.od-info-icon{font-size:18px;flex-shrink:0;margin-top:1px}.od-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.od-info-label{font-size:11px;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.od-info-value{font-size:14px;font-weight:600;color:var(--ui-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.od-selector-group{display:flex;flex-direction:column;gap:6px}.od-selector-label{font-size:12px;font-weight:600;color:var(--ui-text-dim)}.od-select{width:100%;padding:10px 12px;background:var(--ui-surface, rgba(255,255,255,.03));border:1px solid var(--ui-border, rgba(255,255,255,.1));border-radius:8px;color:var(--ui-text);font-size:13px;cursor:pointer;transition:border-color .2s}.od-select:hover:not(:disabled){border-color:#f9731666}.od-select:disabled{opacity:.5;cursor:not-allowed}.od-select--warn{border:2px solid #f59e0b!important;background:#f59e0b14!important}.od-select-hint{font-size:11px;color:#f59e0b;font-weight:500}.od-products{background:var(--ui-surface, rgba(255,255,255,.02));border:1px solid var(--ui-border, rgba(255,255,255,.08));border-radius:12px;overflow:hidden;margin-bottom:20px}.od-products-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ui-border, rgba(255,255,255,.06))}.od-products-title{margin:0;font-size:14px;font-weight:600;color:var(--ui-text)}.od-products-count{font-size:12px;color:var(--ui-text-dim);background:#f973161a;padding:3px 10px;border-radius:12px;font-weight:600}.od-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.od-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.od-table thead th{padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-dim);border-bottom:1px solid var(--ui-border, rgba(255,255,255,.06));text-align:left;white-space:nowrap}.od-table tbody td{padding:12px 14px;color:var(--ui-text);border-bottom:1px solid rgba(255,255,255,.03)}.od-table tbody tr:last-child td{border-bottom:none}.od-table tbody tr{transition:background .15s}.od-table tbody tr:hover{background:#ffffff05}.od-r{text-align:right!important}.od-product-name{font-weight:500}.od-unit{color:var(--ui-text-dim)}.od-row-total{font-weight:600;color:#22c55e}.od-falta-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;min-width:36px}.od-falta-badge--ok{background:#22c55e26;color:#22c55e}.od-falta-badge--miss{background:#f9731626;color:#f97316}.od-total-row{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:14px 16px;border-top:1px solid var(--ui-border, rgba(255,255,255,.08));background:#f973160a}.od-total-row span:first-child{font-size:13px;font-weight:600;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.5px}.od-total-value{font-size:20px;font-weight:700;color:#f97316}.od-actions{border-top:1px solid var(--ui-border, rgba(255,255,255,.06));padding-top:16px}.od-actions-label{font-size:11px;font-weight:600;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.od-actions-grid{display:flex;gap:8px;flex-wrap:wrap}.od-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.od-action-icon{font-size:14px}.od-action-btn--primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-color:transparent;box-shadow:0 2px 8px #f973164d}.od-action-btn--primary:hover{box-shadow:0 4px 16px #f9731666;transform:translateY(-1px)}.od-action-btn--secondary{background:#3b82f61a;color:#60a5fa;border-color:#3b82f640}.od-action-btn--secondary:hover{background:#3b82f633;border-color:#3b82f666}.od-action-btn--warning{background:#f59e0b1a;color:#fbbf24;border-color:#f59e0b40}.od-action-btn--warning:hover{background:#f59e0b33;border-color:#f59e0b66}.od-action-btn--danger{background:#ef44441a;color:#f87171;border-color:#ef444440}.od-action-btn--danger:hover{background:#ef444433;border-color:#ef444466}.od-action-btn--ghost{background:transparent;color:#ef4444;border-color:#ef444426}.od-action-btn--ghost:hover{background:#ef444414;border-color:#ef44444d}@media (max-width: 768px){.od-info-grid{grid-template-columns:1fr;gap:8px}.od-selectors{grid-template-columns:1fr}.od-status-banner{flex-wrap:wrap}.od-status-date{width:100%;margin-left:20px}.od-table{min-width:520px}.od-actions-grid{flex-direction:column}.od-action-btn{width:100%;justify-content:center}}@media (max-width: 480px){.od-info-card{padding:10px 12px}.od-total-value{font-size:18px}}.pipeline-page{position:relative;min-height:100vh}.pipeline-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.pipeline-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 40% at 80% 10%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 20% 90%,rgba(249,115,22,.06) 0%,transparent 50%)}.pipeline-header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) 0;margin-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.pipeline-header__left{flex:1;min-width:200px}.pipeline-header__left h1{display:flex;align-items:center;gap:var(--space-3);font-size:28px;font-weight:800;color:var(--ui-text);margin:0 0 var(--space-2);letter-spacing:-.02em}.pipeline-header__icon{font-size:32px}.pipeline-header__left p{font-size:14px;color:var(--ui-text-dim);margin:0}.pipeline-header__stats{display:flex;gap:var(--space-4)}.pipeline-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;min-width:80px}.pipeline-stat--danger{background:#ef44441a;border-color:#ef444440}.pipeline-stat__value{font-size:24px;font-weight:800;color:var(--ui-text);line-height:1}.pipeline-stat--danger .pipeline-stat__value{color:#fca5a5}.pipeline-stat__label{font-size:11px;font-weight:500;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.03em;margin-top:4px}.btn-refresh-modern{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--ui-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-refresh-modern:hover:not(:disabled){background:#f973161a;border-color:#f973164d}.btn-refresh-modern:disabled{opacity:.7;cursor:not-allowed}.btn-refresh-modern .refresh-icon{width:18px;height:18px;transition:transform .3s ease}.btn-refresh-modern.is-refreshing .refresh-icon{animation:spinRefresh 1s linear infinite}@keyframes spinRefresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pipeline-content{position:relative}.pipeline-content>.card{background:#0f172a99;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pipeline-content .table{border-radius:16px;overflow:hidden}.pipeline-content th{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 12px;font-size:12px}.pipeline-content td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.pipeline-content tbody tr{background:#0f172a66}.pipeline-content tbody tr:hover{background:#3b82f614}.pipeline-content tbody tr[style*="rgba(239,68,68"]{background:#ef444414!important;border-left:3px solid #ef4444}.pipeline-content tbody tr[style*="rgba(245,158,11"]{background:#f59e0b0f!important;border-left:3px solid #f59e0b}@media (max-width: 768px){.pipeline-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.pipeline-header__left h1{font-size:22px}.pipeline-header__stats{width:100%;justify-content:flex-start}.btn-refresh-modern{width:100%;justify-content:center}}.rotas-page{padding:var(--space-4);max-width:1600px;margin:0 auto}.rotas-hero{background:linear-gradient(135deg,#f973161a,#06b6d40d);border:1px solid rgba(249,115,22,.2);border-radius:var(--ui-radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.rotas-hero-content{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.rotas-hero-title{display:flex;align-items:center;gap:var(--space-4)}.rotas-icon{font-size:3rem;filter:drop-shadow(0 4px 12px rgba(249,115,22,.3))}.rotas-hero-title h1{margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rotas-subtitle{margin:4px 0 0;color:var(--ui-text-dim);font-size:.9rem}.rotas-hero-stats{display:flex;gap:var(--space-4)}.rotas-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--ui-radius-lg);min-width:80px}.rotas-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.rotas-stat-label{font-size:.75rem;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.5px}.rotas-hero-actions{display:flex;gap:var(--space-3)}.rotas-btn-primary{padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--accent) 0%,#ea580c 100%);border:none;border-radius:var(--ui-radius-lg);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f973164d}.rotas-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.rotas-btn-primary:disabled{opacity:.5;cursor:not-allowed}.rotas-btn-primary.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.rotas-btn-secondary{padding:var(--space-3) var(--space-5);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--ui-radius-lg);color:var(--ui-text);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.rotas-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.rotas-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.rotas-btn-secondary.active{background:#06b6d426;border-color:#06b6d44d;color:var(--cyan)}.rotas-create-panel{margin-bottom:var(--space-4);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rotas-week-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--ui-radius-lg);margin-bottom:var(--space-4)}.rotas-week-buttons{display:flex;gap:var(--space-2)}.rotas-nav-btn{padding:var(--space-2) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--ui-radius);color:var(--ui-text-dim);font-size:.85rem;cursor:pointer;transition:all .15s ease}.rotas-nav-btn:hover{background:#ffffff14;color:var(--ui-text)}.rotas-nav-btn.today{background:#f973161a;border-color:#f9731633;color:var(--accent)}.rotas-week-info{display:flex;align-items:center;gap:var(--space-3)}.rotas-week-range{color:var(--ui-text);font-weight:500;font-size:.9rem}.rotas-date-picker{padding:var(--space-2) var(--space-3);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--ui-radius);color:var(--ui-text);font-size:.85rem}.rotas-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.rotas-day{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--ui-radius-lg);min-height:180px;display:flex;flex-direction:column;transition:all .2s ease}.rotas-day:hover{border-color:#ffffff26}.rotas-day.today{border-color:#f9731666;box-shadow:0 0 20px #f973161a}.rotas-day.today .rotas-day-header{background:linear-gradient(135deg,#f9731626,#f973160d)}.rotas-day.has-routes{border-color:#06b6d44d}.rotas-day-header{padding:var(--space-3);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--space-2);background:#ffffff05}.rotas-day-name{font-weight:600;font-size:.8rem;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.5px}.rotas-day-num{font-weight:700;font-size:1.1rem;color:var(--ui-text)}.rotas-day-count{margin-left:auto;background:var(--cyan);color:#000;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px}.rotas-day-content{flex:1;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.rotas-day-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ui-text-dim);opacity:.3}.vrm-chip{padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:500;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--ui-text-dim);white-space:nowrap}.vrm-chip-accent{background:#f973161f;border-color:#f9731640;color:#fb923c;font-weight:700}.vrm-delivery-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;cursor:pointer;transition:all .15s ease}.vrm-delivery-card:hover{background:#f9731614;border-color:#f973164d;transform:translateY(-1px)}.vrm-delivery-index{width:28px;height:28px;border-radius:999px;background:#f9731626;color:#fb923c;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.vrm-delivery-client{font-weight:600;font-size:.9rem;color:var(--ui-text);margin-bottom:2px}.vrm-delivery-location{font-size:.78rem;color:var(--ui-text-dim)}.vrm-delivery-addr{font-size:.72rem;color:var(--ui-text-dim);opacity:.7}.vrm-delivery-date{font-size:.7rem;color:#fb923c;font-weight:500;margin-top:2px}.vrm-delivery-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.vrm-item-chip{padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:500;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--ui-text-dim)}.vrm-item-more{color:#fb923c;border-color:#f9731633;background:#f9731614}.vrm-delivery-arrow{font-size:1.3rem;color:var(--ui-text-dim);opacity:.3;align-self:center;transition:opacity .15s,color .15s;flex-shrink:0}.vrm-delivery-card:hover .vrm-delivery-arrow{opacity:1;color:#fb923c}.vrm-chip--purple{background:#8b5cf61f;border-color:#8b5cf640;color:#a78bfa;font-weight:600}.vrm-chip--purple-accent{background:#8b5cf61f;border-color:#8b5cf640;color:#a78bfa;font-weight:700}.vrm-delivery-card--purple:hover{background:#8b5cf614;border-color:#8b5cf64d}.vrm-delivery-index--purple{background:#8b5cf626;color:#a78bfa}.vrm-delivery-card--purple:hover .vrm-delivery-arrow{color:#a78bfa}.rotas-route-card{padding:var(--space-3);background:#f973160f;border:1px solid rgba(249,115,22,.2);border-radius:var(--ui-radius);cursor:pointer;transition:all .15s ease;border-left:3px solid #f97316}.rotas-route-card:hover{background:#f973161f;border-color:#f9731666;transform:translateY(-1px)}.rotas-route-card.status-completed{border-left-color:#10b981}.rotas-route-card.status-in-progress{border-left-color:#3b82f6}.rotas-route-card.status-overdue{border-left-color:#ef4444}.rotas-route-card.status-cancelled{border-left-color:#64748b}.rotas-route-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.rotas-route-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fb923c;margin-bottom:0}.rotas-route-status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;white-space:nowrap;border:1px solid transparent}.rotas-route-status-pill.waiting{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b40}.rotas-route-status-pill.in-progress{color:#3b82f6;background:#3b82f61f;border-color:#3b82f640}.rotas-route-status-pill.completed{color:#10b981;background:#10b9811f;border-color:#10b98140}.rotas-route-status-pill.overdue{color:#ef4444;background:#ef44441f;border-color:#ef444440}.rotas-route-status-pill.cancelled{color:#94a3b8;background:#94a3b81f;border-color:#94a3b840}.rotas-route-vehicle{font-weight:600;font-size:.85rem;color:var(--ui-text);margin-bottom:4px}.rotas-route-info{display:flex;gap:var(--space-2);margin-bottom:4px}.rotas-route-time{font-size:.75rem;color:var(--accent);font-weight:500}.rotas-route-stops{font-size:.75rem;color:var(--ui-text-dim)}.rotas-route-driver{font-size:.75rem;color:var(--ui-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rotas-pickup-card{padding:var(--space-3);background:#8b5cf60f;border:1px solid rgba(139,92,246,.2);border-radius:var(--ui-radius);cursor:pointer;transition:all .15s ease;border-left:3px solid #8b5cf6}.rotas-pickup-card:hover{background:#8b5cf61f;border-color:#8b5cf666;transform:translateY(-1px)}.rotas-pickup-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#a78bfa;margin-bottom:2px}.rotas-pickup-carrier{font-weight:600;font-size:.82rem;color:var(--ui-text);margin-bottom:4px}.rotas-pickup-time{font-size:.75rem;color:#a78bfa;font-weight:500}.rotas-pickup-location{font-size:.72rem;color:var(--ui-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rotas-empty-state{text-align:center;padding:var(--space-8);background:var(--bg-card);border:1px dashed rgba(255,255,255,.1);border-radius:var(--ui-radius-xl)}.rotas-empty-icon{font-size:4rem;opacity:.5;margin-bottom:var(--space-4)}.rotas-empty-state h3{margin:0 0 var(--space-2);color:var(--ui-text)}.rotas-empty-state p{margin:0;color:var(--ui-text-dim)}@media (max-width: 1200px){.rotas-calendar{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.rotas-hero{flex-direction:column;align-items:stretch;text-align:center}.rotas-hero-title,.rotas-hero-stats,.rotas-hero-actions{justify-content:center}.rotas-calendar{grid-template-columns:repeat(2,1fr)}.rotas-week-nav{flex-direction:column}.rotas-week-buttons{width:100%;justify-content:center}}.create-route-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--ui-radius-xl);overflow:hidden}.route-config{padding:var(--space-5);border-bottom:1px solid var(--line);background:#f9731608}.route-config-title{margin:0 0 var(--space-4);font-size:1rem;font-weight:600;color:var(--ui-text)}.route-config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.route-field{display:flex;flex-direction:column;gap:var(--space-1)}.route-field.full{grid-column:1 / -1;margin-top:var(--space-2)}.route-field label{font-size:.8rem;color:var(--ui-text-dim);font-weight:500}.route-field input,.route-field select,.route-field textarea{padding:var(--space-2) var(--space-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--ui-radius);color:var(--ui-text);font-size:.9rem}.route-field select option{background:#1a1a2e;color:var(--ui-text)}.route-field input:focus,.route-field select:focus,.route-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f9731626}.route-field textarea{resize:vertical;min-height:60px}.route-builder{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.route-column{display:flex;flex-direction:column;border-right:1px solid var(--line)}.route-column:last-child{border-right:none}.route-column.draft{background:#06b6d405}.route-column-header{padding:var(--space-3) var(--space-4);background:#ffffff05;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.route-column-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:.9rem}.route-column-icon{font-size:1.1rem}.route-column-count{background:#ffffff1a;color:var(--ui-text-dim);font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px}.route-column-count.accent{background:var(--accent);color:#000}.route-column-header-right{display:flex;align-items:center;gap:var(--space-3)}.route-filter-toggle{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--ui-text-dim);cursor:pointer;padding:4px 10px;background:#ffffff0d;border-radius:var(--ui-radius);transition:all .15s ease}.route-filter-toggle:hover{background:#ffffff14;color:var(--ui-text)}.route-filter-toggle input{accent-color:var(--accent);width:14px;height:14px}.route-filter{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--ui-text-dim);cursor:pointer}.route-filter input{accent-color:var(--accent)}.route-clear-btn{padding:4px 12px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--ui-radius);color:#ef4444;font-size:.75rem;cursor:pointer;transition:all .15s ease}.route-clear-btn:hover{background:#ef44441a;border-color:#ef444480}.route-column-body{flex:1;padding:var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;min-height:300px}.route-column-body::-webkit-scrollbar{width:6px}.route-column-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.route-column-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.route-column-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.route-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--ui-text-dim);font-size:.85rem;text-align:center;padding:var(--space-6)}.route-empty-icon{font-size:2rem;opacity:.5}.route-order-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--ui-radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.route-order-card:hover{background:#ffffff0d;border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 12px #f9731633}.route-order-card.in-route{background:#06b6d414;border-color:#06b6d44d;cursor:default;box-shadow:0 2px 8px #06b6d426}.route-order-card.in-route:hover{background:#06b6d41f;border-color:#06b6d466;transform:none}.route-order-number{width:28px;height:28px;background:var(--cyan);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.route-order-main{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.route-order-info{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.route-order-index{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--accent) 0%,#ea580c 100%);color:#fff;font-weight:700;font-size:.85rem;border-radius:50%;flex-shrink:0}.route-order-details{flex:1;min-width:0}.route-order-client{font-weight:600;font-size:.95rem;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.route-order-location{font-size:.85rem;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.route-order-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.route-order-date{font-size:.75rem;font-weight:500;color:#fff;background:var(--accent);padding:2px 8px;border-radius:4px}.route-order-contract{font-size:.7rem;font-weight:600;color:#000;background:var(--cyan);padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.route-order-time{font-size:.75rem;font-weight:500;color:#fff;background:#8b5cf6;padding:2px 8px;border-radius:4px}.route-order-items{font-size:.75rem;color:var(--ui-text-dim);background:#ffffff14;padding:2px 8px;border-radius:4px}.route-order-card.expanded{background:var(--bg-elevated);border-color:var(--accent)}.route-order-expanded{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.1)}.route-order-expanded-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;color:var(--ui-text);margin-bottom:var(--space-2)}.route-order-note{font-size:.75rem;font-weight:400;color:var(--ui-text-dim);font-style:italic}.route-order-no-items{font-size:.8rem;color:var(--ui-text-dim);text-align:center;padding:var(--space-2)}.route-order-items-list{display:flex;flex-direction:column;gap:var(--space-2)}.route-order-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#ffffff08;border-radius:var(--ui-radius);font-size:.8rem}.route-order-item-qty{font-weight:700;color:var(--accent);min-width:35px}.route-order-item-name{flex:1;color:var(--ui-text)}.route-order-item-weight,.route-order-item-volume{font-size:.75rem;color:var(--cyan);background:#06b6d426;padding:2px 6px;border-radius:3px}.route-order-totals{display:flex;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed rgba(255,255,255,.1);font-size:.8rem;font-weight:600;color:var(--cyan)}.route-order-add{width:40px;height:40px;background:linear-gradient(135deg,var(--accent) 0%,#ea580c 100%);border:none;border-radius:var(--ui-radius-lg);color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.route-order-add:hover{transform:scale(1.1);box-shadow:0 4px 12px #f9731666}.route-order-actions{display:flex;gap:6px;flex-shrink:0}.route-order-move,.route-order-remove{width:30px;height:30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--ui-radius);color:var(--ui-text-dim);font-size:.85rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.route-order-move:hover:not(:disabled){background:#ffffff1a;color:var(--ui-text)}.route-order-move:disabled{opacity:.3;cursor:not-allowed}.route-order-remove{color:#ef4444;border-color:#ef444433;background:#ef44441a}.route-order-remove:hover{background:#ef444433;border-color:#ef444480}.route-submit{padding:var(--space-4);border-top:1px solid var(--line);background:#ffffff05;display:flex;flex-direction:column;gap:var(--space-2)}.route-submit-btn{width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--accent) 0%,#ea580c 100%);border:none;border-radius:var(--ui-radius);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f973164d}.route-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f9731666}.route-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.route-submit-hint{text-align:center;font-size:.8rem;color:#f59e0b}@media (max-width: 900px){.route-config-grid{grid-template-columns:repeat(2,1fr)}.route-builder{grid-template-columns:1fr}.route-column{border-right:none;border-bottom:1px solid var(--line);min-height:300px}.route-column:last-child{border-bottom:none}}.driver-page{padding:var(--space-4);padding-bottom:env(safe-area-inset-bottom,20px)}.driver-header{padding:var(--space-3) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.driver-header-left{display:flex;align-items:center;gap:var(--space-3)}.driver-title{font-size:1.1rem;font-weight:600;color:var(--ui-text)}.driver-date{font-size:.85rem;color:var(--ui-text-dim);text-transform:capitalize}.driver-vehicle-badge{padding:4px 10px;background:#06b6d426;border-radius:var(--ui-radius);font-size:.8rem;font-weight:600;color:var(--cyan)}.driver-hero{padding:var(--space-4);background:var(--bg-card);border-radius:var(--ui-radius-lg);border:1px solid var(--line);margin-bottom:var(--space-4)}.driver-hero-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.driver-hero-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent)}.driver-hero-progress{font-size:1.5rem;font-weight:700;color:var(--ui-text)}.driver-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:16px}.driver-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--cyan) 100%);border-radius:4px;transition:width .5s ease}.driver-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);font-size:.85rem;color:var(--ui-text-dim)}.driver-next-stop{padding:var(--space-4);background:#ffffff05;border-radius:var(--ui-radius);border:1px solid var(--line)}.driver-next-stop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.driver-next-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cyan);background:#06b6d426;padding:4px 10px;border-radius:4px}.driver-next-number{font-size:.85rem;font-weight:700;color:var(--accent)}.driver-next-client{font-size:1.1rem;font-weight:700;color:var(--ui-text);margin-bottom:6px}.driver-next-location{font-size:.9rem;color:var(--ui-text-dim);margin-bottom:16px;line-height:1.4}.driver-items-details{margin-bottom:16px}.driver-items-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff0d;border-radius:8px;font-size:.85rem;color:var(--ui-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.driver-items-summary::-webkit-details-marker{display:none}.driver-items-chevron{font-size:.7rem;transition:transform .2s ease}.driver-items-list{padding:12px;margin-top:8px;background:#0003;border-radius:8px;max-height:200px;overflow-y:auto}.driver-items-empty{text-align:center;color:var(--ui-text-muted);font-size:.85rem;padding:12px}.driver-item-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.driver-item-row:last-child{border-bottom:none}.driver-item-qty{font-weight:700;color:var(--accent);min-width:40px}.driver-item-name{flex:1;font-size:.9rem;color:var(--ui-text)}.driver-item-unit{font-size:.8rem;color:var(--ui-text-dim);background:#ffffff14;padding:2px 6px;border-radius:4px}.driver-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}.driver-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 12px;border-radius:12px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.driver-btn-icon{font-size:1.3rem}.driver-btn-success{background:#10b981;color:#fff}.driver-btn-success:hover{background:#059669}.driver-btn-warning{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.driver-btn-warning:hover{background:#fbbf2440}.driver-btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.driver-btn-danger:hover{background:#ef444440}.driver-btn-primary{background:var(--accent);color:#fff;flex-direction:row;gap:8px}.driver-btn-primary:hover{background:#ea580c}.driver-btn-ghost{background:#ffffff0d;border:1px solid var(--line);color:var(--ui-text-dim);flex-direction:row;gap:8px}.driver-btn-ghost:hover{background:#ffffff1a;color:var(--ui-text)}.driver-pending-list{margin-top:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-2)}.driver-pending-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ui-text-dim);margin-bottom:var(--space-2)}.driver-pending-item{display:flex;align-items:center;gap:var(--space-2);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.driver-pending-item.active{background:#f973161f;border-radius:10px;padding:8px 10px;margin:0 -10px}.driver-pending-item:last-child{border-bottom:none}.driver-pending-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ui-text-dim)}.driver-pending-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.driver-pending-client{font-size:13px;font-weight:600;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-pending-loc{font-size:11px;color:var(--ui-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-pending-actions{display:flex;gap:4px;flex-shrink:0}.driver-btn-sm{padding:6px 10px!important;font-size:12px!important;min-width:86px;min-height:28px}.driver-hero-footer{display:flex;justify-content:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);margin-top:var(--space-3)}.driver-link-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:none;border:none;font-size:.85rem;color:var(--ui-text-dim);cursor:pointer;transition:color .2s ease}.driver-link-btn:hover{color:var(--ui-text)}.driver-link-danger{color:#ef4444}.driver-link-danger:hover{color:#f87171}.driver-empty-hero{padding:var(--space-6) var(--space-4);background:#ffffff05;border:1px dashed var(--line);border-radius:var(--radius-lg);text-align:center}.driver-empty-icon{font-size:2rem;display:block;margin-bottom:8px}.driver-empty-text{font-size:.9rem;color:var(--ui-text-dim)}.driver-tabs{display:flex;background:var(--bg-card);border-radius:var(--radius);padding:3px;border:1px solid var(--line);margin-bottom:var(--space-4)}.driver-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:none;border:none;font-size:.85rem;font-weight:500;color:var(--ui-text-dim);cursor:pointer;border-radius:var(--radius);transition:all .2s ease}.driver-tab.active{background:var(--accent);color:#fff}.driver-tab-badge{background:#fff3;padding:2px 6px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.driver-tab.active .driver-tab-badge{background:#ffffff4d}.driver-routes{display:flex;flex-direction:column;gap:var(--space-3)}.driver-route-card{padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--line)}.driver-route-card.ongoing{border-color:var(--accent)}.driver-route-card.done{opacity:.7}.driver-route-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.driver-route-date{font-weight:600;font-size:.95rem;color:var(--ui-text)}.driver-route-status{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);background:#ffffff14;color:var(--ui-text-dim)}.driver-route-status.ONGOING{background:#f9731626;color:var(--accent)}.driver-route-status.DONE{background:#10b98126;color:#10b981}.driver-route-info{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.driver-route-vehicle{font-size:.9rem;font-weight:500;color:var(--ui-text)}.driver-route-meta{font-size:.85rem;color:var(--ui-text-dim)}.driver-route-actions{display:flex;gap:var(--space-2)}.driver-route-actions .driver-btn{flex:1;padding:8px 12px;flex-direction:row}.driver-empty{text-align:center;padding:var(--space-6) var(--space-4)}.driver-pickups{margin-top:var(--space-4)}.driver-section-title{font-size:.95rem;font-weight:600;color:var(--ui-text);margin-bottom:var(--space-3)}.driver-pickup-card{padding:var(--space-3);background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--line);margin-bottom:var(--space-2)}.driver-pickup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.driver-pickup-date{font-weight:600;color:var(--ui-text)}.driver-pickup-carrier{font-size:.75rem;font-weight:600;color:var(--cyan);background:#06b6d426;padding:3px 8px;border-radius:var(--radius-sm)}.driver-pickup-info{font-size:.85rem;color:var(--ui-text-dim)}.driver-modal{width:100%;max-width:500px;max-height:90vh;margin:20px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.driver-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--line)}.driver-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--ui-text)}.driver-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:var(--radius);color:var(--ui-text-dim);font-size:.9rem;cursor:pointer}.driver-modal-close:hover{background:#ffffff1a;color:var(--ui-text)}.driver-modal-body{flex:1;overflow-y:auto;padding:var(--space-4)}.driver-modal-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);font-size:.85rem;color:var(--ui-text-dim)}.driver-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--line)}.driver-stops-list{display:flex;flex-direction:column;gap:var(--space-2)}.driver-stop{display:flex;gap:var(--space-3);padding:var(--space-3);background:#ffffff05;border-radius:var(--radius);border:1px solid var(--line)}.driver-stop.done{opacity:.7}.driver-stop.current{border-color:var(--accent);background:#f973160d}.driver-stop-index{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;font-weight:700;font-size:.8rem;color:var(--ui-text-dim);flex-shrink:0}.driver-stop.done .driver-stop-index{background:#10b98133;color:#10b981}.driver-stop.current .driver-stop-index{background:var(--accent);color:#fff}.driver-stop-content{flex:1;min-width:0}.driver-stop-client{font-weight:600;font-size:.95rem;color:var(--ui-text);margin-bottom:2px}.driver-stop-location{font-size:.85rem;color:var(--ui-text-dim);margin-bottom:4px}.driver-stop-outcome{font-size:.8rem;color:#10b981}.driver-outcome-client{padding:16px;background:#ffffff08;border-radius:10px;margin-bottom:20px}.driver-outcome-client strong{display:block;font-size:1.1rem;margin-bottom:4px}.driver-outcome-location{font-size:.9rem;color:var(--ui-text-dim)}.driver-outcome-field{display:flex;flex-direction:column;gap:8px}.driver-outcome-field span{font-size:.85rem;font-weight:500;color:var(--ui-text-dim)}.driver-outcome-field textarea{width:100%;padding:12px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:10px;color:var(--ui-text);font-size:.95rem;resize:vertical;min-height:80px}.driver-outcome-field textarea:focus{outline:none;border-color:var(--accent)}.delivery-modal{max-width:560px!important}.delivery-items-section{margin-bottom:var(--space-4)}.delivery-items-title{font-size:13px;font-weight:600;color:var(--ui-text);margin-bottom:10px}.delivery-items-table{display:flex;flex-direction:column;gap:6px}.delivery-item-row{padding:10px 12px;border-radius:8px;background:var(--ui-bg);border:1px solid var(--ui-border);transition:border-color .2s ease}.delivery-item-row.has-issue{border-color:#ef44444d;background:#ef44440a}.delivery-item-name{font-weight:500;color:var(--ui-text);margin-bottom:8px;font-size:13px;display:flex;align-items:center;gap:6px}.delivery-item-unit{font-size:11px;color:var(--ui-text-dim);background:#ffffff0d;padding:1px 6px;border-radius:4px}.delivery-item-fields{display:flex;gap:10px;align-items:center}.delivery-field{flex:1;display:flex;flex-direction:column;gap:3px}.delivery-field label{font-size:10px;text-transform:uppercase;color:var(--ui-text-dim);letter-spacing:.5px}.delivery-field-value{font-size:14px;font-weight:600;color:var(--ui-text-dim);padding:6px 8px;background:#ffffff08;border-radius:6px;text-align:center}.delivery-qty-input{width:100%;padding:6px 8px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text);font-size:14px;font-weight:600;text-align:center;transition:border-color .2s}.delivery-qty-input:focus{outline:none;border-color:var(--accent)}.delivery-qty-input.has-return{border-color:#ef4444;color:#ef4444;background:#ef44440f}.delivery-return-reason{margin-top:8px}.delivery-reason-select{width:100%;padding:6px 10px;background:var(--ui-bg);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:var(--ui-text);font-size:12px}.delivery-reason-select:focus{outline:none;border-color:#ef4444}.delivery-discrepancy-alert{margin-top:10px;padding:10px 14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:13px;color:#f59e0b;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.driver-maps-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:var(--space-3)}.driver-btn-maps{width:100%;padding:10px 16px;background:#4285f4;border:none;border-radius:var(--radius);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.driver-btn-maps:hover{background:#1a73e8}.driver-maps-error{padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);color:#f87171;font-size:.85rem;display:flex;align-items:flex-start;gap:8px}.driver-btn-maps-open{width:100%;padding:12px 16px;background:#34a853;border:none;border-radius:var(--radius);color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px}.driver-btn-maps-open:hover{background:#1e8e3e}@media (min-width: 768px){.driver-page{max-width:900px}.driver-actions{grid-template-columns:repeat(3,1fr)}}.compras-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 768px){.compras-kpi-grid{grid-template-columns:repeat(2,1fr)}}.compras-kpi-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:4px}.compras-kpi-label{font-size:.85rem;color:var(--ui-text-dim)}.compras-kpi-value{font-size:1.25rem;font-weight:600;color:var(--ui-text)}body.theme-light{--ui-bg: #f8fafc;--ui-surface-1: #ffffff;--ui-surface-2: #f1f5f9;--ui-surface-3: #e2e8f0;--ui-text: #0f172a;--ui-text-dim: #475569;--ui-text-muted: #94a3b8;--ui-border: rgba(15, 23, 42, .1);--ui-border-light: rgba(15, 23, 42, .08);--ui-outline: rgba(59, 130, 246, .5);--ui-card: #ffffff;--bg-card: #ffffff;--line: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(59, 130, 246, .1);--shadow-brand: 0 4px 20px rgba(249, 115, 22, .15)}body.theme-light{background:#f8fafc;color:#0f172a}body.theme-light .sidebar-unified{background:#fff;border-right:1px solid #e2e8f0}body.theme-light .sidebar__item{color:#475569}body.theme-light .sidebar__item:hover{background:#0000000a;color:#0f172a}body.theme-light .sidebar__item.active{background:#f973161a;color:#f97316}body.theme-light .sidebar__section-title{color:#94a3b8}body.theme-light .header-unified{background:#ffffffe6;border-bottom:1px solid #e2e8f0}body.theme-light .brand-product{color:#475569}body.theme-light .user-name{color:#0f172a}body.theme-light .user-role{color:#64748b}body.theme-light .sidebar-toggle-btn,body.theme-light .btn-logout,body.theme-light .notifications-btn{color:#475569}body.theme-light .sidebar-toggle-btn:hover,body.theme-light .btn-logout:hover,body.theme-light .notifications-btn:hover{background:#0000000d;color:#0f172a}body.theme-light .card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}body.theme-light .card:hover{border-color:#cbd5e1}body.theme-light input,body.theme-light select,body.theme-light textarea{background:#fff;border-color:#e2e8f0;color:#0f172a}body.theme-light input:focus,body.theme-light select:focus,body.theme-light textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}body.theme-light input::placeholder,body.theme-light textarea::placeholder{color:#94a3b8}body.theme-light .table th{background:#00000005;color:#475569}body.theme-light .table td{border-color:#e2e8f0;color:#0f172a}body.theme-light .table tr:hover{background:#00000005}body.theme-light .badge{background:#f1f5f9;color:#475569;border-color:#e2e8f0}body.theme-light .notifications-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 24px #0000001f}body.theme-light .notification-item:hover{background:#00000008}body.theme-light [role=dialog]>div{background:#fff;border-color:#e2e8f0}body.theme-light .login-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}body.theme-light .login-card{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px #0000001a}body.theme-light .login-title{color:#0f172a}body.theme-light .login-subtitle{color:#64748b}body.theme-light .user-avatar{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}body.theme-light ::-webkit-scrollbar-track{background:#f1f5f9}body.theme-light ::-webkit-scrollbar-thumb{background:#cbd5e1}body.theme-light ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.warehouse-selector{display:flex;align-items:center;gap:6px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:4px 10px;transition:all .2s ease}.warehouse-selector:hover{border-color:#8b5cf680;background:#8b5cf626}.warehouse-selector-icon{font-size:16px;line-height:1}.warehouse-selector-select{background:transparent;border:none;color:var(--ui-text);font-size:13px;font-weight:600;cursor:pointer;outline:none;padding:2px 4px;min-width:100px}.warehouse-selector-select option{background:var(--ui-bg);color:var(--ui-text)}.warehouse-badge-fixed{display:flex;align-items:center;gap:6px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;color:#8b5cf6}.warehouse-mini-badge{display:inline-block;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.25);vertical-align:middle}.cross-warehouse-mini{margin-left:2px;font-size:11px;cursor:help;vertical-align:middle}.cross-warehouse-alert{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-left:3px solid #f59e0b;border-radius:6px;padding:8px 12px;margin-bottom:12px;font-size:12px;font-weight:500;color:#f59e0b}.cross-warehouse-select{border:2px solid #f59e0b!important;background:#f59e0b14!important;border-radius:6px}.cross-warehouse-chip{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;border-radius:4px;background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);vertical-align:middle}body.theme-light .warehouse-selector{background:#8b5cf60f;border-color:#8b5cf633}body.theme-light .warehouse-badge-fixed{background:#8b5cf60f}body.theme-light .warehouse-mini-badge{background:#8b5cf614}body.theme-light .cross-warehouse-alert{background:#f59e0b0f}html{overflow-x:hidden}@media (max-width: 768px){.span-8{grid-column:span 12}}@media (max-width: 768px){.armazem-header{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4) 0}.armazem-header__left h1{font-size:22px}.armazem-header__icon{font-size:24px}.armazem-header__search{max-width:100%}.armazem-header__stats{margin-left:0;flex-wrap:wrap}.armazem-stat{min-width:70px;padding:var(--space-2) var(--space-3);flex:1}.armazem-stat__value{font-size:20px}}@media (max-width: 480px){.armazem-header__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.armazem-stat__label{font-size:10px}}@media (max-width: 768px){.kanban-col{min-height:200px}.kanban-head h3{font-size:14px}}@media (max-width: 768px){.admin-dashboard{padding:16px!important}.admin-dashboard>div[style*="grid-template-columns: 1fr 380px"],.admin-dashboard>div>div[style*="grid-template-columns: 1fr 380px"]{grid-template-columns:1fr!important}}@media (max-width: 480px){.admin-dashboard{padding:12px!important}}@media (max-width: 768px){.span-4+.span-8,div.span-4,div.span-8{grid-column:span 12}}@media (max-width: 768px){.pipeline-content .card{padding:var(--space-2)}.pipeline-header__stats{flex-wrap:wrap}.pipeline-stat{flex:1;min-width:60px}}@media (max-width: 768px){.fat-detail-grid[style]{grid-template-columns:1fr!important}}@media (max-width: 768px){.compras-kpi-card{padding:var(--space-3)}}@media (max-width: 768px){.route-config-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.route-config-grid{grid-template-columns:1fr}.rotas-hero-title h1{font-size:1.3rem}.rotas-icon{font-size:2rem}.rotas-calendar{grid-template-columns:1fr}.rotas-day{min-height:120px}}@media (max-width: 480px){input[style*=min-width],select[style*=min-width]{min-width:0!important;width:100%}}@media (hover: none) and (pointer: coarse){.kanban-card:hover,.alert-card:hover,.card:hover,.rotas-route-card:hover,.rotas-pickup-card:hover,.route-order-card:hover,.vrm-delivery-card:hover{transform:none!important}.kanban-card{padding:var(--space-4)}.prep-item__qty-btn{width:48px;height:48px;font-size:22px}.prep-item__qty-input{height:48px;font-size:20px}}@media (max-width: 768px){.grid{gap:var(--space-3)}.page-header{margin-bottom:var(--space-4)}.toolbar{flex-wrap:wrap;gap:var(--space-2)}input,select,textarea{font-size:16px}.chip{font-size:11px;padding:4px 8px}.section-header h2{font-size:.85rem}.user-dropdown{right:0!important;min-width:200px}}@media (max-width: 480px){.delivery-item-fields{flex-direction:column;gap:6px}.delivery-modal{max-width:100vw!important;margin:0!important;border-radius:0!important;max-height:100vh!important}.driver-actions{grid-template-columns:1fr;gap:8px}.driver-btn{flex-direction:row;padding:12px 16px;gap:8px}}@media (max-width: 640px){.modal-prep .modal-footer{flex-direction:column;gap:var(--space-2)}.modal-prep .modal-footer button,.modal-prep .modal-footer .btn,.modal-prep .modal-footer .btn-secondary,.modal-prep .modal-footer .btn-ghost{width:100%;justify-content:center}}@media (max-width: 768px){.kanban-body::-webkit-scrollbar,.activity-feed::-webkit-scrollbar{width:3px}.layout-main{padding-bottom:env(safe-area-inset-bottom,16px)}}@media (max-width: 768px){.pipe-grid-2[style]{grid-template-columns:1fr 1fr!important}.pipe-grid-3[style]{grid-template-columns:1fr!important}}@media (max-width: 480px){.pipe-grid-2[style]{grid-template-columns:1fr!important}}@media (max-width: 480px){.vrm-chip{font-size:.7rem;padding:3px 8px}.vrm-delivery-card{padding:10px;gap:8px}.vrm-delivery-index{width:24px;height:24px;font-size:.7rem}}@media (max-width: 768px){table[style*="min-width: 800px"],table[style*="min-width:800px"]{min-width:600px!important}}@media (max-height: 500px) and (orientation: landscape){.modal{max-height:95vh}.sidebar-unified,.sidebar-backdrop{top:50px}}.sg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sg-modal{background:var(--card-bg, #1a1d23);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:420px;max-width:95vw;max-height:90vh;overflow-y:auto;padding:24px;position:relative;box-shadow:0 20px 60px #00000080}.sg-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--ui-text-dim, #94a3b8);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px}.sg-close:hover{background:#ffffff1a}.sg-title{font-size:28px;font-weight:800;text-align:center;color:var(--ui-text, #fff);margin-bottom:8px}.sg-subtitle{text-align:center;color:var(--ui-text-dim, #94a3b8);font-size:14px;margin:0 0 20px}.sg-rules{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.sg-rule{background:#ffffff0f;padding:6px 12px;border-radius:8px;font-size:14px;color:var(--ui-text, #fff)}.sg-rule--bad{background:#ef444426;color:#f87171}.sg-play-btn{display:block;width:100%;padding:14px;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#f97316,#f59e0b);color:#fff;transition:transform .15s,box-shadow .15s}.sg-play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f9731666}.sg-lb{margin-top:20px;background:#ffffff0a;border-radius:10px;padding:12px}.sg-lb-title{font-size:15px;font-weight:700;color:var(--ui-text, #fff);margin-bottom:10px;text-align:center}.sg-lb-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:13px;color:var(--ui-text, #fff)}.sg-lb-row:nth-child(2n){background:#ffffff08}.sg-lb-row--you{background:#f9731626!important}.sg-lb-pos{font-size:16px;min-width:28px;text-align:center}.sg-lb-name{flex:1}.sg-lb-score{font-weight:700;color:#f59e0b}.sg-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;font-weight:700;color:var(--ui-text, #fff)}.sg-hud-combo{color:#f97316;animation:sg-pulse .4s ease}.sg-hud-time{color:#60a5fa}.sg-progress{height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:12px;overflow:hidden}.sg-progress-bar{height:100%;background:linear-gradient(90deg,#f97316,#60a5fa);border-radius:2px;transition:width 1s linear}.sg-arena{position:relative;width:100%;height:340px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);overflow:hidden;user-select:none;-webkit-user-select:none}.sg-target{position:absolute;font-size:32px;background:none;border:none;cursor:pointer;transform:translate(-50%,-50%) scale(0);animation:sg-spawn .2s ease forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));padding:4px;transition:transform .1s}.sg-target:hover{transform:translate(-50%,-50%) scale(1.2)}.sg-target--bomb{animation:sg-spawn .2s ease forwards,sg-shake .3s ease .2s}.sg-pop{position:absolute;font-size:18px;font-weight:800;color:#22c55e;pointer-events:none;transform:translate(-50%,-50%);animation:sg-float .7s ease forwards}.sg-pop--bad{color:#ef4444}.sg-results{text-align:center}.sg-final-score{font-size:48px;font-weight:900;color:#f59e0b;margin:8px 0}.sg-stats-row{display:flex;justify-content:center;gap:20px;font-size:14px;color:var(--ui-text-dim, #94a3b8);margin-bottom:16px}.sg-actions{display:flex;gap:8px;margin-top:16px}.sg-close-btn{flex:1;padding:12px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:transparent;color:var(--ui-text-dim, #94a3b8);cursor:pointer}.sg-close-btn:hover{background:#ffffff0d}.sg-actions .sg-play-btn{flex:1}@keyframes sg-spawn{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes sg-float{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-40px)}}@keyframes sg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes sg-shake{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(-50%,-50%) scale(1) rotate(-5deg)}75%{transform:translate(-50%,-50%) scale(1) rotate(5deg)}}@media (max-width: 768px){.sg-modal{padding:16px}.sg-arena{height:280px}.sg-target{font-size:28px}.sg-final-score{font-size:36px}}