.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.required{color:var(--color-error);margin-left:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:14px 20px;border:1px solid var(--border-color);border-radius:var(--border-radius-full);font-size:var(--font-size-base);transition:all var(--transition-base);background-color:var(--color-white);color:var(--text-primary);outline:none}.input-field.input-with-icon{padding-right:50px}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1277b81a}.input-field.input-error{border-color:var(--color-error)}.input-field.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-field:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.6}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition-base);border-radius:50%}.password-toggle:hover{color:var(--color-primary);background-color:#1277b81a}.password-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.password-toggle svg{width:20px;height:20px}.error-message{font-size:var(--font-size-xs);color:var(--color-error);margin-top:4px}.input-field::placeholder{color:var(--text-secondary);opacity:.6}.btn{padding:12px 24px;border-radius:var(--border-radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-gray);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover:not(:disabled){background-color:#059669;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-full{width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;display:flex;flex-direction:column;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-base);color:var(--text-secondary)}.modal-close svg{width:24px;height:24px}.modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content{width:100%;max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-body{padding:var(--spacing-lg)}}.forgot-password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.forgot-password-info{display:flex;gap:var(--spacing-md);background-color:#e8f0fe;padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.forgot-password-info svg{width:24px;height:24px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.forgot-password-info p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.forgot-password-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.success-icon{width:80px;height:80px;background-color:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:48px;height:48px;color:#059669}.forgot-password-success h3{color:var(--text-primary);margin:0;font-size:var(--font-size-xl)}.forgot-password-success p{color:var(--text-secondary);margin:0;font-size:var(--font-size-base);line-height:1.6}.login-container{display:flex;min-height:100vh;background-color:#fff}.login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.login-form-wrapper{width:100%;max-width:450px}.login-logo{text-align:center;margin-bottom:var(--spacing-2xl)}.logo-image{width:100%;max-width:280px;height:auto;margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.forgot-password{text-align:center;color:var(--color-primary);font-size:var(--font-size-base);transition:all var(--transition-base);margin-top:var(--spacing-md)}.forgot-password:hover{text-decoration:underline;color:var(--color-primary-dark)}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative}.truck-image{max-width:800px;width:100%;display:flex;align-items:center;justify-content:center}.truck-img{width:100%;height:auto;object-fit:contain}@media (max-width: 1024px){.login-right{flex:.8}.truck-image{max-width:600px}}@media (max-width: 768px){.login-container{flex-direction:column}.login-left{padding:var(--spacing-lg)}.login-form-wrapper{max-width:100%}.login-right{padding:var(--spacing-lg);min-height:300px}.truck-image{max-width:100%}.logo-image{max-width:220px}}@media (max-width: 480px){.logo-image{max-width:180px}.truck-image{max-width:90%}}.dashboard-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);min-height:180px;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.dashboard-card:hover:before{transform:scaleX(1)}.dashboard-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-icon-wrapper{position:relative;display:inline-block}.card-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.dashboard-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-icon svg{width:40px;height:40px;color:var(--color-white)}.card-badge{position:absolute;top:-5px;right:-5px;min-width:28px;height:28px;background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:0 6px;box-shadow:0 4px 12px #ef444466;animation:pulse-badge 2s infinite;border:3px solid var(--color-white)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin:0;letter-spacing:.5px}@media (max-width: 768px){.dashboard-card{min-height:160px;padding:var(--spacing-lg)}.card-icon{width:70px;height:70px}.card-icon svg{width:35px;height:35px}.card-badge{min-width:24px;height:24px;font-size:10px}.card-title{font-size:var(--font-size-sm)}}.price-display{background:linear-gradient(135deg,#1277b8,#0f5f96);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.price-display-icon{width:50px;height:50px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.price-display-icon svg{width:28px;height:28px;color:var(--color-white)}.price-display-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.price-display-label{color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.price-display-items{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.price-item{display:flex;align-items:center;gap:var(--spacing-sm)}.fuel-name{color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.fuel-price{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background-color:#ffffff26;padding:4px 12px;border-radius:var(--border-radius-sm)}@media (max-width: 768px){.price-display{flex-direction:column;text-align:center}.price-display-items{justify-content:center}}.news-ticker{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,#1277b8,#0f5f96,#1277b8);border-top:3px solid #0d4d78;display:flex;align-items:center;height:50px;z-index:var(--z-fixed);box-shadow:0 -4px 12px #0003}.news-ticker-label{background-color:#0000004d;color:var(--color-white);padding:0 var(--spacing-lg);height:100%;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;border-right:2px solid rgba(255,255,255,.2)}.news-ticker-label svg{width:20px;height:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.news-ticker-content{flex:1;overflow:hidden;padding:0 var(--spacing-lg)}.news-ticker-scroll{display:inline-block;white-space:nowrap;animation:scroll 30s linear infinite;padding-left:100%}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.news-item{color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 var(--spacing-xl)}.news-item.priority-alta{font-weight:var(--font-weight-bold);color:gold}.news-item.priority-media{color:var(--color-white)}.news-item.priority-baja{color:#fffc}.news-ticker:hover .news-ticker-scroll{animation-play-state:paused}@media (max-width: 768px){.news-ticker{height:45px}.news-ticker-label{padding:0 var(--spacing-md);font-size:var(--font-size-xs)}.news-item{font-size:var(--font-size-sm)}}.news-ticker-empty{color:#48c968b3;font-size:var(--font-size-base);font-style:italic;padding-left:var(--spacing-lg)}.profile-picture-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.profile-picture-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;border:4px solid var(--color-white);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.profile-picture-preview:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.profile-image{width:100%;height:100%;object-fit:cover}.profile-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#5089b8,#1277b8);display:flex;align-items:center;justify-content:center}.profile-placeholder svg{width:60px;height:60px;color:var(--color-white)}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-base)}.profile-picture-preview:hover .upload-overlay{opacity:1}.upload-overlay svg{width:32px;height:32px;color:var(--color-white)}.upload-overlay span{color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center}.upload-error{color:var(--color-error);font-size:var(--font-size-sm);text-align:center;max-width:200px}.user-avatar{width:80px;height:80px;background-color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;position:relative;transition:all var(--transition-base);overflow:hidden}.user-avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.user-avatar svg{width:45px;height:45px;color:var(--color-primary)}.edit-indicator{position:absolute;bottom:0;right:0;width:28px;height:28px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-white);opacity:0;transition:opacity var(--transition-base)}.edit-indicator svg{width:14px;height:14px;color:var(--color-white)}.change-password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.notification-button{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#ffffff26;border:2px solid rgba(255,255,255,.3);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.notification-button:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.notification-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.notification-button svg{width:20px;height:20px}.notification-button.active{background-color:#10b981;border-color:#059669}.notification-button.active:hover{background-color:#059669;border-color:#047857}.notification-button.active svg{animation:ring 2s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.notification-denied{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#ef444433;border:2px solid rgba(239,68,68,.4);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.notification-denied svg{width:18px;height:18px;color:#fca5a5}@media (max-width: 768px){.notification-button,.notification-denied{width:100%;justify-content:center}}.notification-bell-container{position:relative}.notification-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:50%;transition:background-color var(--transition-base);display:flex;align-items:center;justify-content:center}.notification-bell-btn:hover{background-color:#fff3}.notification-bell-btn svg{width:24px;height:24px;color:var(--color-white)}.notification-badge{position:absolute;top:2px;right:2px;min-width:20px;height:20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-bold);padding:0 4px;box-shadow:0 2px 8px #ef444466;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:400px;max-height:500px;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 10px 40px #0000004d;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--border-color);background-color:var(--bg-secondary)}.notification-header h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.mark-all-read{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);transition:all var(--transition-base)}.mark-all-read:hover{background-color:#1277b81a}.notification-list{overflow-y:auto;max-height:450px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.notification-empty svg{width:60px;height:60px;color:var(--color-success);margin-bottom:var(--spacing-md);opacity:.5}.notification-empty p{margin:0;font-size:var(--font-size-sm)}.notification-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-base);position:relative}.notification-item:hover{background-color:var(--bg-secondary)}.notification-item.unread{background-color:#1277b80d}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary)}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-icon svg{width:24px;height:24px}.notification-icon .icon-success{color:var(--color-success);background-color:#d1fae5;border-radius:50%;padding:8px}.notification-icon .icon-error{color:var(--color-error);background-color:#fee2e2;border-radius:50%;padding:8px}.notification-icon .icon-info{color:var(--color-primary);background-color:#dbeafe;border-radius:50%;padding:8px}.notification-content{flex:1;min-width:0}.notification-content h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.notification-content p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);opacity:.7}.notification-delete{flex-shrink:0;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:50%;transition:all var(--transition-base);opacity:0;color:var(--text-secondary)}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background-color:#ef44441a;color:var(--color-error)}.notification-delete svg{width:18px;height:18px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.notification-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@media (max-width: 768px){.notification-dropdown{position:fixed;top:60px;right:10px;left:10px;width:auto}}.notification-icon .icon-warning{color:var(--color-warning, #f59e0b)}.dashboard-wrapper{min-height:100vh;background:linear-gradient(135deg,#5089b8,#1277b8);padding:var(--spacing-2xl);padding-bottom:80px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background-color:#ffffff1a;border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--spacing-md)}.user-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.user-avatar{width:120px;height:120px;background-color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d;cursor:pointer;position:relative;transition:all var(--transition-base);overflow:hidden;border:4px solid rgba(255,255,255,.3);flex-shrink:0}.user-avatar:hover{transform:scale(1.05);box-shadow:0 12px 32px #0006;border-color:#fff9}.user-avatar svg{width:55px;height:55px;color:var(--color-primary)}.avatar-image{width:100%;height:100%;object-fit:cover}.edit-indicator{position:absolute;bottom:2px;right:2px;width:32px;height:32px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-white);opacity:0;transition:opacity var(--transition-base)}.user-avatar:hover .edit-indicator{opacity:1}.edit-indicator svg{width:16px;height:16px;color:var(--color-white)}.user-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-fullname{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.username{font-size:var(--font-size-base);color:#ffffffe6;margin:0;font-weight:var(--font-weight-medium)}.btn-change-password{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#ffffff26;border:2px solid rgba(255,255,255,.3);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.btn-change-password:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-change-password svg{width:18px;height:18px}.logout-btn{background-color:#fff3;border:2px solid rgba(255,255,255,.3);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold)}.logout-btn:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.logout-btn svg{width:20px;height:20px}.btn-theme-toggle{background-color:#ffffff26;border:2px solid rgba(255,255,255,.25);color:var(--color-white);width:40px;height:40px;border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-theme-toggle:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.dashboard-content{margin-bottom:var(--spacing-2xl)}.card-group{margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.15)}.card-group-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;background:#ffffff14;transition:background .2s ease;-webkit-user-select:none;user-select:none}.card-group-header:hover{background:#ffffff24}.card-group-title{font-size:var(--font-size-xs);font-weight:700;color:#fffffff2;text-transform:uppercase;letter-spacing:3px;white-space:nowrap}.card-group-line{flex:1;height:1px;background:#fff3}.card-group-count{font-size:10px;font-weight:700;color:#fff9;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-full);padding:2px 8px;letter-spacing:1px}.card-group-chevron{width:20px;height:20px;color:#fff9;transition:transform .2s ease;flex-shrink:0}.card-group-chevron.collapsed{transform:rotate(-90deg)}.dashboard-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:#ffffff1a;border-top:1px solid rgba(255,255,255,.1)}.dashboard-list .dashboard-card{border-radius:0;border:none;background-color:#ffffff14;box-shadow:none;min-height:160px}.dashboard-list .dashboard-card:before{display:none}.dashboard-list .dashboard-card:hover{background-color:#ffffff29;transform:none;box-shadow:inset 3px 0 #ffffff80}.dashboard-list .dashboard-card .card-title{color:var(--color-white)}.dashboard-list .dashboard-card .card-description{color:#ffffffbf}.dashboard-list .dashboard-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}@media (max-width: 1024px){.dashboard-wrapper{padding:var(--spacing-lg);padding-bottom:80px}.dashboard-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.dashboard-wrapper{padding:var(--spacing-md);padding-bottom:80px}.dashboard-header{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.user-info{width:100%;flex-direction:column;align-items:center}.header-actions{width:100%;justify-content:space-between}.btn-change-password span{display:none}.btn-change-password{padding:var(--spacing-sm)}.user-avatar{width:90px;height:90px}.user-avatar svg{width:50px;height:50px}.user-fullname{font-size:var(--font-size-lg);text-align:center}.username{font-size:var(--font-size-sm);text-align:center}.dashboard-list{grid-template-columns:1fr}}@media (max-width: 480px){.user-avatar{width:80px;height:80px}.user-avatar svg{width:45px;height:45px}}@media (min-width: 1400px){.dashboard-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.dashboard-list .dashboard-card .card-title{color:var(--color-white)!important}.dashboard-list .dashboard-card{background-color:var(--color-white)!important}.dashboard-list .dashboard-card .card-title{color:var(--text-primary)!important}.dashboard-list .dashboard-card:hover{background-color:var(--color-white)!important;transform:translateY(-4px)!important;box-shadow:var(--shadow-xl)!important}.card{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.inventory-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.inventory-header h1{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0}.inventory-loading,.inventory-error,.inventory-empty{display:flex;justify-content:center;align-items:center;min-height:400px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.inventory-card{display:flex;flex-direction:column}.inventory-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.inventory-card-header h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.badge{padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.badge-critical{background-color:#fee2e2;color:#991b1b}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-normal{background-color:#d1fae5;color:#065f46}.inventory-card-body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.info-row.highlight{background-color:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-semibold)}.info-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.info-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.info-value.total{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.stock-bar{height:24px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-full);overflow:hidden;margin-top:var(--spacing-md)}.stock-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:var(--border-radius-full)}.stock-critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.stock-warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.stock-normal{background:linear-gradient(90deg,#10b981,#059669)}.stock-percentage{text-align:center;margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.inventory-card-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.inventory-card-footer small{color:var(--text-tertiary);font-size:var(--font-size-xs)}@media (max-width: 768px){.inventory-container{padding:var(--spacing-lg)}.inventory-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.inventory-header h1{font-size:var(--font-size-2xl)}.inventory-grid{grid-template-columns:1fr}}.entry-form-container{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary)}.entry-form-wrapper{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.entry-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}@media (max-width: 768px){.entry-form-container,.entry-form-wrapper{padding:var(--spacing-lg)}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.exit-form-container{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary)}.exit-form-wrapper{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.form-header{margin-bottom:var(--spacing-xl)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.form-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.exit-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.tank-info-card{background-color:#e8f4f8;border-left:4px solid var(--color-primary);padding:var(--spacing-lg);border-radius:var(--border-radius-md)}.tank-info-card h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-base)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.info-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.info-value.highlight{color:var(--color-primary);font-size:var(--font-size-lg)}.stock-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef3c7;border-left:4px solid var(--color-warning);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:#92400e}.stock-warning.critical{background-color:#fee2e2;border-left-color:var(--color-error);color:#991b1b}.stock-warning svg{width:20px;height:20px;flex-shrink:0}.form-summary{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius-md)}.form-summary h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-base)}.summary-row.total{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--border-color);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.summary-value{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.summary-note{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);font-style:italic;color:var(--text-tertiary)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.form-actions button{min-width:150px}@media (max-width: 768px){.exit-form-container,.exit-form-wrapper{padding:var(--spacing-lg)}.info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.approval-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary)}.approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.approval-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;flex:1;text-align:center}.btn-refresh{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 20px;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.btn-refresh:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.approval-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.approval-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl)}.approval-empty svg{width:80px;height:80px;color:var(--color-success)}.approval-empty p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.approval-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.approval-card{background-color:var(--color-white)}.approval-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.badge-entrada{background-color:#d1fae5;color:#065f46;padding:8px 16px;border-radius:var(--border-radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.badge-salida{background-color:#fee2e2;color:#991b1b;padding:8px 16px;border-radius:var(--border-radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.movement-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.approval-card-body{margin-bottom:var(--spacing-lg)}.movement-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.info-section{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius-md)}.info-section h4{font-size:var(--font-size-base);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.info-row .label{color:var(--text-secondary);font-size:var(--font-size-sm)}.info-row .value{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);text-align:right}.info-row .value.highlight{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.validation-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fee2e2;border-left:4px solid var(--color-error);border-radius:var(--border-radius-md);color:#991b1b;font-weight:var(--font-weight-medium);margin-top:var(--spacing-lg)}.validation-error svg{width:24px;height:24px;flex-shrink:0}.approval-card-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.reject-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reject-modal-content p{margin:0;color:var(--text-primary)}.movement-details{font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md)}.reject-modal-content textarea{width:100%;min-height:100px;resize:vertical}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}@media (max-width: 768px){.approval-container{padding:var(--spacing-lg)}.approval-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.approval-header h1{font-size:var(--font-size-xl);text-align:left}.movement-info-grid{grid-template-columns:1fr}.approval-card-footer{flex-direction:column-reverse}.approval-card-footer button{width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.history-container{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary)}.history-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.history-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.history-filters{display:flex;gap:var(--spacing-lg);align-items:flex-end;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.filter-select{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);background-color:var(--color-white);color:var(--text-primary);outline:none;cursor:pointer}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1277b81a}.btn-reset-filters{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 20px;background-color:var(--color-gray);color:var(--color-white);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);white-space:nowrap}.btn-reset-filters svg{width:20px;height:20px}.btn-reset-filters:hover{background-color:var(--color-gray-dark);transform:translateY(-2px)}.history-loading,.history-empty{display:flex;justify-content:center;align-items:center;min-height:400px;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.history-table-wrapper{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.history-table{width:100%;border-collapse:collapse}.history-table thead{background-color:var(--color-primary);color:var(--color-white)}.history-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.history-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.history-table tbody tr:hover{background-color:var(--bg-secondary)}.history-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-primary)}.history-table .text-right{text-align:right}.badge-entrada{background-color:#d1fae5;color:#065f46;padding:4px 12px;border-radius:var(--border-radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase}.badge-salida{background-color:#fee2e2;color:#991b1b;padding:4px 12px;border-radius:var(--border-radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase}.status-approved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-pending{background-color:#fef3c7;color:#92400e}.btn-details{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);transition:all var(--transition-base)}.btn-details svg{width:18px;height:18px}.btn-details:hover{background-color:var(--color-primary-dark);transform:scale(1.1)}.history-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.history-summary p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.history-summary strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}@media (max-width: 1200px){.history-table-wrapper{overflow-x:auto}.history-table{min-width:1000px}}@media (max-width: 768px){.history-container{padding:var(--spacing-lg)}.history-header{flex-direction:column;align-items:flex-start}.history-header h1{font-size:var(--font-size-xl)}.history-filters{flex-direction:column;align-items:stretch}.btn-reset-filters{width:100%;justify-content:center}}.user-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) 0}.profile-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;border:3px solid var(--border-color);transition:all var(--transition-base)}.profile-preview:hover{border-color:var(--color-primary);transform:scale(1.05)}.preview-image{width:100%;height:100%;object-fit:cover}.preview-placeholder{width:100%;height:100%;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.preview-placeholder svg{width:50px;height:50px;color:var(--text-secondary)}.upload-hint{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-base)}.profile-preview:hover .upload-hint{opacity:1}.upload-hint svg{width:30px;height:30px;color:var(--color-white)}.upload-hint span{color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.photo-hint{color:var(--text-secondary);font-size:var(--font-size-xs);text-align:center}.reset-password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.users-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary)}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.users-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;flex:1;text-align:center}.users-header button svg{width:20px;height:20px}.users-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.user-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start}.user-avatar-large{width:60px;height:60px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.user-avatar-large svg{width:35px;height:35px;color:var(--color-white)}.role-badge{padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.role-admin{background-color:#dbeafe;color:#1e40af}.role-contabilidad{background-color:#fef3c7;color:#92400e}.role-almacen{background-color:#d1fae5;color:#065f46}.role-ventas{background-color:#fce7f3;color:#9f1239}.user-card-body h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.user-email{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.user-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.info-item .label{color:var(--text-secondary)}.status{padding:4px 8px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.status.active{background-color:#d1fae5;color:#065f46}.status.inactive{background-color:#fee2e2;color:#991b1b}@media (max-width: 768px){.users-container{padding:var(--spacing-lg)}.users-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.users-header h1{font-size:var(--font-size-xl);text-align:left}.users-grid{grid-template-columns:1fr}.user-avatar-large{width:60px;height:60px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar-large svg{width:35px;height:35px;color:var(--color-white)}.avatar-img{width:100%;height:100%;object-fit:cover}.user-username{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:var(--spacing-xs) 0}.user-ci{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.user-card-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.user-card-actions button{width:100%;justify-content:center}.user-card-actions button svg{width:18px;height:18px}}.tank-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tanks-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary)}.tanks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.tanks-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;flex:1;text-align:center}.tanks-header button svg{width:20px;height:20px}.tanks-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.tanks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.tank-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tank-card-header{display:flex;justify-content:space-between;align-items:flex-start}.tank-icon{width:60px;height:60px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.tank-icon svg{width:35px;height:35px;color:var(--color-white)}.tank-card-body h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.tank-fuel-type{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:var(--spacing-sm) 0}.tank-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.info-row .label{color:var(--text-secondary)}@media (max-width: 768px){.tanks-container{padding:var(--spacing-lg)}.tanks-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.tanks-header h1{font-size:var(--font-size-xl);text-align:left}.tanks-grid{grid-template-columns:1fr}}.fuel-price-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.prices-container{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:70px}.prices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.prices-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;flex:1;text-align:center}.prices-header button svg{width:20px;height:20px}.prices-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.prices-table-wrapper{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.prices-table{width:100%;border-collapse:collapse}.prices-table thead{background-color:var(--color-primary);color:var(--color-white)}.prices-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.prices-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.prices-table tbody tr:hover{background-color:var(--bg-secondary)}.prices-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-primary)}.fuel-type{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.price-value{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-success)}.status-badge{padding:4px 12px;border-radius:var(--border-radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase}@media (max-width: 1200px){.prices-table-wrapper{overflow-x:auto}.prices-table{min-width:1000px}}@media (max-width: 768px){.prices-container{padding:var(--spacing-lg)}.prices-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.prices-header h1{font-size:var(--font-size-xl);text-align:left}}.requests-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:70px}.requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.requests-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;flex:1;text-align:center}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);transition:all var(--transition-base);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.btn-back:hover{color:var(--color-primary-dark);transform:translate(-4px)}.btn-refresh{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.requests-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.requests-empty{background-color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;max-width:600px;margin:0 auto}.requests-empty svg{width:80px;height:80px;color:var(--color-success);margin-bottom:var(--spacing-lg)}.requests-empty h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.requests-empty p{color:var(--text-secondary)}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.request-card{display:flex;flex-direction:column}.request-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.user-icon{width:60px;height:60px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.user-icon svg{width:35px;height:35px;color:var(--color-white)}.status-badge.pending{background-color:#fef3c7;color:#92400e}.request-card-body{flex:1;margin-bottom:var(--spacing-lg)}.request-card-body h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg)}.request-username{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:var(--spacing-xs) 0}.request-email{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.request-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.info-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.info-row svg{width:18px;height:18px;color:var(--color-primary)}.info-row .label{font-weight:var(--font-weight-medium)}.request-card-actions{display:flex;gap:var(--spacing-sm)}.request-card-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.request-card-actions svg{width:18px;height:18px}.approve-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-info-display{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.reset-info{margin:0;color:var(--text-primary);font-size:var(--font-size-base)}.reset-info strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}@media (max-width: 768px){.requests-container{padding:var(--spacing-lg)}.requests-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.requests-header h1{font-size:var(--font-size-xl);text-align:left}.requests-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.news-ticker-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-group textarea{padding:14px 20px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);background-color:var(--color-white);color:var(--text-primary);outline:none;font-family:inherit;resize:vertical}.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1277b81a}.form-group select{padding:14px 20px;border:1px solid var(--border-color);border-radius:var(--border-radius-full);font-size:var(--font-size-base);transition:all var(--transition-base);background-color:var(--color-white);color:var(--text-primary);outline:none;cursor:pointer}.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1277b81a}.form-note{background-color:#e8f0fe;padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.form-note small{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.5}.form-actions button{min-width:120px}@media (max-width: 768px){.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.news-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:70px}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.news-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;flex:1;text-align:center}.news-header button svg{width:20px;height:20px}.news-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.news-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.news-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.news-card.inactive{opacity:.6}.news-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.priority-badge{padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.priority-badge.priority-alta{background-color:#fee2e2;color:#991b1b}.priority-badge.priority-media{background-color:#fef3c7;color:#92400e}.priority-badge.priority-baja{background-color:#e5e7eb;color:#4b5563}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.news-card-body{margin-bottom:var(--spacing-lg)}.news-message{font-size:var(--font-size-lg);color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-lg)}.news-info{display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md)}.info-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.info-row .label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.info-row .value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.news-card-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}@media (max-width: 768px){.news-container{padding:var(--spacing-lg)}.news-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.news-header h1{font-size:var(--font-size-xl);text-align:left}.news-card-actions{flex-direction:column}.news-card-actions button{width:100%}}.blocked-container{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:70px}.blocked-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.blocked-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;flex:1;text-align:center}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.toggle-switch{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.toggle-switch input[type=checkbox]{position:relative;width:48px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ccc;border-radius:24px;outline:none;cursor:pointer;transition:background-color .3s}.toggle-switch input[type=checkbox]:checked{background-color:var(--color-success)}.toggle-switch input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s}.toggle-switch input[type=checkbox]:checked:before{transform:translate(24px)}.toggle-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.btn-refresh{display:inline-flex;align-items:center;background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-refresh:hover{background-color:var(--color-primary-dark)}.btn-refresh svg{width:20px;height:20px}.blocked-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.blocked-empty{background-color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;max-width:600px;margin:0 auto}.blocked-empty svg{width:80px;height:80px;color:var(--color-success);margin-bottom:var(--spacing-lg)}.blocked-empty h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.blocked-empty p{color:var(--text-secondary)}.blocked-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-xl)}.blocked-card{display:flex;flex-direction:column;border-left:4px solid #DC2626}.blocked-card.inactive{opacity:.7;border-left-color:#6b7280}.blocked-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.block-icon{width:60px;height:60px;background-color:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center}.block-icon svg{width:35px;height:35px;color:#dc2626}.block-badges{display:flex;gap:var(--spacing-xs)}.status-badge{padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.status-badge.active-block{background-color:#fee2e2;color:#991b1b}.status-badge.inactive-block{background-color:#e5e7eb;color:#4b5563}.blocked-card-body{flex:1;margin-bottom:var(--spacing-lg)}.blocked-card-body h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg)}.block-username{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:var(--spacing-xs) 0}.block-identifier{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.block-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.info-item svg{width:20px;height:20px;color:var(--color-error);flex-shrink:0;margin-top:2px}.info-item>div{flex:1;display:flex;flex-direction:column;gap:4px}.info-item .label{font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.info-item .value{color:var(--text-primary)}.time-remaining{color:#dc2626;font-weight:var(--font-weight-bold)}.block-notes{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:3px solid var(--color-primary)}.block-notes strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-sm)}.block-notes p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.blocked-card-actions{display:flex;gap:var(--spacing-sm)}.blocked-card-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.blocked-card-actions svg{width:18px;height:18px}.unblock-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.unblock-info{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.unblock-info p{margin:0;color:var(--text-primary);font-size:var(--font-size-base)}.unblock-info strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}.warning-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);background-color:#fef3c7;padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid #F59E0B}.warning-message svg{width:24px;height:24px;color:#f59e0b;flex-shrink:0;margin-top:2px}.warning-message p{margin:0;color:#92400e;font-size:var(--font-size-sm);line-height:1.5}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.form-actions button{min-width:140px}@media (max-width: 768px){.blocked-container{padding:var(--spacing-lg)}.blocked-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.blocked-header h1{font-size:var(--font-size-xl);text-align:left}.header-actions{flex-direction:column;align-items:stretch}.blocked-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.supplier-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-section h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.textarea-field{min-height:80px;resize:vertical;font-family:inherit;padding:var(--spacing-sm)}.info-note{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#dbeafe;border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md);color:#1e40af;font-size:var(--font-size-sm)}.info-note svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--border-color)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.supplier-list-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.list-header h1{flex:1;margin:0;color:var(--text-primary)}.btn-back{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-primary);font-size:var(--font-size-md);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:background-color var(--transition-base)}.btn-back:hover{background-color:#1277b81a}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.table-wrapper{overflow-x:auto;background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000001a}.data-table thead{background-color:var(--bg-secondary)}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-color)}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.data-table tbody tr:hover{background-color:var(--bg-secondary)}.font-semibold{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:var(--spacing-xs)}.btn-icon{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-icon svg{width:20px;height:20px}.btn-edit{color:var(--color-primary)}.btn-edit:hover{background-color:#1277b81a}.btn-delete{color:var(--color-error)}.btn-delete:hover{background-color:#ef44441a}.purchase-order-form-container{min-height:100vh;background:linear-gradient(135deg,#1277b8,#0a5a8a);padding:var(--spacing-lg)}.purchase-order-form-wrapper{background:var(--bg-secondary, #fff);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 10px 40px #0003}.form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.form-header h1{flex:1;margin:0;color:var(--text-primary);font-size:var(--font-size-xl)}.two-panel-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-xl)}.form-panel{display:flex;flex-direction:column}.purchase-order-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-section h3{margin:0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary)}.form-row-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.form-group{display:flex;flex-direction:column;gap:4px}.form-group-full{grid-column:span 2}.form-group label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-xs)}.required{color:#dc2626}.input-field{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:border-color .2s,box-shadow .2s}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1277b81a}.textarea-field{resize:vertical;font-family:inherit;min-height:60px}.info-note-compact{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 12px;background:var(--alert-warning-bg, #FEF3C7);border-radius:var(--border-radius-md);border:1px solid var(--alert-warning-border, #FCD34D);color:var(--alert-warning-color, #92400E);font-size:11px;margin-bottom:var(--spacing-xs)}.info-note-compact svg{width:16px;height:16px;flex-shrink:0}.preview-panel{position:relative}.preview-sticky{position:sticky;top:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);border:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a}.preview-sticky h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-align:center;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.preview-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preview-item{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-sm);background:var(--bg-primary, #fff);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.preview-label{font-size:10px;color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.preview-value{font-size:var(--font-size-md);color:var(--text-primary);font-weight:var(--font-weight-bold)}.preview-divider{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0}.preview-item-detail{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;font-size:var(--font-size-sm)}.preview-label-small{color:var(--text-secondary);font-size:11px;flex:1;line-height:1.3}.preview-value-small{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);white-space:nowrap;margin-left:var(--spacing-xs)}.preview-item-highlight{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:2px solid var(--color-primary)}.preview-label-big{font-size:10px;color:var(--color-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.preview-value-big{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-bold)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:2px solid var(--border-color);margin-top:var(--spacing-md)}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;font-size:var(--font-size-sm)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#0A5A8A 100%);border:none;color:var(--color-white)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1277b866}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.alert{padding:var(--spacing-sm);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.alert-success{background:#dcfce7;border:1px solid #BBF7D0;color:#16a34a}[data-theme=dark] .purchase-order-form-container{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .info-note-compact{--alert-warning-bg: #451a03;--alert-warning-border: #78350f;--alert-warning-color: #fcd34d}.costos-table{width:100%;border-collapse:collapse;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.costos-table th{font-size:11px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;padding:7px 10px;text-align:left;background:var(--bg-primary, #f9fafb);white-space:nowrap}.costos-table td{padding:5px 6px;border-top:1px solid var(--border-color, #e5e7eb);vertical-align:middle;color:var(--text-primary, #111827)}.costos-table tr:nth-child(2n) td{background:var(--bg-secondary, #f9fafb)}.costos-table .row-label{font-size:12px;font-weight:600;white-space:nowrap;padding-left:10px}@media (max-width: 768px){.purchase-order-form-container,.purchase-order-form-wrapper{padding:var(--spacing-md)}.form-row-compact{grid-template-columns:1fr}.form-group-full{grid-column:span 1}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.po-list-container{padding:var(--spacing-xl);width:100%;box-sizing:border-box}.list-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.list-header h1{margin:0;flex:1}.filters-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000001a}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--color-white);cursor:pointer;transition:border-color var(--transition-base)}.filter-select:focus{outline:none;border-color:var(--color-primary)}.table-wrapper{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000001a;overflow-x:auto}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-secondary)}.data-table td{font-size:var(--font-size-sm)}.data-table tbody tr:hover{background:var(--bg-secondary)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.status-in-transit{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:var(--color-white)}.status-received{background:linear-gradient(135deg,#10b981,#059669);color:var(--color-white)}.status-partial{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--color-white)}.status-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-white)}.fuel-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:#dbeafe;color:#1e40af;border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.empty-state p{margin:0;font-size:var(--font-size-lg);color:var(--text-secondary)}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.alert-error{background:#fee2e2;border:1px solid #FECACA;color:#dc2626}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn-export-pdf{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;transition:all .2s}.btn-export-pdf:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.btn-export-pdf:disabled{opacity:.7;cursor:not-allowed}.btn-export-pdf svg{width:20px;height:20px}@media (max-width: 1200px){.po-list-container{padding:var(--spacing-lg)}.data-table{font-size:var(--font-size-xs)}.data-table th,.data-table td{padding:var(--spacing-sm)}}@media (max-width: 768px){.po-list-container{padding:var(--spacing-md)}.filters-bar{flex-direction:column;padding:var(--spacing-md)}.filter-group,.filter-select{width:100%}.data-table th:nth-child(7),.data-table td:nth-child(7),.data-table th:nth-child(9),.data-table td:nth-child(9),.data-table th:nth-child(12),.data-table td:nth-child(12){display:none}}.btn-edit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;transition:all .2s}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-edit svg{width:20px;height:20px}.fletes-section{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px dashed var(--border-color)}.fletes-label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.fletes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.fletes-grid .form-group label{font-size:var(--font-size-xs);color:var(--text-secondary)}@media (max-width: 1200px){.two-panel-layout{grid-template-columns:1fr 320px}}@media (max-width: 992px){.two-panel-layout{grid-template-columns:1fr}.preview-sticky{position:relative;top:0}}@media (max-width: 768px){.purchase-order-form-container,.purchase-order-form-wrapper{padding:var(--spacing-md)}.form-row-compact,.fletes-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.status-pending{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:var(--color-white)}.pdf-modal{max-width:480px;width:90%}.pdf-modal-body{padding:20px 24px 24px}.pdf-options{display:flex;flex-direction:column;gap:12px}.pdf-option-btn{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid transparent;border-radius:10px;cursor:pointer;background:#f8fafc;text-align:left;transition:all .15s ease;width:100%}.pdf-option-btn.provisional{border-color:#3b82f6;color:#1e40af}.pdf-option-btn.provisional:hover:not(:disabled){background:#dbeafe}.pdf-option-btn.final{border-color:#10b981;color:#065f46}.pdf-option-btn.final:hover:not(:disabled){background:#d1fae5}.pdf-option-btn:disabled{opacity:.45;cursor:not-allowed}.in-transit-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);text-align:center;background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000001a}.empty-state svg{width:80px;height:80px;color:var(--color-primary);opacity:.3;margin-bottom:var(--spacing-lg)}.empty-state p{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.empty-state span{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--spacing-lg)}.order-card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-base),box-shadow var(--transition-base)}.order-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.order-title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-title h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg)}.order-fuel-type{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:#dbeafe;color:#1e40af;border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-in-transit{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.order-supplier{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.order-supplier svg{width:32px;height:32px;color:var(--color-primary)}.order-supplier>div{display:flex;flex-direction:column}.supplier-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.supplier-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.order-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.detail-value.highlight{color:var(--color-primary);font-size:var(--font-size-lg)}.order-breakdown{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.order-breakdown h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.breakdown-grid{display:grid;gap:var(--spacing-sm)}.breakdown-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.breakdown-item span:last-child{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.order-notes{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.order-notes strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-xs);text-transform:uppercase}.order-notes p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.order-actions{display:flex;gap:var(--spacing-sm)}.btn-details{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-details:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#1277b80d}.btn-details svg{width:20px;height:20px}.btn-register-receipt{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);border:none;border-radius:var(--border-radius-md);color:var(--color-white);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base)}.btn-register-receipt:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-register-receipt svg{width:20px;height:20px}@media (max-width: 768px){.orders-grid,.order-details{grid-template-columns:1fr}.order-actions{flex-direction:column}}:root{--rl-primary: #1a5276;--rl-blue-dark: #0d3349}.receipt-list-container{padding:20px;max-width:1600px;margin:0 auto}.rl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 20px;background:linear-gradient(135deg,var(--rl-blue-dark),var(--rl-primary));border-radius:10px;box-shadow:0 4px 16px #1a527633}.rl-header-left{display:flex;align-items:center;gap:12px}.rl-header h2{margin:0;color:#fff;font-size:18px}.rl-count{background:#ffffff26;color:#ffffffd9;font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px}.rl-btn-back{padding:6px 12px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.rl-btn-back:hover{background:#ffffff40}.rl-filters{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.rl-search{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.rl-search-icon{position:absolute;left:12px;font-size:14px;pointer-events:none}.rl-search input{width:100%;padding:9px 36px;border:1.5px solid #e0e7ef;border-radius:8px;font-size:13px;background:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.rl-search input:focus{outline:none;border-color:var(--rl-primary);box-shadow:0 0 0 3px #1a52761f}.rl-search-clear{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:18px;color:#999;padding:0}.rl-search-clear:hover{color:#333}.rl-date-range{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #e0e7ef;border-radius:8px;padding:0 12px}.rl-date-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;white-space:nowrap}.rl-date-range input[type=date]{border:none;outline:none;padding:9px 4px;font-size:13px;background:transparent;cursor:pointer}.rl-btn-clear{padding:9px 14px;background:#e74c3c14;color:#e74c3c;border:1.5px solid rgba(231,76,60,.25);border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;transition:all .2s}.rl-btn-clear:hover{background:#e74c3c26;border-color:#e74c3c}.rl-table-wrap{background:#fff;border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px #00000012}.rl-table{width:100%;min-width:1300px;border-collapse:collapse}.rl-table th{padding:10px 14px;text-align:left;background:linear-gradient(90deg,var(--rl-primary),#1f6491);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;white-space:nowrap}.rl-table td{padding:9px 14px;font-size:13px;border-bottom:1px solid #f0f4f8;color:#333;white-space:nowrap}.rl-row:hover td{background:#f0f6ff}.fuel-badge{display:inline-block;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:10px;font-size:11px;font-weight:700}.provider-qty{font-weight:600;color:#6366f1}.received-qty{font-weight:700;color:#16a34a}.balance-favor{font-weight:600;color:#14b8a6}.balance-excess{font-weight:600;color:#f59e0b}.shrinkage-normal{color:#16a34a;font-weight:600}.shrinkage-warning{color:#f59e0b;font-weight:600}.shrinkage-critical{color:#dc2626;font-weight:700}.shrinkage-expansion{color:#0ea5e9;font-weight:600}.edited-by{font-size:12px;color:#6366f1;font-weight:600}.edited-date{font-size:11px;color:#999;display:block}.btn-edit-receipt{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:none;border:1px solid #e0e7ef;border-radius:6px;color:#666;font-size:12px;cursor:pointer;transition:all .2s}.btn-edit-receipt:hover{border-color:var(--rl-primary);color:var(--rl-primary)}.shrinkage-list-container{padding:var(--spacing-xl);max-width:1600px;margin:0 auto}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.summary-card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;display:flex;gap:var(--spacing-md);align-items:center;transition:transform var(--transition-base)}.summary-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.summary-icon{width:56px;height:56px;border-radius:var(--border-radius-md);background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon svg{width:32px;height:32px;color:var(--color-white)}.summary-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold)}.summary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}@media (max-width: 1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr}}.dual-inventory-container{padding:var(--spacing-xl);max-width:100%;margin:0 auto}.info-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.info-card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #00000014;display:flex;gap:var(--spacing-md);align-items:center;transition:transform var(--transition-base),box-shadow var(--transition-base);border-top:3px solid transparent}.info-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.info-card:nth-child(1){border-top-color:#3b82f6}.info-card:nth-child(2){border-top-color:#f97316}.info-card:nth-child(3){border-top-color:#10b981}.info-card:nth-child(4){border-top-color:#0ea5e9}.info-card:nth-child(5){border-top-color:#f59e0b}.info-card-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-icon svg{width:28px;height:28px;color:#fff}.info-card-icon.accounting{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.info-card-icon.provider{background:linear-gradient(135deg,#f97316,#ea580c)}.info-card-icon.physical{background:linear-gradient(135deg,#10b981,#059669)}.info-card-icon.balance{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.info-card-icon.shrinkage{background:linear-gradient(135deg,#f59e0b,#d97706)}.info-card-content{display:flex;flex-direction:column;gap:2px;min-width:0}.info-card-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-weight:600;white-space:nowrap}.info-card-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);white-space:nowrap}.info-card-sublabel{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.table-wrapper{overflow-x:auto;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #00000014}.dual-inventory-table{width:100%;border-collapse:collapse;background:var(--color-white);font-size:13px}.dual-inventory-table th{padding:10px 14px;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap}.dual-inventory-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap}.dual-inventory-table tbody tr:hover{background-color:#f8faff}.group-header{text-align:center!important;font-size:12px;letter-spacing:.4px}.accounting-header{background-color:#dbeafe;color:#1e40af;border-bottom:2px solid #93C5FD}.provider-header{background-color:#ffedd5;color:#9a3412;border-bottom:2px solid #FDBA74}.physical-header{background-color:#d1fae5;color:#065f46;border-bottom:2px solid #6EE7B7}.balance-header{background-color:#e0f2fe;color:#075985;border-bottom:2px solid #7DD3FC}.shrinkage-header{background-color:#fef3c7;color:#92400e;border-bottom:2px solid #FCD34D}.sub-header{font-size:11px;text-align:right!important;font-weight:500;color:var(--text-secondary);padding:6px 14px!important}.accounting-cell{background-color:#dbeafe40}.provider-cell{background-color:#ffedd540}.physical-cell{background-color:#d1fae540}.balance-cell{background-color:#e0f2fe40}.shrinkage-cell{background-color:#fef3c740}.diff-normal{color:#059669!important;font-weight:700}.diff-warning{color:#d97706!important;font-weight:700}.diff-critical{color:#dc2626!important;font-weight:700}.diff-expansion{color:#0ea5e9!important;font-weight:700}.balance-excess{color:#d97706!important;font-weight:700}.fuel-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background-color:#fff7ed;color:#c2410c;border:1px solid #FDBA74}.totals-row{background:linear-gradient(90deg,#f0f9ff,#fff7ed);border-top:2px solid #E2E8F0}.totals-row td{padding:14px;font-size:13px;font-weight:700;color:var(--text-primary)}.legend{margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:var(--spacing-xl)}.legend h4{margin:0;color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap}.legend-items{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.legend-color{width:12px;height:12px;border-radius:50%}.legend-color.diff-normal{background:#059669}.legend-color.diff-warning{background:#d97706}.legend-color.diff-critical{background:#dc2626}.legend-color.diff-expansion{background:#0ea5e9}@media (max-width: 1400px){.info-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.info-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.info-cards{grid-template-columns:1fr}.legend{flex-direction:column;align-items:flex-start}}.in-transit-inventory-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.btn-back{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-back:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-back svg{width:20px;height:20px}.transit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000001a}.summary-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-right:1px solid var(--border-color)}.summary-item:last-child{border-right:none}.summary-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center}.summary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.badge-transit{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:var(--color-white);padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.fuel-icon-name{display:flex;align-items:center;gap:var(--spacing-sm)}.fuel-icon{width:40px;height:40px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.fuel-icon svg{width:24px;height:24px}.transit-indicator{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--border-radius-md);border:1px solid #FCD34D}.transit-truck{display:flex;align-items:center;gap:var(--spacing-sm);color:#92400e;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.transit-truck svg{width:20px;height:20px}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000001a;text-align:center;width:100%}.empty-state-card svg{width:80px;height:80px;color:var(--color-primary);opacity:.3;margin-bottom:var(--spacing-lg)}.empty-state-card p{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.empty-state-card span{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.inventory-empty{display:flex;justify-content:center}@media (max-width: 768px){.transit-summary{grid-template-columns:repeat(2,1fr)}.summary-item{border-right:none;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none}}.cl-container{padding:20px 24px}.cl-header{display:flex;justify-content:space-between;align-items:center;background:#1e3a5f;color:#fff;padding:14px 20px;border-radius:10px;margin-bottom:16px}.cl-header-left{display:flex;align-items:center;gap:12px}.cl-header-left h2{margin:0;font-size:18px;color:#fff}.cl-header-right{display:flex;align-items:center;gap:10px}.cl-back{background:none;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:5px 11px;cursor:pointer;font-size:13px;color:#fff}.cl-back:hover{background:#ffffff1a}.cl-btn-primary{background:#f97316;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.cl-btn-primary:hover{opacity:.88}.cl-global-export{display:flex;gap:6px}.cl-status-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.cl-status-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:13px;font-weight:500;cursor:pointer;color:#475569;transition:all .15s}.cl-status-pill span{background:#f1f5f9;border-radius:10px;padding:1px 7px;font-size:12px;font-weight:700}.cl-status-pill.active{border-color:#1e3a5f;background:#1e3a5f;color:#fff}.cl-status-pill.active span{background:#fff3;color:#fff}.pill-debt.active{border-color:#dc2626;background:#dc2626}.pill-credit.active{border-color:#16a34a;background:#16a34a}.pill-paid.active{border-color:#2563eb;background:#2563eb}.pill-new.active{border-color:#94a3b8;background:#94a3b8}.cl-filters{display:flex;gap:10px;margin-bottom:14px}.cl-search{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.cl-filters select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.cl-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #e2e8f0}.cl-table{width:100%;border-collapse:collapse;font-size:13px}.cl-table th{padding:9px 12px;text-align:left;background:#f8fafc;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #e2e8f0}.cl-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#334155}.cl-table tr:last-child td{border-bottom:none}.row-debt td{background:#fff5f5}.row-credit td{background:#f0fdf4}.row-paid td{background:#eff6ff}.cl-table tr.row-debt:hover td{background:#fee2e2}.cl-table tr.row-credit:hover td{background:#dcfce7}.cl-table tr.row-paid:hover td{background:#dbeafe}.cl-table tr:not([class]):hover td{background:#f8fafc}.cl-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.dot-debt{background:#dc2626}.dot-credit{background:#16a34a}.dot-paid{background:#2563eb}.dot-new{background:#cbd5e1}.cl-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.type-spot{background:#f1f5f9;color:#475569}.type-contrato{background:#e0f2fe;color:#0369a1}.cl-name{font-weight:500}.cl-pos{color:#16a34a;font-weight:600}.cl-neg{color:#dc2626;font-weight:600}.cl-actions-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cl-row-export{display:flex;gap:4px}.cl-btn-detail{background:#1e3a5f;color:#fff;border:none;border-radius:5px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.cl-btn-detail:hover{opacity:.88}.cl-btn-export{border:none;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.3px}.cl-btn-export.excel{background:#16a34a;color:#fff}.cl-btn-export.excel:hover{background:#15803d}.cl-btn-export.pdf{background:#dc2626;color:#fff}.cl-btn-export.pdf:hover{background:#b91c1c}.cl-empty{text-align:center;color:#94a3b8;padding:40px;font-size:14px}.cl-loading{text-align:center;padding:60px;color:#64748b}.cl-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.cl-popup{background:#fff;border-radius:10px;padding:24px;width:320px;box-shadow:0 10px 40px #0003}.cl-popup h4{margin:0 0 4px;font-size:16px;color:#1e3a5f}.cl-popup p{margin:0 0 16px;font-size:13px;color:#64748b}.cl-popup-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cl-popup-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#475569}.cl-popup-fields input[type=date]{padding:7px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.cl-popup-actions{display:flex;justify-content:flex-end;gap:8px}.cl-btn-cancel{padding:7px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;color:#475569}.cl-btn-cancel:hover{background:#f8fafc}.cl-btn-confirm{padding:7px 16px;border:none;border-radius:6px;background:#1e3a5f;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.cl-btn-confirm:hover{opacity:.88}.cl-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.cl-seller-tag{display:inline-block;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;background:#e8f4fd;color:#1a5276;cursor:pointer;border:1px solid #aed6f1;white-space:nowrap;transition:background .15s}.cl-seller-tag:hover{background:#d0eaf8}.cl-seller-none{background:#f5f5f5;color:#aaa;border-color:#ddd;font-style:italic}.cl-seller-select{padding:4px 6px;border:1.5px solid #1a5276;border-radius:6px;font-size:12px;background:#fff;min-width:140px}*{box-sizing:border-box}.executive-report-container{padding:24px;font-family:Segoe UI,Tahoma,sans-serif;color:#1e293b;background:#f1f5f9;min-height:100vh}.er-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.er-page-header h2{margin:0;font-size:20px;font-weight:700;color:#fff}.er-filters{display:flex;gap:12px;align-items:center;background:#fff;padding:14px 18px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:24px}.er-filters label{font-size:13px;font-weight:600;color:#475569}.er-filters input[type=date]{padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#1e293b}.er-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}.er-kpi{background:#fff;border-radius:8px;padding:14px;text-align:center;border:1px solid #e2e8f0}.er-kpi-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.er-kpi-value{font-size:15px;font-weight:700;color:#1e293b}.er-kpi.blue{background:#eff6ff;border-color:#bfdbfe}.er-kpi.blue .er-kpi-value{color:#1d4ed8}.er-kpi.green{background:#f0fdf4;border-color:#bbf7d0}.er-kpi.green .er-kpi-value{color:#15803d}.er-kpi.red{background:#fff1f2;border-color:#fecdd3}.er-kpi.red .er-kpi-value{color:#be123c}.er-kpi.amber{background:#fffbeb;border-color:#fde68a}.er-kpi.amber .er-kpi-value{color:#b45309}.er-lot{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px;overflow:hidden}.er-lot-header{background:#1e3a5f;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.er-lot-header h3{margin:0;font-size:14px;font-weight:700}.er-lot-meta{font-size:12px;opacity:.7}.er-lot-body{padding:18px}.er-lot-kpis{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:18px}.er-lot-kpis .er-kpi{padding:8px 6px}.er-lot-kpis .er-kpi-label{font-size:9px}.er-lot-kpis .er-kpi-value{font-size:12px}.er-section-title{font-size:11px;font-weight:700;color:#1e3a5f;text-transform:uppercase;letter-spacing:.06em;margin:18px 0 8px;padding-bottom:4px;border-bottom:2px solid #e2e8f0}.er-section-title.danger{color:#be123c;border-color:#fecdd3}.er-table{width:100%;border-collapse:collapse;font-size:12px}.er-table th{background:#1e3a5f;color:#e2e8f0;padding:8px 12px;text-align:left;font-size:11px;font-weight:600;white-space:nowrap}.er-table td{padding:7px 12px;border-bottom:1px solid #f1f5f9;color:#334155;white-space:nowrap}.er-table tbody tr:nth-child(2n) td{background:#f8fafc}.er-table tbody tr:hover td{background:#eff6ff}.er-table .er-total td{background:#eff6ff!important;font-weight:700;color:#1d4ed8;border-top:2px solid #bfdbfe}.er-table .er-danger td{background:#fff1f2!important}.er-costs-grid{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;margin-top:8px}.er-cost-cell{padding:8px 10px;background:#f8fafc;border-right:1px solid #e2e8f0}.er-cost-cell:last-child{border-right:none;background:#eff6ff}.er-cost-cell-label{font-size:9px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.er-cost-cell-value{font-size:12px;font-weight:600;color:#334155}.er-cost-cell:last-child .er-cost-cell-label{color:#1d4ed8}.er-cost-cell:last-child .er-cost-cell-value{color:#1d4ed8;font-weight:700;font-size:13px}.er-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.er-badge.blue{background:#dbeafe;color:#1e40af}.er-badge.green{background:#dcfce7;color:#166534}.er-badge.red{background:#fee2e2;color:#991b1b}.er-badge.amber{background:#fef3c7;color:#92400e}.er-pending{color:#be123c;font-weight:700}.er-paid,.er-profit{color:#15803d;font-weight:700}.er-loss{color:#be123c;font-weight:700}.er-no-data{text-align:center;color:#94a3b8;padding:20px;font-size:13px;font-style:italic}.er-loading{text-align:center;padding:60px;color:#64748b;font-size:14px}.er-error{background:#fff1f2;color:#be123c;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px;border:1px solid #fecdd3}:root{--pl-primary: #1a5276;--pl-orange: #ff6b00;--pl-orange-soft: #f39c12;--pl-blue-dark: #0d3349}.proforma-list-container{padding:20px}.pl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 20px;background:linear-gradient(135deg,var(--pl-blue-dark),var(--pl-primary));border-radius:10px;box-shadow:0 4px 16px #1a527633}.pl-header-left{display:flex;align-items:center;gap:12px}.pl-header h2{margin:0;color:#fff;font-size:18px}.pl-count{background:#ffffff26;color:#ffffffd9;font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px}.pl-btn-new{padding:9px 20px;background:linear-gradient(135deg,var(--pl-orange),var(--pl-orange-soft));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;box-shadow:0 0 12px #ff6b0059;transition:all .2s}.pl-btn-new:hover{box-shadow:0 0 20px #ff6b0099;transform:translateY(-1px)}.pl-filters{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.pl-search{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.pl-search-icon{position:absolute;left:12px;font-size:14px;pointer-events:none}.pl-search input{width:100%;padding:9px 36px;border:1.5px solid #e0e7ef;border-radius:8px;font-size:13px;background:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.pl-search input:focus{outline:none;border-color:var(--pl-orange);box-shadow:0 0 0 3px #ff6b001f}.pl-search-clear{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:18px;color:#999;line-height:1;padding:0}.pl-search-clear:hover{color:#333}.pl-filters select{padding:9px 14px;border:1.5px solid #e0e7ef;border-radius:8px;font-size:13px;background:#fff;min-width:200px;cursor:pointer;transition:border-color .2s}.pl-filters select:focus{outline:none;border-color:var(--pl-orange)}.pl-table-wrap{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000012}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 14px;text-align:left;background:linear-gradient(90deg,var(--pl-primary),#1f6491);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;white-space:nowrap}.data-table td{padding:10px 14px;font-size:13px;border-bottom:1px solid #f0f4f8;color:#333}.pl-row{cursor:pointer;transition:background .15s}.pl-row:hover{background:#f0f6ff}.pl-row:hover td{color:var(--pl-primary)}.pl-client-name{font-weight:600;color:#222;font-size:13px}.data-table td small{color:#999;font-size:11px;display:block}.no-data{text-align:center;color:#999;padding:40px!important;font-style:italic}.badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700}.badge-secondary{background:#95a5a626;color:#6b7280;border:1px solid #d1d5db}.badge-default{background:#f3f4f6;color:#6b7280}.btn-link{color:var(--pl-orange);text-decoration:none;font-weight:700;font-size:12px;white-space:nowrap}.btn-link:hover{color:var(--pl-orange-soft)}.loading{text-align:center;padding:40px;color:#666}@media (max-width: 768px){.pl-filters{flex-direction:column}.pl-search{min-width:100%}}.pl-date-range{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #e0e7ef;border-radius:8px;padding:0 12px}.pl-date-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;white-space:nowrap}.pl-date-range input[type=date]{border:none;outline:none;padding:9px 4px;font-size:13px;background:transparent;cursor:pointer;color:#333}.pl-btn-clear{padding:9px 14px;background:#e74c3c14;color:#e74c3c;border:1.5px solid rgba(231,76,60,.25);border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;transition:all .2s}.pl-btn-clear:hover{background:#e74c3c26;border-color:#e74c3c}.pl-btn-back{padding:6px 12px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;white-space:nowrap}.pl-btn-back:hover{background:#ffffff40}.pl-header-actions{display:flex;align-items:center;gap:10px}.pl-btn-export{padding:9px 18px;background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;transition:all .2s;white-space:nowrap}.pl-btn-export:hover:not(:disabled){background:#ffffff40;border-color:#fff9}.pl-btn-export:disabled{opacity:.4;cursor:not-allowed}:root{--pf-primary: #1a5276;--pf-orange: #f39c12;--pf-neon-blue: #00c6ff;--pf-neon-green: #39ff14;--pf-neon-orange: #ff6b00;--pf-accent: #0ff;--pf-bg: #f0f4f8;--pf-card: #fff;--pf-border: #d0e4f5}.proforma-form-container{padding:20px;max-width:1400px;margin:0 auto}.pf-header{margin-bottom:16px}.pf-header h2,.proforma-form-container h2{margin:0 0 16px;color:var(--pf-primary);font-size:22px;letter-spacing:.5px}.form-section{background:var(--pf-card);border-radius:10px;padding:18px 20px;margin-bottom:16px;box-shadow:0 2px 8px #00000012;border-left:4px solid var(--pf-orange)}.form-section h3{margin:0 0 14px;font-size:15px;color:var(--pf-primary);border-bottom:1px solid #eef2f7;padding-bottom:8px}.pf-top-panel{border-left-color:var(--pf-neon-orange)}.pf-top-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 16px}.pf-field{display:flex;flex-direction:column;gap:4px}.pf-field label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.4px}.pf-field input,.pf-field select,.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 10px;border:1.5px solid #e0e7ef;border-radius:7px;font-size:13px;background:#fafdff;color:#222;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.pf-field input:focus,.pf-field select:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--pf-neon-orange);box-shadow:0 0 0 3px #ff6b0021}.pf-field-wide{grid-column:span 2}.pf-field-sm{min-width:100px}.pf-balance{font-size:12px;font-weight:700;margin-top:3px;padding:2px 8px;border-radius:4px;display:inline-block}.pf-balance.positive{color:#16a34a;background:#f0fdf4}.pf-balance.negative{color:#dc2626;background:#fef2f2}.pf-field-freight{grid-column:span 2}.pf-field-freight>label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--pf-neon-orange);cursor:pointer;text-transform:none;letter-spacing:0}.pf-field-freight input[type=checkbox]{width:16px;height:16px;accent-color:var(--pf-neon-orange);cursor:pointer}.pf-freight-fields{display:flex;gap:10px;margin-top:8px}.pf-freight-fields input{flex:1;padding:8px 10px;border:1.5px solid #e0e7ef;border-radius:7px;font-size:13px;background:#fafdff;transition:border-color .2s,box-shadow .2s}.pf-freight-fields input:focus{outline:none;border-color:var(--pf-neon-orange);box-shadow:0 0 0 3px #ff6b0021}.pf-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.pf-section-header h3{margin:0;border:none;padding:0}.pf-totals-inline{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#666;background:linear-gradient(90deg,#1a5276,#0d3349);padding:6px 14px;border-radius:20px}.pf-totals-inline span{color:#a8c8e8}.pf-totals-inline strong{color:#fff}.pf-totals-inline .pf-total strong{color:var(--pf-neon-orange);text-shadow:0 0 8px rgba(255,107,0,.6);font-size:13px}.item-panel{border:1.5px solid var(--pf-border);border-radius:10px;margin-bottom:12px;overflow:hidden;background:#fff;box-shadow:0 2px 6px #1a52760f;transition:box-shadow .2s}.item-panel:hover{box-shadow:0 4px 16px #ff6b001a;border-color:#ff6b004d}.item-panel-header{display:flex;align-items:center;gap:12px;padding:9px 14px;background:linear-gradient(90deg,#eaf2fb,#fef9f0);border-bottom:1.5px solid var(--pf-border)}.item-number{width:28px;height:28px;background:linear-gradient(135deg,var(--pf-neon-orange),#f39c12);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0;box-shadow:0 0 8px #ff6b0066}.item-panel-title{flex:1;font-weight:700;font-size:13px;color:var(--pf-primary);text-transform:capitalize}.item-panel-body{padding:14px}.pf-item-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.pf-item-grid .pf-field{min-width:120px;flex:1}.pf-item-grid .pf-field-sm{min-width:90px;max-width:140px;flex:0 1 auto}.calculated-value{padding:8px 10px;background:linear-gradient(135deg,#f0f4f8,#e8f4fd);border:1.5px solid #c8dff0;border-radius:7px;font-weight:700;color:var(--pf-primary);text-align:center;font-size:13px}.btn-remove{width:28px;height:28px;border:none;background:linear-gradient(135deg,#f44,#c00);color:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0;box-shadow:0 0 6px #f446;transition:all .2s}.btn-remove:hover{background:linear-gradient(135deg,red,#900);box-shadow:0 0 12px #f009;transform:scale(1.1)}.btn-add-item{background:none;border:2px dashed var(--pf-neon-orange);color:var(--pf-neon-orange);padding:9px 20px;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;transition:all .2s;width:100%;margin-top:8px}.btn-add-item:hover{background:var(--pf-neon-orange);color:#fff;box-shadow:0 0 12px #ff6b0066}.warning-banner{background:linear-gradient(90deg,#fff8e1,#fff3cd);border:1.5px solid var(--pf-orange);color:#7d4e00;padding:10px 16px;border-radius:8px;margin-bottom:14px;font-size:13px;box-shadow:0 0 8px #f39c1233}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.btn-cancel{padding:10px 22px;border:1.5px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;color:#555}.btn-cancel:hover{background:#f8f9fa;border-color:#aaa}.btn-submit{padding:10px 28px;border:none;background:linear-gradient(135deg,var(--pf-neon-orange),#f39c12);color:#fff;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;box-shadow:0 0 12px #ff6b0059;transition:all .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#ff8c00,#e67e22);box-shadow:0 0 20px #ff6b0099;transform:translateY(-1px)}.form-group{flex:1;min-width:200px;margin-bottom:12px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.client-info{display:flex;align-items:center;padding:8px 14px;background:#f8f9fa;border-radius:7px}.client-info .positive{color:#16a34a}.client-info .negative{color:#dc2626}@media (max-width: 768px){.proforma-form-container{padding:12px}.pf-top-grid{grid-template-columns:1fr 1fr}.pf-field-wide,.pf-field-freight{grid-column:span 2}.pf-item-grid{flex-direction:column}.pf-item-grid .pf-field,.pf-item-grid .pf-field-sm{max-width:100%}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.pf-totals-inline{display:none}}:root{--pd-primary: #1a5276;--pd-orange: #ff6b00;--pd-orange-soft: #f39c12;--pd-blue-dark: #0d3349;--pd-border: #d0e4f5}.proforma-detail-container{padding:16px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 18px;background:linear-gradient(135deg,var(--pd-blue-dark) 0%,var(--pd-primary) 100%);border-radius:10px;box-shadow:0 4px 16px #1a527640}.header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-header h2{margin:0;color:#fff;font-size:17px}.status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-pendiente_aprobacion{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.status-aprobada{background:#27ae6033;color:#2ecc71;border:1px solid #2ecc71}.status-rechazada{background:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c}.status-vencida{background:#95a5a633;color:#95a5a6;border:1px solid #95a5a6}.header-actions{display:flex;gap:8px}.btn-print{padding:7px 14px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-print:hover{background:#ffffff40}.btn-edit{padding:7px 14px;background:linear-gradient(135deg,var(--pd-orange),var(--pd-orange-soft));color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:12px;font-weight:700;box-shadow:0 0 10px #ff6b0066;transition:all .2s}.btn-edit:hover{box-shadow:0 0 18px #ff6b00b3;transform:translateY(-1px)}.edit-info-banner{padding:6px 14px;font-size:11px;color:#b35a00;background:#ff6b0014;border:1px solid rgba(255,107,0,.2);border-radius:7px;margin-bottom:10px}.edit-info-banner span{font-weight:700}.pd-layout{display:grid;grid-template-columns:1fr 320px;gap:12px;align-items:start}.pd-main,.pd-sidebar{display:flex;flex-direction:column;gap:10px}.detail-section{background:#fff;border-radius:9px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;border-left:3px solid var(--pd-border)}.detail-section h3{margin:0 0 10px;font-size:11px;color:var(--pd-primary);border-bottom:1px solid #eef2f7;padding-bottom:6px;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.section-info{border-left-color:var(--pd-primary)}.section-client{border-left-color:#3498db}.section-products{border-left-color:var(--pd-orange)}.section-totals{border-left-color:#2ecc71}.section-delivery{border-left-color:#9b59b6}.section-payments{border-left-color:#e67e22}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h3{margin:0;border:none;padding:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.info-item{padding:8px 10px;background:#f8faff;border-radius:7px;border:1px solid #eef2f7}.info-item label{display:block;font-size:10px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.info-item span{font-size:13px;color:#222;font-weight:500}.positive{color:#16a34a!important;font-weight:700!important}.negative{color:#dc2626!important;font-weight:700!important}.items-table,.payments-table{width:100%;border-collapse:collapse;font-size:12px}.items-table th,.payments-table th{padding:7px 10px;text-align:left;background:linear-gradient(90deg,var(--pd-primary),#1f6491);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.items-table td,.payments-table td{padding:7px 10px;border-bottom:1px solid #f0f4f8;color:#333}.totals-list{display:flex;flex-direction:column;gap:6px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8faff;border-radius:7px;border:1px solid #eef2f7}.total-row label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase}.total-row .val{font-size:13px;font-weight:700;color:var(--pd-primary)}.total-row.highlight{background:linear-gradient(135deg,var(--pd-primary),#1f6491);border-color:var(--pd-primary)}.total-row.highlight label{color:#ffffffb3}.total-row.highlight .val{color:#fff;font-size:16px;text-shadow:0 0 10px rgba(0,198,255,.5)}.total-row.orange{background:#ff6b000f;border-color:#ff6b0033}.total-row.orange .val{color:var(--pd-orange)}.total-row.danger{background:#e74c3c0d;border-color:#e74c3c33}.total-row.danger .val{color:#e74c3c}.actions-bar{display:flex;justify-content:flex-end;gap:10px;padding:12px 0}.btn-secondary{padding:7px 14px;background:#6c757d;color:#fff;border:none;border-radius:7px;cursor:pointer;font-weight:600;font-size:12px}.btn-sm{padding:3px 8px;font-size:11px;margin-right:3px;border-radius:5px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700}.badge-warning{background:#ffc10726;color:#d97706;border:1px solid #fbbf24}.badge-success{background:#2ecc7126;color:#16a34a;border:1px solid #86efac}.badge-danger{background:#e74c3c26;color:#dc2626;border:1px solid #fca5a5}.rejection-info{background:#fff5f5;border-left-color:#e74c3c!important}.rejection-info p{margin:0;color:#721c24;font-size:13px}.modal{background:#fff;border-radius:12px;padding:22px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal h3{margin:0 0 16px;color:var(--pd-primary);font-size:15px}.modal .form-group{margin-bottom:12px}.modal .form-group label{display:block;margin-bottom:4px;font-weight:600;font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.4px}.modal .form-group input,.modal .form-group select{width:100%;padding:8px 10px;border:1.5px solid #e0e7ef;border-radius:7px;font-size:13px;box-sizing:border-box}.btn-primary{padding:9px 18px;background:linear-gradient(135deg,var(--pd-orange),var(--pd-orange-soft));color:#fff;border:none;border-radius:7px;cursor:pointer;font-weight:700;font-size:13px;box-shadow:0 0 10px #ff6b004d}.no-data{color:#999;font-style:italic;font-size:12px}@media (max-width: 900px){.pd-layout{grid-template-columns:1fr}}:root{--sol-primary: #1a5276;--sol-blue-dark: #0d3349}.sol-container{padding:20px}.sol-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 20px;background:linear-gradient(135deg,var(--sol-blue-dark),var(--sol-primary));border-radius:10px;box-shadow:0 4px 16px #1a527633}.sol-header-left{display:flex;align-items:center;gap:12px}.sol-header h2{margin:0;color:#fff;font-size:18px}.sol-count{background:#ffffff26;color:#ffffffd9;font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px}.sol-btn-back{padding:6px 12px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.sol-btn-back:hover{background:#ffffff40}.sol-btn-export{padding:7px 16px;background:#27ae60;color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;transition:all .2s}.sol-btn-export:hover{background:#219a52}.sol-btn-export:disabled{background:#fff3;cursor:not-allowed}.sol-filters{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.sol-search{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.sol-search-icon{position:absolute;left:12px;font-size:14px;pointer-events:none}.sol-search input{width:100%;padding:9px 36px;border:1.5px solid #e0e7ef;border-radius:8px;font-size:13px;background:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.sol-search input:focus{outline:none;border-color:var(--sol-primary);box-shadow:0 0 0 3px #1a52761f}.sol-search-clear{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:18px;color:#999;padding:0}.sol-search-clear:hover{color:#333}.sol-select{padding:9px 14px;border:1.5px solid #e0e7ef;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;min-width:180px}.sol-select:focus{outline:none;border-color:var(--sol-primary)}.sol-date-range{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #e0e7ef;border-radius:8px;padding:0 12px}.sol-date-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;white-space:nowrap}.sol-date-range input[type=date]{border:none;outline:none;padding:9px 4px;font-size:13px;background:transparent;cursor:pointer}.sol-btn-clear{padding:9px 14px;background:#e74c3c14;color:#e74c3c;border:1.5px solid rgba(231,76,60,.25);border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;transition:all .2s}.sol-btn-clear:hover{background:#e74c3c26;border-color:#e74c3c}.sol-table-wrap{background:#fff;border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px #00000012}.sol-table{width:100%;min-width:1100px;border-collapse:collapse}.sol-table th{padding:10px 14px;text-align:left;background:linear-gradient(90deg,var(--sol-primary),#1f6491);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;white-space:nowrap}.sol-table td{padding:9px 14px;font-size:13px;border-bottom:1px solid #f0f4f8;color:#333;white-space:nowrap}.sol-row:hover td{background:#f0f6ff}.sol-no-data{text-align:center;color:#999;padding:40px!important;font-style:italic}.sol-loading{text-align:center;padding:40px;color:#666}.sol-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.sol-badge-warning{background:#fff3cd;color:#856404}.sol-badge-success{background:#d4edda;color:#155724}.sol-badge-danger{background:#f8d7da;color:#721c24}.sol-btn-view{color:#1a5276;text-decoration:none;font-weight:600;font-size:13px;padding:4px 10px;border:1px solid #e0e7ef;border-radius:6px;transition:all .2s}.sol-btn-view:hover{border-color:var(--sol-primary);background:#f0f6ff}.sol-actions-cell{display:flex;gap:6px;align-items:center}.sol-btn-guide{color:#7d3c98;background:none;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;border:1px solid #c39bd3;border-radius:6px;transition:all .2s}.sol-btn-guide:hover{background:#f5eef8;border-color:#7d3c98}@media (max-width: 768px){.sol-container{padding:10px}.sol-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px}.sol-header h2{font-size:15px}.sol-filters{gap:8px}.sol-search,.sol-select{min-width:unset;width:100%}.sol-date-range{width:100%;justify-content:space-between}}@media (max-width: 480px){.sol-table th,.sol-table td{padding:7px 8px;font-size:11px}}:root{--sod-primary: #1a5276;--sod-orange: #ff6b00;--sod-orange-soft: #f39c12;--sod-blue-dark: #0d3349;--sod-border: #d0e4f5}.sod-container{display:flex;flex-direction:column;height:100%;max-width:1400px;margin:0 auto;padding:14px;box-sizing:border-box;gap:0}.sod-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,var(--sod-blue-dark) 0%,var(--sod-primary) 100%);border-radius:10px 10px 0 0;box-shadow:0 4px 16px #1a527640;flex-shrink:0}.sod-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sod-back{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sod-back:hover{background:#ffffff40}.sod-title{font-size:16px;font-weight:800;color:#fff;letter-spacing:.5px}.sod-meta{font-size:11px;color:#ffffffb3;margin-top:1px}.sod-header-right{display:flex;gap:7px;flex-wrap:wrap}.btn-hdr{padding:6px 13px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;white-space:nowrap}.btn-hdr:hover{background:#ffffff40}.btn-hdr-orange{background:#e67e2259;border-color:#e67e2280}.btn-hdr-orange:hover{background:#e67e2280}.btn-hdr-success{background:#27ae6059;border-color:#27ae6080}.btn-hdr-success:hover{background:#27ae608c}.btn-hdr-danger{background:#e74c3c59;border-color:#e74c3c80}.btn-hdr-danger:hover{background:#e74c3c8c}.status-badge{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-pendiente_despacho{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.status-despachado{background:#27ae6033;color:#2ecc71;border:1px solid #2ecc71}.status-rechazado{background:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c}.sod-tabs{display:flex;background:#f0f4fa;border-bottom:2px solid var(--sod-border);flex-shrink:0}.sod-tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:600;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap}.sod-tab:hover{color:var(--sod-primary);background:#1a52760d}.sod-tab.active{color:var(--sod-primary);border-bottom-color:var(--sod-primary);background:#fff}.sod-body{flex:1;overflow-y:auto;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 4px 16px #1a52761a}.sod-panel{padding:16px}.sod-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sod-card{background:#f8faff;border:1px solid var(--sod-border);border-radius:9px;padding:12px 14px}.sod-card-full{grid-column:1 / -1}.sod-card-danger{background:#fff5f5;border-color:#f5c6cb}.sod-card-title{font-size:11px;font-weight:800;color:var(--sod-primary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--sod-border)}.sod-card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--sod-border)}.sod-card-title-row .sod-card-title{margin:0;padding:0;border:none}.sod-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.sod-field{display:flex;flex-direction:column;gap:2px}.sod-field-full{grid-column:1 / -1}.sod-field span{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sod-field strong{font-size:13px;color:#222;font-weight:600}.items-table{width:100%;border-collapse:collapse;font-size:12px}.items-table th{padding:7px 10px;text-align:left;background:linear-gradient(90deg,var(--sod-primary),#1f6491);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.items-table td{padding:8px 10px;border-bottom:1px solid #f0f4f8;color:#333}.items-table tbody tr:hover{background:#f8faff}.items-table tbody tr:nth-child(2n){background:#fafbff}.items-table tfoot td{padding:8px 10px;font-size:13px;border-top:1px solid #e0e7ef}.items-table tfoot tr:last-child td{font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--sod-primary),#1f6491);color:#fff}.text-right{text-align:right}.tank-selector-cell{min-width:200px}.tank-select{width:100%;padding:6px 8px;border:1.5px solid #e0e7ef;border-radius:6px;font-size:12px;background:#fff}.tank-select:focus{outline:none;border-color:var(--sod-primary)}.tank-info{display:flex;align-items:center;gap:6px;margin-top:4px}.stock-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tank-info small{font-size:11px;color:#666}.stock-warning{color:#dc2626;font-weight:700}.tank-actions{margin-top:12px;display:flex;justify-content:flex-end}.warehouse-form{padding:4px 0}.form-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:4px}.form-group{flex:1;min-width:150px;margin-bottom:10px}.form-group.full-width{flex:100%}.form-group label{display:block;margin-bottom:4px;font-size:11px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px}.form-group input,.form-group textarea{width:100%;padding:8px 10px;border:1.5px solid #e0e7ef;border-radius:7px;font-size:13px;box-sizing:border-box;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--sod-primary);box-shadow:0 0 0 3px #1a52761a}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #eef2f7}.trips-summary{background:#f0f6ff;border-radius:8px;padding:10px 14px;margin-bottom:14px}.trips-summary-item{display:flex;align-items:center;gap:10px;margin-bottom:6px}.trips-summary-item:last-child{margin-bottom:0}.trips-fuel{font-weight:700;font-size:12px;min-width:80px;color:var(--sod-primary)}.trips-progress-bar{flex:1;height:8px;background:#dce8f5;border-radius:4px;overflow:hidden}.trips-progress-fill{height:100%;border-radius:4px;transition:width .3s}.trips-qty{font-size:11px;color:#555;white-space:nowrap}.trips-remaining{color:#e67e22;font-weight:600}.trips-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.trips-empty{color:#999;font-style:italic;text-align:center;padding:20px}.trip-card{border:1px solid var(--sod-border);border-radius:8px;overflow:hidden}.trip-card-header{display:flex;justify-content:space-between;align-items:center;background:#eaf3fb;padding:7px 12px;font-size:13px}.trip-card-actions{display:flex;gap:6px;align-items:center}.trip-card-body{display:flex;flex-wrap:wrap;gap:10px;padding:8px 12px;font-size:12px;color:#444}.trip-form{background:#f8faff;border:1px solid var(--sod-border);border-radius:8px;padding:14px;margin-top:8px}.precintos-list{display:flex;flex-direction:column;gap:8px;margin:6px 0}.precinto-row{display:flex;align-items:center;gap:8px}.precinto-input{flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:monospace;letter-spacing:1px}.precinto-input:focus{outline:none;border-color:var(--sod-primary);box-shadow:0 0 0 2px #1a527626}.btn-remove-precinto{background:none;border:none;color:#e74c3c;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px}.btn-remove-precinto:hover{background:#fde8e8}.btn-add-precinto{background:none;border:1px dashed var(--sod-primary);color:var(--sod-primary);padding:7px 14px;border-radius:6px;font-size:13px;cursor:pointer;width:100%;margin-bottom:4px;font-weight:600}.btn-add-precinto:hover{background:#eaf2fb}.btn-primary{padding:9px 18px;background:linear-gradient(135deg,var(--sod-orange),var(--sod-orange-soft));color:#fff;border:none;border-radius:7px;cursor:pointer;font-weight:700;font-size:13px;box-shadow:0 0 10px #ff6b004d;transition:all .2s}.btn-primary:hover{box-shadow:0 0 18px #ff6b0080;transform:translateY(-1px)}.btn-success{padding:9px 20px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;box-shadow:0 0 10px #2ecc714d;transition:all .2s}.btn-success:hover{box-shadow:0 0 18px #2ecc7180;transform:translateY(-1px)}.btn-danger{padding:9px 20px;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;box-shadow:0 0 10px #e74c3c4d;transition:all .2s}.btn-danger:hover{box-shadow:0 0 18px #e74c3c80;transform:translateY(-1px)}.btn-secondary{padding:7px 14px;background:#6c757d;color:#fff;border:none;border-radius:7px;cursor:pointer;font-weight:600;font-size:12px;transition:all .2s}.btn-secondary:hover{background:#5a6268}.btn-guide{padding:5px 11px;background:#e67e2226;color:#c0651a;border:1px solid rgba(230,126,34,.4);border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-guide:hover{background:#e67e224d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:22px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d}.modal h3{margin:0 0 16px;color:var(--sod-primary);font-size:15px}.modal textarea{width:100%;padding:10px;border:1.5px solid #e0e7ef;border-radius:7px;resize:vertical;box-sizing:border-box;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.loading,.error{text-align:center;padding:40px;color:#666}.btn-dest-new{padding:8px 14px;border:2px dashed #f5a623;background:transparent;color:#f5a623;border-radius:6px;cursor:pointer;font-weight:600;white-space:nowrap;font-size:.85rem}.btn-dest-new:hover{background:#fff8ee}@media (max-width: 768px){.sod-container{padding:8px}.sod-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.sod-header-right{width:100%;flex-wrap:wrap}.btn-hdr{flex:1;text-align:center;font-size:11px;padding:7px 8px}.sod-tab{padding:8px 12px;font-size:12px}.sod-two-col{grid-template-columns:1fr}.sod-card-full{grid-column:auto}.sod-fields{grid-template-columns:1fr 1fr}.items-table{font-size:11px}.items-table th,.items-table td{padding:6px 7px}.sod-panel{padding:10px;overflow-x:auto}.form-row{flex-direction:column;gap:0}.form-group{min-width:unset}.modal{max-width:95vw;padding:16px}}@media (max-width: 480px){.sod-title{font-size:14px}.sod-fields{grid-template-columns:1fr}.sod-tab{padding:8px 10px;font-size:11px}.btn-hdr{font-size:10px;padding:6px}}.client-form-container{padding:20px;max-width:900px;margin:0 auto}.client-form-container h2{margin-bottom:24px;color:#1a1a2e}.form-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.form-section h3{margin:0 0 16px;font-size:16px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-group{flex:1;min-width:200px;margin-bottom:16px}.form-group.small{flex:.5;min-width:100px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#555;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a90d9}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px}.btn-cancel{padding:12px 24px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-weight:500}.btn-cancel:hover{background:#f8f9fa}.btn-submit{padding:12px 24px;border:none;background:#4a90d9;color:#fff;border-radius:6px;cursor:pointer;font-weight:500}.btn-submit:hover{background:#3a7fc8}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-dest{padding:12px 20px;border:2px dashed #f5a623;background:transparent;color:#f5a623;border-radius:6px;cursor:pointer;font-weight:500;margin-right:auto}.btn-dest:hover{background:#fff8ee}.dest-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.dest-modal{background:#fff;border-radius:10px;padding:28px;width:420px;max-width:95vw;box-shadow:0 8px 32px #0000002e}.dest-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dest-modal-header h3{margin:0;font-size:1.1rem}.dest-modal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#666;line-height:1}.dest-modal .form-group{margin-bottom:14px}.dest-modal .form-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:5px;color:#555;text-transform:uppercase}.dest-modal .form-group input{width:100%;padding:9px 12px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;box-sizing:border-box}.dest-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dest-success{color:#27ae60;font-weight:600;text-align:center;padding:20px 0}.cd-container{padding:16px 20px;max-width:100%;margin:0 auto;font-family:inherit}.cd-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.cd-back{background:none;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;color:#555;white-space:nowrap}.cd-back:hover{background:#f3f4f6}.cd-header-info{display:flex;align-items:center;gap:10px;flex:1}.cd-header-info h2{margin:0;font-size:20px;color:#1e293b}.cd-type-badge{background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.cd-header-actions{display:flex;gap:8px}.cd-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:opacity .15s;white-space:nowrap}.cd-btn:hover{opacity:.88}.cd-btn:disabled{opacity:.6;cursor:not-allowed}.cd-btn-orange{background:#f97316;color:#fff}.cd-btn-blue{background:#2563eb;color:#fff}.cd-btn-ghost{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.cd-body{display:grid;grid-template-columns:300px 1fr;gap:12px;align-items:start}@media (max-width: 1024px){.cd-body{grid-template-columns:1fr}}.cd-panel{background:#fff;border-radius:10px;border:1px solid #e2e8f0;padding:16px;margin-bottom:16px}.cd-panel-full{margin-bottom:0}.cd-panel-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.cd-count{font-size:12px;font-weight:500;color:#94a3b8;text-transform:none;letter-spacing:0}.cd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.cd-info-item{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.cd-info-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.cd-balance-grid{display:flex;flex-direction:column;gap:6px}.cd-balance-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0}.cd-balance-card.cd-balance-main{border-width:2px}.cd-balance-card.positive{border-color:#bbf7d0;background:#f0fdf4}.cd-balance-card.negative{border-color:#fecaca;background:#fff5f5}.cd-balance-card.cd-balance-main.positive{border-color:#16a34a}.cd-balance-card.cd-balance-main.negative{border-color:#dc2626}.cd-balance-label{font-size:12px;color:#64748b;font-weight:500}.cd-balance-amount{font-size:15px;font-weight:700;color:#1e293b}.cd-balance-card.positive .cd-balance-amount{color:#16a34a}.cd-balance-card.negative .cd-balance-amount{color:#dc2626}.cd-table-wrap{overflow-x:auto}.cd-table{width:100%;border-collapse:collapse;font-size:12px}.cd-table th{padding:6px 8px;text-align:left;background:#f8fafc;color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.cd-table td{padding:6px 8px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.cd-table tr:hover td{background:#fafbfc}.cd-td-date{white-space:nowrap;font-size:11px;color:#64748b}.cd-td-muted{color:#94a3b8}.cd-pos{color:#16a34a;font-weight:600}.cd-neg{color:#dc2626;font-weight:600}.cd-receipt-link{background:#2563eb;color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;text-decoration:none}.cd-receipt-link:hover{background:#1d4ed8}.cd-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.badge-anticipado{background:#dbeafe;color:#1d4ed8}.badge-deuda{background:#dcfce7;color:#15803d}.badge-consumo{background:#fee2e2;color:#b91c1c}.badge-devolucion{background:#e0f2fe;color:#0369a1}.badge-ajuste{background:#fef9c3;color:#854d0e}.badge-default{background:#f1f5f9;color:#475569}.cd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.cd-modal{background:#fff;border-radius:10px;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.cd-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cd-modal-header h3{margin:0;font-size:16px;color:#1e293b}.cd-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:#94a3b8;line-height:1}.cd-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cd-form-group{margin-bottom:14px}.cd-form-group label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:5px}.cd-form-group input,.cd-form-group select{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;box-sizing:border-box}.cd-form-group input:focus,.cd-form-group select:focus{outline:none;border-color:#2563eb}.cd-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.cd-empty{text-align:center;color:#94a3b8;padding:32px;font-size:14px}.cd-loading{text-align:center;padding:60px;color:#64748b}.cd-receipt-btn{padding:3px 8px;background:linear-gradient(135deg,#1a5276,#1f6491);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s}.cd-receipt-btn:hover{box-shadow:0 0 8px #1a527666;transform:translateY(-1px)}.cd-btn-green{background:#16a34a;color:#fff}.badge-efectivo{background:#fef3c7;color:#92400e}.cd-pending-deposit{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.cd-cash-note{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:10px 12px;font-size:13px;color:#78350f;margin-bottom:16px}.cd-btn-confirm-deposit{background:#fef3c7;color:#92400e;border:1px solid #fde68a;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.cd-btn-confirm-deposit:hover{background:#fde68a}.cd-deposit-confirmed{display:flex;flex-direction:column;gap:2px}.cd-confirmed-by{font-size:11px;color:#16a34a;font-weight:600}.badge-comision{background:#f3e8ff;color:#7e22ce}.cd-btn-purple{background:#7e22ce;color:#fff}.commission-config-container{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:70px}.commission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.commission-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.commission-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.commission-card h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);color:var(--text-primary)}.current-percentage{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,#1a5a8a 100%);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl)}.current-percentage .label{color:#fffc;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px}.current-percentage .value{color:var(--color-white);font-size:3rem;font-weight:var(--font-weight-bold)}.percentage-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.commission-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.sellers-container{padding:var(--spacing-xl);max-width:1200px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:70px}.sellers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.sellers-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.sellers-table-wrapper{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.sellers-table{width:100%;border-collapse:collapse}.sellers-table thead{background-color:var(--color-primary);color:var(--color-white)}.sellers-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase}.sellers-table tbody tr{border-bottom:1px solid var(--border-color)}.sellers-table tbody tr:hover{background-color:var(--bg-secondary)}.sellers-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.seller-name{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.balance-value{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-success)}.sellers-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.extract-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:70px}.extract-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.extract-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.balance-card{background:linear-gradient(135deg,var(--color-success) 0%,#0d9448 100%);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg)}.balance-label{color:#ffffffe6;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.balance-amount{color:var(--color-white);font-size:2.5rem;font-weight:var(--font-weight-bold)}.extract-table-wrapper{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow-x:auto}.extract-table{width:100%;border-collapse:collapse;min-width:900px}.extract-table thead{background-color:var(--color-primary);color:var(--color-white)}.extract-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;white-space:nowrap}.extract-table tbody tr{border-bottom:1px solid var(--border-color)}.extract-table tbody tr:hover{background-color:var(--bg-secondary)}.extract-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.order-number{font-family:monospace;color:var(--color-primary);font-weight:var(--font-weight-medium)}.commission-amount{color:var(--color-success);font-weight:var(--font-weight-bold)}.balance-cell{font-weight:var(--font-weight-bold);color:var(--text-primary);background-color:var(--bg-secondary)}.no-data{text-align:center;color:var(--text-secondary);padding:var(--spacing-2xl)!important}.extract-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.supplier-balances-container{max-width:1100px;margin:0 auto;padding:24px}.sb-header{margin-bottom:24px}.sb-header h1{font-size:1.6rem;font-weight:700;margin:0 0 4px}.sb-subtitle{color:var(--color-text-muted);margin:0;font-size:.9rem}.sb-empty{text-align:center;padding:60px;color:var(--color-text-muted);font-size:1.1rem}.sb-totals-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.sb-total-card{flex:1;min-width:160px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:16px 20px}.sb-total-card--usd{border-color:#f59e0b;background:#fefce8}.sb-total-card--count{border-color:var(--color-primary)}.sb-total-label{display:block;font-size:11px;font-weight:600;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:6px}.sb-total-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.sb-list{display:flex;flex-direction:column;gap:12px}.sb-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.sb-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer}.sb-card-header:hover{background:var(--color-surface-2, #f9f9f9)}.sb-supplier-info{display:flex;flex-direction:column;gap:2px}.sb-supplier-name{font-size:1rem;font-weight:700}.sb-po-count{font-size:12px;color:var(--color-text-muted)}.sb-supplier-totals{display:flex;align-items:center;gap:10px}.sb-chip{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.sb-chip--litros{background:#dbeafe;color:#1e40af}.sb-chip--usd{background:#fef3c7;color:#92400e}.sb-chevron{font-size:12px;color:var(--color-text-muted)}.sb-orders{border-top:1px solid var(--color-border);padding:0}.sb-table{width:100%;border-collapse:collapse;font-size:13px}.sb-table th{background:var(--color-surface-2, #f5f5f5);padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.sb-table td{padding:10px 14px;border-top:1px solid var(--color-border);vertical-align:middle}.sb-td-litros{font-weight:600;color:#1e40af}.sb-td-usd{font-weight:600;color:#92400e}.sb-saldar-inline{display:flex;gap:6px;align-items:center}.sb-notas-input{border:1px solid var(--color-border);border-radius:6px;padding:4px 8px;font-size:12px;flex:1;min-width:120px}.btn-saldar{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.btn-saldar:hover{opacity:.88}.btn-success-sm{background:#16a34a;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.btn-ghost-sm{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.cpr-container{padding:var(--spacing-xl);max-width:1000px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:70px}.cpr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.cpr-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.cpr-table-wrapper{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow-x:auto}.cpr-table{width:100%;border-collapse:collapse}.cpr-table thead{background-color:var(--color-primary);color:var(--color-white)}.cpr-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);text-transform:uppercase}.cpr-table tbody tr{border-bottom:1px solid var(--border-color)}.cpr-table tbody tr:hover{background-color:var(--bg-secondary)}.cpr-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.cpr-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-pendiente{background:#fff3cd;color:#856404}.badge-aprobado{background:#d1e7dd;color:#0f5132}.badge-rechazado{background:#f8d7da;color:#842029}.badge-desembolsado{background:#cfe2ff;color:#084298}.branch-list-page{padding:24px;max-width:900px;margin:0 auto}.branch-list-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.branch-list-header h1{flex:1;margin:0;font-size:1.5rem}.btn-back{background:none;border:none;cursor:pointer;font-size:.95rem;color:#555}.btn-primary{background:#1a5276;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-primary:hover{background:#154360}.branch-table{width:100%;border-collapse:collapse;font-size:.9rem}.branch-table th{background:#1a5276;color:#fff;padding:10px 12px;text-align:left}.branch-table td{padding:10px 12px;border-bottom:1px solid #e0e0e0}.branch-table tr:hover td{background:#f5f8fc}.badge{padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.badge-active{background:#d4efdf;color:#1e8449}.badge-inactive{background:#fadbd8;color:#922b21}.btn-sm{padding:4px 10px;border-radius:4px;border:none;cursor:pointer;font-size:.82rem;margin-right:6px}.btn-edit{background:#d6eaf8;color:#1a5276}.btn-danger{background:#fadbd8;color:#922b21}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:10px;padding:28px;min-width:360px}.modal-box h2{margin:0 0 20px;font-size:1.2rem}.branch-form{display:flex;flex-direction:column;gap:14px}.branch-form label{display:flex;flex-direction:column;gap:4px;font-size:.88rem;font-weight:600;color:#333}.branch-form input{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:.9rem}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.form-actions button{padding:8px 18px;border-radius:6px;border:none;cursor:pointer;font-size:.9rem}.loading{padding:24px;text-align:center;color:#888}.alert-error{background:#fadbd8;color:#922b21;padding:10px 14px;border-radius:6px;margin-bottom:16px}.bov-container{padding:24px}.bov-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.bov-header h2{margin:0;font-size:1.5rem}.bov-btn-back{background:none;border:none;color:#4a90d9;cursor:pointer;font-size:.95rem;padding:6px 10px;border-radius:6px}.bov-btn-back:hover{background:#eaf2ff}.bov-cards{display:flex;gap:16px;margin-bottom:28px}.bov-card{border-radius:12px;padding:20px 24px;flex:1}.bov-card-main{background:linear-gradient(135deg,#1a5276,#2e86c1);color:#fff}.bov-card-secondary{background:#eafaf1;border:1px solid #a9dfbf}.bov-card-label{font-size:.8rem;font-weight:600;text-transform:uppercase;opacity:.8;margin-bottom:8px}.bov-card-secondary .bov-card-label{color:#1e8449;opacity:1}.bov-card-amount{font-size:2rem;font-weight:700}.bov-card-amount-sm{font-size:1.6rem;font-weight:700;color:#1e8449}.bov-card-sub{font-size:.8rem;opacity:.75;margin-top:6px}.bov-tabs{display:flex;gap:4px;border-bottom:2px solid #e0e0e0;margin-bottom:16px}.bov-tab{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:.95rem;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px;font-weight:500}.bov-tab.active{color:#2e86c1;border-bottom-color:#2e86c1;font-weight:600}.bov-filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.bov-search{padding:8px 12px;border:1px solid #ddd;border-radius:6px;min-width:220px}.bov-date-label{font-size:.85rem;color:#666}.bov-filters input[type=date]{padding:7px 10px;border:1px solid #ddd;border-radius:6px}.bov-btn-clear{background:none;border:1px solid #ddd;border-radius:6px;padding:7px 12px;cursor:pointer;color:#666}.bov-btn-refresh{background:#f0f4f8;border:1px solid #ddd;border-radius:6px;padding:7px 14px;cursor:pointer;font-weight:500}.bov-btn-refresh:hover{background:#e0eaf5}.bov-table-wrap{overflow-x:auto}.bov-table{width:100%;border-collapse:collapse;font-size:.9rem}.bov-table th{background:#1a5276;color:#fff;padding:10px 14px;text-align:left;font-weight:600}.bov-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0}.bov-table tr:hover td{background:#f8fbff}.bov-amount{font-weight:600;color:#1e8449}.bov-total-label{font-weight:700;text-align:right}.bov-total-amount{font-size:1rem;color:#1e8449}tfoot tr td{border-top:2px solid #ddd;background:#f8f8f8}.bov-no-data{text-align:center;color:#aaa;padding:32px}.bov-loading{text-align:center;padding:40px;color:#888}.bov-badge-pending{background:#fef9e7;color:#d4ac0d;border:1px solid #f9e79f;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:600}.an-root{min-height:100vh;background:#f1f5f9;padding:0 0 2rem;font-family:inherit}.an-header{display:flex;align-items:center;gap:1rem;background:#1e293b;color:#fff;padding:1rem 1.5rem;flex-wrap:wrap}.an-back{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem}.an-back:hover{background:#ffffff1a}.an-title{font-size:1.3rem;font-weight:700;flex:1;margin:0}.an-controls{display:flex;gap:.5rem;flex-wrap:wrap}.an-controls select{padding:.35rem .6rem;border-radius:6px;border:none;font-size:.85rem;cursor:pointer}.an-refresh{background:#3b82f6;color:#fff;border:none;padding:.35rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem}.an-refresh:hover{background:#2563eb}.an-tabs{display:flex;gap:0;background:#fff;border-bottom:2px solid #e2e8f0;padding:0 1.5rem}.an-tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:.85rem 1.2rem;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;margin-bottom:-2px;transition:color .15s,border-color .15s}.an-tab:hover{color:#1e293b}.an-tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.an-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.an-kpis{display:flex;gap:1rem;flex-wrap:wrap}.an-kpi{flex:1;min-width:160px;background:#fff;border-radius:10px;padding:1rem 1.2rem;box-shadow:0 1px 4px #00000012;border-left:4px solid #94a3b8}.an-kpi--pos{border-left-color:#10b981}.an-kpi--neg{border-left-color:#ef4444}.an-kpi-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 .3rem}.an-kpi-value{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0}.an-kpi-sub{font-size:.8rem;color:#94a3b8;margin:.2rem 0 0}.an-card{background:#fff;border-radius:10px;padding:1.2rem 1.5rem;box-shadow:0 1px 4px #00000012}.an-card-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.an-chart-scroll{overflow-x:auto;padding-bottom:.5rem}.an-svg{display:block;overflow:visible}.an-axis-label{font-size:10px;fill:#64748b}.an-bar-value{font-size:9px;fill:#475569}.an-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.an-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#475569}.an-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.an-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:1rem}.an-table th{background:#f8fafc;color:#475569;font-weight:600;text-align:left;padding:.5rem .75rem;border-bottom:2px solid #e2e8f0}.an-table td{padding:.45rem .75rem;border-bottom:1px solid #f1f5f9;color:#334155}.an-table tr:hover td{background:#f8fafc}.an-pos{color:#10b981;font-weight:600}.an-neg{color:#ef4444;font-weight:600}.an-loading{display:flex;align-items:center;gap:.75rem;color:#64748b;padding:2rem 0}.an-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:an-spin .7s linear infinite}@keyframes an-spin{to{transform:rotate(360deg)}}.an-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem}.an-empty{color:#94a3b8;font-style:italic;padding:1rem 0}.an-input-tc{padding:.35rem .6rem;border-radius:6px;border:none;font-size:.85rem;width:160px}.an-signal{display:flex;align-items:flex-start;gap:1rem;border:2px solid;border-radius:12px;padding:1.2rem 1.5rem}.an-signal-icon{font-size:2.5rem;line-height:1}.an-signal-title{font-size:1.3rem;font-weight:800;margin:0 0 .3rem;letter-spacing:.04em}.an-signal-msg{font-size:.9rem;color:#334155;margin:0 0 .2rem}.an-signal-ratio{font-size:.8rem;color:#64748b;margin:0}.an-model-info{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.8rem;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem 1rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-secondary)}:root{--color-primary: #1277B8;--color-primary-dark: #0f5f96;--color-primary-light: #2a8ec9;--color-secondary: #B8BFC7;--color-gray: #808891;--color-gray-light: #E5E7EB;--color-gray-dark: #4B5563;--color-white: #FFFFFF;--color-black: #000000;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-color: #E5E7EB;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--color-neon-blue: #00d4ff;--color-neon-orange: #ff6b00;--color-neon-orange-light: #ff8c33;--bg-dark: #050d1a;--bg-dark-2: #0a1628;--bg-panel: rgba(0, 212, 255, .05);--border-neon: rgba(0, 212, 255, .2);--border-neon-orange: rgba(255, 107, 0, .4);--glow-blue: 0 0 20px rgba(0, 212, 255, .3);--glow-orange: 0 0 20px rgba(255, 107, 0, .4);--font-family-tech: "Orbitron", "Rajdhani", -apple-system, sans-serif}:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #2d3748;--color-white: #1e293b;--color-gray-light: #374151;--color-gray: #6b7280;--color-gray-dark: #9ca3af;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: #374151;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.5}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}[data-theme=dark] .dashboard-wrapper{background:linear-gradient(135deg,#1a2744,#0f172a)}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-theme=dark] select,[data-theme=dark] textarea{background-color:#1e293b!important;color:#f1f5f9!important;border-color:#374151!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b!important}[data-theme=dark] .data-table th{background:#1e293b!important;color:#94a3b8}[data-theme=dark] .data-table tbody tr:hover{background:#1e293b!important}[data-theme=dark] .alert-success{background-color:#064e3b;color:#6ee7b7;border-color:#065f46}[data-theme=dark] .alert-error{background-color:#450a0a;color:#fca5a5;border-color:#7f1d1d}[data-theme=dark] .alert-warning{background-color:#451a03;color:#fcd34d;border-color:#78350f}[data-theme=dark] .alert-info{background-color:#0c1a3d;color:#93c5fd;border-color:#1e3a8a}[data-theme=dark] .modal-overlay{background:#000000bf!important}[data-theme=dark] .modal-container,[data-theme=dark] .modal-content,[data-theme=dark] .card,[data-theme=dark] .panel{background:#1e293b!important;color:#f1f5f9;border-color:#374151}[data-theme=dark] .text-muted,[data-theme=dark] small{color:#94a3b8}[data-theme=dark] .badge-success{background:#065f46;color:#6ee7b7}[data-theme=dark] .badge-danger{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .badge-warning{background:#78350f;color:#fcd34d}[data-theme=dark] .badge-secondary{background:#374151;color:#94a3b8}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .15s ease}[class*=spinner],[class*=animation],button svg,button:hover,a:hover{transition:none}body{background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.spinner{border:3px solid var(--color-gray-light);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #10B981}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #EF4444}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #F59E0B}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #3B82F6}@media (min-width: 1600px){html{font-size:17px}}@media (min-width: 1920px){html{font-size:18px}}@media (max-width: 768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}.container{padding:0 var(--spacing-md)}}@media (max-width: 480px){html{font-size:15px}}