:root{--bg-primary:#f5f2eb;--bg-secondary:#fff;--bg-tertiary:#eae7de;--bg-sidebar-header:#0d2a1d;--accent-primary:#1e7e4e;--accent-primary-hover:#269d62;--accent-secondary:#0d2a1d;--accent-secondary-hover:#17422f;--text-primary:#122213;--text-secondary:#4a544e;--text-muted:#758079;--status-pending:#d4ac0d;--status-on-hold:#d35400;--status-processing:#2980b9;--status-elaborado:#8e44ad;--status-cargado:#2471a3;--status-en-ruta:#d35400;--status-entregado:#27ae60;--status-recibido:#16a085;--status-completed:#27ae60;--status-cancelled:#c0392b;--glass-bg:#fff;--glass-border:#0d2a1d1f;--glass-shadow:#0d2a1d0a;--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:7px;--radius-lg:24px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}button,input,select,textarea{font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 10px 40px 0 var(--glass-shadow);border-radius:var(--radius-md)}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:50px;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-block}.badge-pending{color:var(--status-pending);background:#f1c40f26;border:1px solid #f1c40f4d}.badge-on-hold{color:var(--status-on-hold);background:#e67e2226;border:1px solid #e67e224d}.badge-processing{color:var(--status-processing);background:#3498db26;border:1px solid #3498db4d}.badge-elaborado{color:var(--status-elaborado);background:#8e44ad26;border:1px solid #8e44ad4d}.badge-cargado{color:var(--status-cargado);background:#2980b926;border:1px solid #2980b94d}.badge-enrutadeentrega{color:var(--status-en-ruta);background:#f39c1226;border:1px solid #f39c124d}.badge-entregado{color:var(--status-entregado);background:#2ecc7126;border:1px solid #2ecc714d}.badge-recibido-cliente{color:var(--status-recibido);background:#1abc9c26;border:1px solid #1abc9c4d}.badge-completed{color:var(--status-completed);border:1px solid var(--status-completed);background:#2ecc7133}.badge-cancelled{color:var(--status-cancelled);background:#e74c3c26;border:1px solid #e74c3c4d}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;display:flex;position:relative;overflow:hidden}.app-content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:30px;overflow-y:auto}.app-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border);z-index:100;background:#070913d9;justify-content:space-between;align-items:center;height:70px;padding:12px 30px;display:flex;position:sticky;top:0}.florist-logo-container{align-items:center;gap:12px;display:flex}.florist-logo-svg{filter:drop-shadow(0 0 6px #f366);width:38px;height:38px}.header-logo-text{font-family:var(--font-heading);letter-spacing:-.03em;font-size:1.45rem;font-weight:800}.header-right{align-items:center;gap:25px;display:flex}.ws-status{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:30px;align-items:center;gap:8px;padding:5px 12px;font-size:.75rem;font-weight:600;display:flex}.enviaflores-sync-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:30px;align-items:center;gap:12px;padding:4px 12px 4px 4px;display:flex}.btn-enviaflores-sync{cursor:pointer;color:#fff;transition:var(--transition-smooth);background:linear-gradient(135deg,#f36,#e6005c);border:none;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 2px 10px #ff33664d}.btn-enviaflores-sync:hover:not(:disabled){background:linear-gradient(135deg,#ff5c8a,#ff1a75);transform:translateY(-1px);box-shadow:0 4px 15px #ff336680}.btn-enviaflores-sync:active:not(:disabled){transform:translateY(1px)}.btn-enviaflores-sync:disabled{color:#fff6;cursor:not-allowed;box-shadow:none;background:#ffffff26}.enviaflores-status-info{flex-direction:column;line-height:1.3;display:flex}.enviaflores-status-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.enviaflores-status-value{font-size:.72rem;font-weight:800}.enviaflores-status-value.success{color:var(--status-entregado)}.enviaflores-status-value.failed{color:var(--status-cancelled)}.enviaflores-status-value.skipped{color:var(--status-pending)}.enviaflores-status-value.loading{color:#3498db}.enviaflores-status-time{color:#fff6;font-size:.6rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:1s linear infinite spin}.ws-indicator{background:var(--status-cancelled);border-radius:50%;width:8px;height:8px}.ws-indicator.online{background:var(--status-entregado);box-shadow:0 0 10px var(--status-entregado)}.user-profile{align-items:center;gap:15px;display:flex}.user-info{text-align:right}.user-name{font-size:.85rem;font-weight:700}.user-role{color:var(--accent-primary);letter-spacing:.05em;font-size:.68rem;font-weight:700}.btn-secondary{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff14;padding:6px 12px;font-size:.75rem;font-weight:600}.btn-secondary:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.btn-logout{color:var(--status-cancelled);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #e74c3c33;padding:6px 12px;font-size:.75rem;font-weight:600}.btn-logout:hover{background:#e74c3c1a;border-color:#e74c3c66}.left-sidebar{background:#0a0b16b3;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;flex-shrink:0;width:260px;min-height:calc(100vh - 70px);padding:25px 15px;display:flex}.profile-card{text-align:center;border-bottom:1px solid #ffffff0d;flex-direction:column;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.avatar-container{border:2px solid var(--accent-primary);border-radius:50%;width:65px;height:65px;margin-bottom:12px;overflow:hidden;box-shadow:0 0 15px #ff336640}.avatar-silhouette{width:100%;height:100%}.profile-name{margin-bottom:3px;font-size:.95rem;font-weight:700}.profile-role{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}.sidebar-menu{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-link{width:100%;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:14px;padding:12px 16px;font-size:.88rem;font-weight:600;display:flex}.sidebar-link:hover{color:var(--text-primary);background:#ffffff08}.sidebar-link.active{color:var(--text-primary);background:linear-gradient(135deg,#ff336626,#7000ff26);border:1px solid #f363;box-shadow:0 4px 15px #ff33660d}.sidebar-icon{font-size:1.1rem}.sidebar-divider{background:#ffffff0d;height:1px;margin:15px 5px}.sidebar-footer{margin-top:auto}.kpi-card-merged{border-left:4px solid var(--accent-primary);flex-direction:column;justify-content:space-between;display:flex}.kpi-merged-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.78rem;font-weight:700}.kpi-merged-rows{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.kpi-merged-row{border-bottom:1px dashed #ffffff0a;justify-content:space-between;padding-bottom:4px;font-size:.95rem;display:flex}.kpi-row-val{font-weight:800;font-family:var(--font-heading)}.kpi-merged-action{align-items:center;gap:8px;margin-top:10px;display:flex}.kpi-date-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;font-weight:600;display:flex;position:relative}.kpi-date-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.btn-clear-date{color:var(--status-cancelled);border-radius:var(--radius-sm);cursor:pointer;background:#e74c3c1a;border:1px solid #e74c3c4d;padding:5px 8px;font-size:.7rem}.stat-indicator{color:var(--text-secondary);border-top:1px solid #ffffff08;margin-top:auto;padding-top:8px;font-size:.72rem}.filters-bar{border-bottom:1px solid var(--glass-border);background:#ffffff03;flex-wrap:wrap;align-items:center;gap:15px;padding:15px 20px;display:flex}.search-input-wrapper{flex:1;min-width:250px;position:relative}.search-icon{color:var(--text-secondary);font-size:.88rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-input{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff14;padding:9px 12px 9px 36px;font-size:.88rem}.filter-input:focus{border-color:var(--accent-primary);background:#ffffff12;outline:none}.select-filter-wrapper{min-width:180px}.filter-select{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;background:#0d0f21e6;border:1px solid #ffffff14;outline:none;padding:9px 12px;font-size:.88rem}.filter-select:focus{border-color:var(--accent-primary)}.sort-controls{align-items:center;gap:6px;margin-left:auto;display:flex}.sort-label{color:var(--text-secondary);margin-right:4px;font-size:.8rem}.btn-sort{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #ffffff0f;padding:6px 12px;font-size:.78rem;font-weight:600}.btn-sort:hover{background:#ffffff08}.btn-sort.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 10px #f363}.table-container{overflow-x:auto}.orders-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.orders-table th,.orders-table td{border-bottom:1px solid #ffffff08;padding:16px 20px}.orders-table th{color:var(--text-secondary);font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;font-size:.74rem}.orders-table tbody tr{transition:var(--transition-smooth)}.table-items-cell{font-weight:500;line-height:1.4}.subtext-colonia,.subtext-slot{color:var(--text-secondary);margin-top:3px;font-size:.75rem}.table-address-cell{white-space:normal;max-width:200px;line-height:1.4}.table-total-cell{color:var(--accent-primary);font-weight:800;font-family:var(--font-heading);font-size:.92rem}.table-actions-cell{text-align:right;white-space:nowrap}.btn-action-icon{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff0f;margin-left:4px;padding:6px 10px;font-size:.85rem}.btn-action-icon:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.driver-item-active{border-radius:var(--radius-sm);background:#7000ff0a;border:1px solid #7000ff1f;align-items:center;gap:15px;margin-bottom:12px;padding:15px;display:flex}.driver-avatar-mini{background:#7000ff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;display:flex}.driver-details{flex:1}.driver-name-row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.active-pulse{background:var(--status-entregado);width:8px;height:8px;box-shadow:0 0 8px var(--status-entregado);border-radius:50%;animation:1.5s infinite pulse-glow}@keyframes pulse-glow{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}.driver-assigned-orders{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.driver-order-tag{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.modal-card-large{width:95%;max-width:900px;max-height:90vh;padding:35px;overflow-y:auto}.edit-order-form{flex-direction:column;gap:25px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:25px;display:grid}@media (width<=1024px) and (orientation:portrait){.form-grid-2{grid-template-columns:1fr}}.form-grid-3{grid-template-columns:1.2fr 1fr 1fr;gap:10px;display:grid}.form-section{border-radius:var(--radius-sm);background:#ffffff04;border:1px solid #ffffff0a;flex-direction:column;gap:15px;padding:20px;display:flex}.section-header{font-family:var(--font-heading);color:var(--accent-primary);border-bottom:1px solid #ffffff0d;margin-bottom:5px;padding-bottom:8px;font-size:1rem;font-weight:700}.modal-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.chat-bubble{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0d;align-self:flex-start;max-width:85%;padding:12px 16px}.chat-bubble:nth-child(2n){background:#7000ff0d;border-color:#7000ff1a;align-self:flex-end}.sales-log-card{border-radius:var(--radius-sm);transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;margin-bottom:10px;padding:15px}.sales-log-card:hover{background:#ffffff0a;border-color:#ffffff14}.login-container{background:radial-gradient(circle at 10% 20%,#7000ff1f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff33661f 0%,#0000 40%),#070913;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;width:100%;max-width:450px;padding:40px}.login-logo{margin-bottom:6px;font-size:2.2rem;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:.92rem}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.form-input{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff14;outline:none;padding:12px 14px;font-size:.92rem}.form-input:focus{border-color:var(--accent-primary);background:#ffffff0f}.btn-primary{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;padding:13px;font-size:.95rem;font-weight:700;box-shadow:0 4px 15px #f363}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff33664d}.btn-demo-login{box-shadow:none;background:#ffffff0a;border:1px solid #ffffff14}.btn-demo-login:hover{box-shadow:none;background:#ffffff14;border-color:#fff3}#notification-container{z-index:999;flex-direction:column;gap:10px;width:90%;max-width:380px;display:flex;position:fixed;bottom:25px;right:25px}.notification-toast{border-left:4px solid var(--accent-primary);align-items:center;gap:15px;padding:16px 20px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideIn;display:flex;box-shadow:0 10px 30px #0009}.notification-title{margin-bottom:2px;font-size:.88rem;font-weight:700}.notification-msg{color:var(--text-secondary);font-size:.78rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:90%;max-width:450px;padding:25px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-title{font-size:1.15rem;font-weight:700}.btn-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:1.4rem}.modal-body{flex-direction:column;gap:15px;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.stat-card{min-height:140px;transition:var(--transition-smooth);flex-direction:column;justify-content:space-between;padding:20px;display:flex}.stat-card:hover{box-shadow:0 15px 35px var(--glass-shadow);border-color:#ffffff1f;transform:translateY(-3px)}.stat-card.green .stat-value{color:var(--status-entregado)}.stat-card.purple .stat-value{color:var(--accent-secondary)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.78rem;font-weight:700}.stat-value{font-size:2.2rem;font-weight:800;font-family:var(--font-heading);margin-bottom:10px;line-height:1}.admin-grid{grid-template-columns:1fr;gap:25px;display:grid}.left-sidebar{width:260px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.left-sidebar.collapsed{align-items:center;width:80px;padding:20px 10px}.left-sidebar.collapsed .profile-card{width:100%;margin-bottom:20px;padding-bottom:15px}.left-sidebar.collapsed .profile-name,.left-sidebar.collapsed .profile-role{display:none}.left-sidebar.collapsed .avatar-container{width:45px;height:45px;margin-bottom:0}.left-sidebar.collapsed .sidebar-label{display:none}.left-sidebar.collapsed .sidebar-link{justify-content:center;gap:0;padding:12px}.left-sidebar.collapsed .sidebar-icon{font-size:1.3rem}.left-sidebar.collapsed .sidebar-divider{width:80%;margin:12px 0}.btn-toggle-sidebar{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-self:flex-end;margin-bottom:10px;font-size:1.2rem}.btn-toggle-sidebar:hover{color:var(--text-primary)}.left-sidebar.collapsed .btn-toggle-sidebar{align-self:center}.right-drawer{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--glass-border);width:340px;box-shadow:-10px 0 40px var(--glass-shadow);z-index:400;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:70px;bottom:0;right:0;transform:translate(100%)}.right-drawer.open{transform:translate(0)}.right-drawer-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.right-drawer-header h3{font-size:1.1rem;font-weight:700;font-family:var(--font-heading)}.right-drawer-body{flex:1;padding:20px;overflow-y:auto}.vps-sync-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:30px;align-items:center;gap:12px;padding:4px 12px 4px 4px;display:flex}.btn-header-sync{transition:var(--transition-smooth);cursor:pointer;align-items:center;gap:6px;font-weight:600;display:flex;color:#fff!important;background:linear-gradient(135deg,#07f,#05f)!important;border:none!important;border-radius:30px!important;padding:6px 14px!important;font-size:.75rem!important;box-shadow:0 2px 10px #0077ff4d!important}.btn-header-sync:hover{transform:translateY(-1px);background:linear-gradient(135deg,#39f,#07f)!important;box-shadow:0 4px 15px #0077ff80!important}.btn-header-sync:active{transform:translateY(1px)}.right-drawer-toggle{z-index:390;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--transition-smooth);border:none;border-radius:50% 0 0 50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:fixed;top:172.677px;right:0;box-shadow:-4px 0 15px #ff33664d}.right-drawer-toggle:hover{transform:scale(1.05);box-shadow:-4px 0 20px #ff336673}.toast-close-btn{opacity:.7}.toast-close-btn:hover{opacity:1;color:var(--accent-primary)!important}@media (width<=1024px) and (orientation:portrait){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.right-drawer{width:100%}}.app-header{background:var(--bg-sidebar-header)!important;color:#fff!important;border-bottom:1px solid #ffffff1a!important}.app-header .user-name{color:#fff!important}.app-header .user-role{color:#fff9!important}.app-header .btn-secondary,.app-header .btn-logout{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.app-header .btn-secondary:hover,.app-header .btn-logout:hover{background:#ffffff26!important}.left-sidebar{background:var(--bg-sidebar-header)!important;color:#fff!important;border-right:1px solid #ffffff1a!important}.left-sidebar .profile-name{color:#fff!important}.left-sidebar .profile-role{color:#fff9!important}.left-sidebar .sidebar-link{color:#ffffffb3!important}.left-sidebar .sidebar-link:hover{color:#fff!important;background:#ffffff14!important}.left-sidebar .sidebar-link.active{color:#fff!important;background:#ffffff1f!important;border:1px solid #fff3!important;box-shadow:0 4px 15px #ffffff0d!important}.left-sidebar .profile-card{border-bottom:1px solid #ffffff1a!important}.left-sidebar .sidebar-divider{background:#ffffff1a!important}.btn-toggle-sidebar{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}.btn-toggle-sidebar:hover{background:#ffffff26!important}.form-input,.filter-input{color:var(--text-primary)!important;background:#fff!important;border:1px solid #0d2a1d2e!important}.form-input:focus,.filter-input:focus{border-color:var(--accent-primary)!important;background:#fff!important;box-shadow:0 0 0 2px #1e7e4e26!important}.filter-select{color:var(--text-primary)!important;background:#fff!important;border:1px solid #0d2a1d2e!important}.filter-select option{color:var(--text-primary)!important;background:#fff!important}.icon-outline{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:20px;height:20px;display:inline-block;fill:none!important;stroke:currentColor!important}.btn-status-quick{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-status-quick.status-processing{color:#2980b9;border-color:#2980b980}.btn-status-quick.status-processing:hover{background:#2980b914}.btn-status-quick.status-en-ruta{color:#d35400;border-color:#d3540080}.btn-status-quick.status-en-ruta:hover{background:#d3540014}.btn-status-quick.status-entregado{color:#27ae60;border-color:#27ae6080}.btn-status-quick.status-entregado:hover{background:#27ae6014}.dashboard-title-bar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.orders-table th{color:var(--text-secondary)!important;border-bottom:2px solid #0d2a1d1a!important}.orders-table td{color:var(--text-primary)!important;border-bottom:1px solid #0d2a1d0f!important}.orders-table tbody tr:hover{background:#0d2a1d05!important}.subtext-colonia,.subtext-slot{color:var(--text-secondary)!important}.right-drawer{color:var(--text-primary)!important;background:#fff!important;border-left:1px solid #0d2a1d1a!important}.right-drawer-header{border-bottom:1px solid #0d2a1d1a!important}.driver-list-card{color:var(--text-primary)!important;background:#fdfcf7!important;border:1px solid #0d2a1d14!important}.driver-list-card:hover{border-color:var(--accent-primary)!important}.stats-grid{gap:20px;margin-bottom:25px;display:grid;grid-template-columns:repeat(4,1fr)!important}.stat-card{color:var(--text-primary)!important;background:#fff!important;border:1px solid #0d2a1d1a!important;box-shadow:0 4px 20px #0d2a1d08!important}.stat-card.green{border-left:4px solid var(--status-entregado)!important}.stat-card.purple{border-left:4px solid var(--status-processing)!important}.stat-card.orange{border-left:4px solid #d35400!important}.stat-label{color:var(--text-secondary)!important}.stat-value{color:var(--text-primary)!important}.kpi-merged-header{color:var(--text-primary)!important;border-bottom:1px solid #0d2a1d14!important}.kpi-merged-row{border-bottom:1px solid #0d2a1d0d!important}.kpi-merged-row:hover{background:#0d2a1d0a!important}.kpi-row-label{color:var(--text-secondary)!important}.kpi-row-val{color:var(--text-primary)!important}.btn-sort{color:var(--text-secondary)!important;background:#fff!important;border:1px solid #0d2a1d26!important}.btn-sort:hover{border-color:var(--accent-primary)!important;color:var(--text-primary)!important}.btn-sort.active{background:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d2a1d73!important}.modal-card,.modal-card-large{color:var(--text-primary)!important;background:#fff!important;border:1px solid #0d2a1d26!important;box-shadow:0 15px 50px #0d2a1d1f!important}.modal-header{border-bottom:1px solid #0d2a1d14!important}.modal-title{color:var(--text-primary)!important}.btn-close{color:var(--text-secondary)!important}.btn-close:hover{color:var(--text-primary)!important}.section-header{color:var(--text-primary)!important;border-bottom:2px solid #0d2a1d14!important}.form-label{color:var(--text-secondary)!important}.btn-toggle-sync-boxes{display:none}.scanner-container{flex-direction:column;gap:20px;max-width:600px;margin:0 auto;display:flex}.scanner-viewfinder-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:0 4px 15px var(--glass-shadow);flex-direction:column;align-items:center;gap:15px;padding:20px;display:flex}.scanner-viewfinder{aspect-ratio:4/3;border:2px solid var(--glass-border);background:#000;border-radius:8px;width:100%;max-width:480px;position:relative;overflow:hidden}.scanner-viewfinder.active{border-color:var(--accent-primary)}.scanner-laser{z-index:10;pointer-events:none;background:#2ed573;width:90%;height:2px;animation:2s ease-in-out infinite laserScan;display:none;position:absolute;top:50%;left:5%;box-shadow:0 0 8px #2ed573}.scanner-viewfinder.active .scanner-laser{display:block}@keyframes laserScan{0%{top:15%}50%{top:85%}to{top:15%}}.scanner-actions{justify-content:center;gap:10px;width:100%;display:flex}.scanner-result-card{border-radius:var(--radius-sm);color:#122213;text-align:left;background:#2ed5731a;border:2px solid #2ed573;flex-direction:column;gap:8px;width:100%;padding:15px 20px;display:flex}.scanner-result-title{color:#2ed573;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.offline-banner{color:#d35400;background:#d354001a;border:1px solid #d354004d;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;font-size:.85rem;display:flex}.offline-sync-btn{color:#fff;cursor:pointer;background:#d35400;border:none;border-radius:6px;padding:6px 12px;font-weight:700;transition:background .2s}.offline-sync-btn:hover{background:#b84300}.purchases-layout{flex-direction:column;gap:20px;display:flex}.search-insumos-wrapper{width:100%;position:relative}.insumos-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.insumo-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--glass-shadow);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:15px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.insumo-card:hover{box-shadow:0 8px 20px var(--glass-shadow);border-color:var(--accent-primary);transform:translateY(-2px)}.insumo-info h3{margin-bottom:4px;font-size:1rem}.insumo-category{color:var(--text-secondary);background:#0d2a1d0f;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.75rem;display:inline-block}.insumo-costs{text-align:right}.insumo-average-cost{color:var(--accent-primary);font-size:1.1rem;font-weight:800}.insumo-last-cost{color:var(--text-muted);font-size:.75rem}.modal-tabs-header{border-bottom:1px solid var(--glass-border);margin-bottom:15px;display:flex}.modal-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-weight:700;transition:all .2s}.modal-tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.compras-summary-panel{background:#1e7e4e0f;border:1px solid #1e7e4e26;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;display:flex}.production-filter-bar{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--glass-shadow);flex-wrap:wrap;align-items:flex-end;gap:15px;margin-bottom:20px;padding:15px;display:flex}.dropdown-popup-wrapper{display:inline-block;position:relative}.dropdown-popup-trigger{background:var(--bg-primary);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-primary);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-width:160px;padding:8px 12px;font-size:.85rem;display:flex}.dropdown-popup-content{border:1px solid var(--glass-border);z-index:1000;background:#fff;border-radius:6px;min-width:200px;max-height:250px;margin-top:5px;padding:12px;display:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.dropdown-popup-wrapper.open .dropdown-popup-content{display:block}.dropdown-checkbox-row{cursor:pointer;align-items:center;gap:8px;padding:6px 0;font-size:.85rem;display:flex}.progress-bar-container{background:#0d2a1d14;border-radius:5px;width:100%;height:10px;margin-bottom:20px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-primary-hover));width:0%;height:100%;transition:width .5s ease-out}.production-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.flip-card-container{perspective:1000px;background-color:#0000;width:100%;height:380px}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}@media (width>=1025px){.flip-card-container:hover .flip-card-inner{transform:rotateY(180deg)}}.flip-card-container.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;height:100%;box-shadow:0 10px 30px var(--glass-shadow);background:#fff;flex-direction:column;display:flex;position:absolute;overflow:hidden}.flip-card-back{text-align:left;background:#faf8f5;padding:15px;transform:rotateY(180deg)}.card-image-wrapper{background:#eae7de;width:100%;height:160px;position:relative}.card-product-img{object-fit:cover;width:100%;height:100%}.card-delivery-info{color:#fff;background:#0d2a1dd9;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700;position:absolute;bottom:8px;left:8px}.card-front-content{text-align:left;flex-direction:column;flex:1;justify-content:space-between;padding:15px;display:flex}.card-title{margin-bottom:6px;font-size:1rem;font-weight:700}.card-logistics{color:var(--text-secondary);font-size:.8rem}.card-back-title{border-bottom:1px solid var(--glass-border);color:var(--accent-secondary);margin-bottom:10px;padding-bottom:6px;font-size:.95rem;font-weight:700}.card-recipe-list{flex:1;margin-bottom:10px;padding-left:0;font-size:.8rem;list-style:none;overflow-y:auto}.card-recipe-item{border-bottom:1px dashed #0000000d;justify-content:space-between;padding:4px 0;display:flex}.card-assign-section{gap:8px;margin-top:10px;display:flex}.card-finish-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:.8rem;font-weight:700}.card-finish-btn:hover{background:var(--accent-primary-hover)}@media (width<=1024px) and (orientation:portrait){.kpi-delivered,.kpi-pending{display:none!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.left-sidebar{scrollbar-width:none;-ms-overflow-style:none;z-index:1000!important;background:#0d2a1dfa!important;border:none!important;border-top:1px solid #ffffff1a!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;height:65px!important;min-height:auto!important;padding:0!important;position:fixed!important;inset:auto 0 0!important;overflow:auto hidden!important;box-shadow:0 -4px 15px #0003!important}.left-sidebar::-webkit-scrollbar{display:none}.left-sidebar .profile-card,.left-sidebar .sidebar-divider,.left-sidebar .sidebar-footer,.left-sidebar .btn-toggle-sidebar,.left-sidebar .sidebar-label{display:none!important}.left-sidebar .sidebar-menu{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;width:auto!important;height:100%!important;margin:0!important;padding:0 10px!important;display:flex!important}.left-sidebar .sidebar-link{box-sizing:border-box!important;color:#ffffffa6!important;width:60px!important;height:100%!important;box-shadow:none!important;text-align:center!important;white-space:nowrap!important;background:0 0!important;border:none!important;border-bottom:3px solid #0000!important;border-radius:0!important;flex-direction:column!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:0!important;font-size:.65rem!important;line-height:1.1!important;display:flex!important}.left-sidebar .sidebar-link.active{color:#fff!important;border-bottom:3px solid var(--accent-primary)!important;background:#ffffff14!important;border-left:none!important}.left-sidebar .sidebar-icon{justify-content:center!important;align-items:center!important;height:24px!important;display:flex!important}.left-sidebar .sidebar-icon svg{width:20px!important;height:20px!important}.left-sidebar .mobile-only-config{display:flex!important}.app-body{padding-bottom:65px!important;padding-left:0!important}.app-content{padding:15px 15px 30px!important}.app-header{background:var(--bg-sidebar-header)!important;grid-template:"brand profile"/1fr 1fr!important;gap:12px!important;height:auto!important;padding:12px 15px!important;display:grid!important;position:relative!important}.app-header.sync-expanded{grid-template-rows:auto auto!important;grid-template-areas:"brand profile""sync-envia sync-vps"!important}.header-brand{grid-area:brand!important;place-self:center start!important}.header-logo-text{font-size:1.15rem!important}.florist-logo-svg{width:28px!important;height:28px!important}.header-right{display:contents!important}.user-profile{flex-direction:row!important;grid-area:profile!important;place-self:center end!important;align-items:center!important;gap:10px!important;display:flex!important}.user-info{text-align:right!important}.user-name{color:#fff!important;margin:0!important;font-size:.8rem!important}.user-role{color:#fff9!important;margin:0!important;font-size:.65rem!important}.btn-logout{border-radius:var(--radius-sm)!important;height:auto!important;padding:4px 10px!important;font-size:.72rem!important}#btn-change-password-header,#btn-switch-account{display:none!important}.btn-toggle-sync-boxes{background:var(--bg-sidebar-header);color:#fff;cursor:pointer;z-index:110;border:1px solid #ffffff26;border-top:none;border-radius:0 0 10px 10px;outline:none;justify-content:center;align-items:center;width:38px;height:18px;font-size:.65rem;position:absolute;bottom:-15px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0003;display:flex!important}.app-header:not(.sync-expanded) .enviaflores-sync-container,.app-header:not(.sync-expanded) .vps-sync-container{display:none!important}.enviaflores-sync-container{box-sizing:border-box!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;flex-direction:column!important;grid-area:sync-envia!important;align-items:stretch!important;gap:6px!important;width:100%!important;margin:0!important;padding:8px!important;display:flex!important}.btn-enviaflores-sync{white-space:nowrap!important;justify-content:center!important;width:100%!important;padding:6px 8px!important;font-size:.7rem!important}.btn-enviaflores-sync span{font-size:.65rem!important}.enviaflores-status-info{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:0 4px!important;font-size:.65rem!important;line-height:1.2!important;display:flex!important}.enviaflores-status-label{display:none!important}.enviaflores-status-value,.enviaflores-status-time{font-size:.65rem!important}.vps-sync-container{box-sizing:border-box!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;flex-direction:column!important;grid-area:sync-vps!important;align-items:stretch!important;gap:6px!important;width:100%!important;margin:0!important;padding:8px!important;display:flex!important}.btn-header-sync{color:#fff!important;background:linear-gradient(135deg,#07f,#05f)!important;border:none!important;border-radius:30px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:auto!important;padding:6px 14px!important;font-size:.75rem!important;font-weight:700!important;display:flex!important;box-shadow:0 2px 10px #0077ff4d!important}.vps-sync-container div.ws-status{background:0 0!important;border:none!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin:0!important;padding:0 4px!important;font-size:.65rem!important;line-height:1.2!important;display:flex!important}.admin-grid>.glass-panel{box-shadow:none!important;background:0 0!important;border:none!important}.admin-grid>.glass-panel>.panel-header{background:0 0!important;border-bottom:none!important;padding-bottom:10px!important;padding-left:0!important;padding-right:0!important}.filters-bar{background:#fff!important;border:1px solid #0d2a1d1a!important;border-radius:8px!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:16px!important;padding:12px 15px!important;display:grid!important;box-shadow:0 4px 12px #0d2a1d0a!important}.search-input-wrapper{grid-column:1/-1!important;width:100%!important;min-width:0!important}.select-filter-wrapper:not(.date-filter-type-wrapper){grid-column:1/2!important;width:100%!important;min-width:0!important;margin:0!important}.date-filter-type-wrapper{flex-direction:column!important;grid-column:2/3!important;align-items:stretch!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;display:flex!important}#date-inputs-container{flex-direction:column!important;gap:4px!important;width:100%!important;display:flex!important}#date-inputs-container input{box-sizing:border-box!important;width:100%!important;padding:6px 8px!important}.orders-table{width:100%!important;min-width:100%!important;display:block!important}.table-container{overflow-x:hidden!important}.orders-table thead{display:none!important}.orders-table tbody{width:100%!important;display:block!important}.orders-table tbody tr{box-sizing:border-box!important;background:#fff!important;border:1px solid #0d2a1d1a!important;border-radius:8px!important;grid-template-columns:40% 55%!important;gap:6px 5%!important;width:100%!important;margin-bottom:16px!important;padding:12px 10px!important;display:grid!important;box-shadow:0 4px 12px #0d2a1d0a!important}.orders-table tbody tr:hover{background:#fff!important}.orders-table td{text-align:left!important;box-sizing:border-box!important;border-bottom:none!important;width:100%!important;padding:6px 0!important;display:block!important}.orders-table td:nth-child(5),.orders-table td:nth-child(6){display:none!important}.orders-table td:first-child{grid-area:1/1!important;align-self:start!important}.orders-table td:nth-child(2){grid-area:1/1!important;align-self:start!important;margin-top:34px!important}.orders-table td:nth-child(3){grid-area:1/2!important}.orders-table td:nth-child(4){grid-area:2/2!important}.orders-table td:nth-child(7){grid-area:3/1!important}.orders-table td:nth-child(8){grid-area:4/1!important}.orders-table td:nth-child(9){grid-area:3/2/5!important}.enviaflores-order-id{color:#800020!important}.orders-table td:first-child{color:var(--accent-secondary)!important;text-align:left!important;padding-top:4px!important;padding-bottom:2px!important;font-size:1.05rem!important;font-weight:800!important}.orders-table td:nth-child(2){text-align:left!important;border-bottom:none!important;padding-top:0!important;padding-bottom:0!important}.orders-table td:nth-child(3){text-align:right!important;padding-top:4px!important;font-size:.9rem!important}.orders-table td:nth-child(4){text-align:right!important;border-bottom:none!important;padding-bottom:4px!important;font-size:.85rem!important}.orders-table td:nth-child(7){text-align:left!important;border-top:1px solid #0d2a1d0f!important;padding-top:10px!important;font-size:.85rem!important}.orders-table td:nth-child(8){text-align:left!important;padding-top:2px!important;padding-bottom:4px!important;font-size:1rem!important}.orders-table td:nth-child(9){border-top:1px solid #0d2a1d0f!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;height:100%!important;padding-top:10px!important;display:flex!important}.orders-table td:nth-child(9)>div:first-child{display:none!important}.status-quick-actions-row{flex-direction:column!important;gap:14px!important;width:100%!important;margin-top:0!important;display:flex!important}.status-quick-actions-row .status-processing{display:none!important}.btn-status-quick.status-en-ruta,.btn-status-quick.status-entregado{text-align:center!important;background:#ffffff0d!important;border-radius:6px!important;width:100%!important;height:auto!important;padding:8px 6px!important;font-size:.75rem!important;font-weight:700!important;display:block!important}.btn-status-quick.status-en-ruta{color:#d35400!important;border:1px solid #d3540066!important}.btn-status-quick.status-en-ruta:hover{background:#d3540014!important}.btn-status-quick.status-entregado{color:#27ae60!important;border:1px solid #27ae6066!important}.btn-status-quick.status-entregado:hover{background:#27ae6014!important}#notification-container{z-index:2000!important;flex-direction:column!important;gap:10px!important;width:auto!important;max-width:none!important;display:flex!important;position:fixed!important;bottom:80px!important;left:15px!important;right:15px!important}.mobile-toast-collapsed{color:var(--text-primary)!important;border:1px solid #0d2a1d26!important;border-left:4px solid var(--accent-primary)!important;background:#fff!important;border-radius:8px!important;box-shadow:0 4px 15px #00000026!important}.mobile-toast-expanded{color:var(--text-primary)!important;border:1px solid #0d2a1d26!important;border-left:4px solid var(--accent-primary)!important;background:#fff!important;border-radius:8px!important;box-shadow:0 6px 25px #0003!important}#btn-counter-order,.sort-label{display:none!important}.sort-controls{flex-wrap:wrap!important;grid-column:1/-1!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;margin-left:0!important}.btn-sort{text-align:center!important;flex:1!important;padding:6px 8px!important;font-size:.72rem!important}}.brand-loader-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:50px 20px;display:flex}.brand-loader-logo-wrapper{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.brand-loader-logo{object-fit:contain;width:48px;height:48px;animation:1.8s ease-in-out infinite logoPulse}.brand-loader-circle{border:3px solid #1e7e4e14;border-top:3px solid var(--accent-primary);box-sizing:border-box;border-radius:50%;width:100%;height:100%;animation:1.2s linear infinite logoSpinner;position:absolute;top:0;left:0}@keyframes logoSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{opacity:.85;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}.brand-loader-text{color:var(--text-secondary);text-align:center;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;animation:1.8s ease-in-out infinite textFade}@keyframes textFade{0%,to{opacity:.6}50%{opacity:1}}.subtabs-container{border-bottom:1px solid var(--glass-border);scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:10px;display:flex;overflow-x:auto}.subtabs-container::-webkit-scrollbar{display:none}.subtab-btn,.seasons-subtab-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;transition:all .25s;display:flex}.subtab-btn:hover,.seasons-subtab-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.subtab-btn.active,.seasons-subtab-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 10px #1e7e4e40}.subtab-btn.temporada{color:#f43f5e;background:#be123c0d;border-color:#be123c26}.subtab-btn.temporada:hover{background:#be123c1a;border-color:#be123c4d}.subtab-btn.temporada.active{color:#fff;background:#be123c;border-color:#be123c;box-shadow:0 4px 10px #be123c40}.collapsible-section{border:1px solid var(--glass-border);border-radius:12px;transition:all .3s;overflow:hidden}.collapsible-header{transition:background-color .25s}.collapsible-header:hover{background:#ffffff08}.collapsible-arrow{transition:transform .2s}#inventory-sticky-footer.visible{transform:translate(-50%)translateY(0)!important}.inline-edit-input{transition:border-color .2s,background-color .2s}.inline-edit-input:hover{background:#ffffff08!important;border-color:#ffffff26!important}.inline-edit-input:focus{outline:none;border-color:var(--accent-primary)!important;background:#ffffff0f!important}.left-sidebar .mobile-only-config{display:none!important}
