@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";.layout{display:flex;min-height:100vh;background:#f5f5f5}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 2px 8px #0000001a;z-index:1001;padding:0 16px;align-items:center;justify-content:space-between}.mobile-logo{height:36px;width:auto;object-fit:contain}.mobile-user{font-size:1.5rem}.menu-toggle{background:none;border:none;padding:8px;cursor:pointer;z-index:1002}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px}.hamburger span{display:block;width:100%;height:2px;background:#333;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar{width:260px;background:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:transform .3s ease}.sidebar-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;gap:12px}.logos-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.logos-container.vertical{flex-direction:column;align-items:center;gap:12px}.org-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.org-logo{height:auto;width:auto;max-width:140px;max-height:60px;object-fit:contain}.org-brand-name{font-size:.85rem;font-weight:600;color:#1a1a2e;text-align:center}.goodtruck-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:8px;border-top:1px solid #e2e8f0;width:100%}.powered-by{font-size:.65rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.logo-separator{color:#cbd5e1;font-size:1rem;flex-shrink:0}.edit-menu-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e0e0e0;background:#f8f9fa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;flex-shrink:0}.edit-menu-btn:hover{background:#e9ecef;border-color:#00b4d8}.edit-menu-btn.active{background:#00b4d8;border-color:#00b4d8;color:#fff}.edit-mode-hint{background:linear-gradient(135deg,#00b4d8,#0096c7);color:#fff;padding:10px 16px;font-size:.8rem;font-weight:500;animation:slideDown .3s ease;display:flex;align-items:center;justify-content:space-between;gap:10px}.reset-order-btn{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;font-weight:500}.reset-order-btn:hover{background:#ffffff4d;border-color:#fff}.sidebar-logo{max-width:120px;width:auto;height:auto;opacity:.7}.goodtruck-logo-wrapper .sidebar-logo{max-width:100px}.sidebar-header h2{margin:0 0 4px;font-size:1.3rem;color:#333}.sidebar-header p{margin:0;color:#999;font-size:.8rem}.nav-menu{list-style:none;padding:12px 0;margin:0;flex:1;overflow-y:auto}.nav-menu li{margin:0}.nav-menu a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#666;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s;border-left:3px solid transparent}.nav-menu a:hover{background:#f8f9fa;color:#333}.nav-menu a.active{background:linear-gradient(90deg,rgba(0,180,216,.1) 0%,transparent 100%);color:#00b4d8;border-left-color:#00b4d8}.nav-menu .icon{font-size:1.1rem;line-height:1;flex-shrink:0}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;margin-left:auto;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.menu-parent{margin:0}.parent-toggle{display:flex;align-items:center;gap:12px;padding:12px 20px;width:100%;background:none;border:none;border-left:3px solid transparent;color:#666;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.parent-toggle:hover{background:#f8f9fa;color:#333}.parent-toggle.expanded{background:linear-gradient(90deg,rgba(0,180,216,.05) 0%,transparent 100%);color:#00b4d8}.parent-toggle .icon{font-size:1.1rem;line-height:1;flex-shrink:0}.expand-icon{margin-left:auto;font-size:.8rem;opacity:.6;transition:transform .2s}.parent-toggle.expanded .expand-icon{opacity:1}.submenu{list-style:none;padding:0;background:#f8fafc;border-left:3px solid #e2e8f0;margin:0 0 0 20px;animation:slideDown .2s ease}.submenu li{margin:0}.submenu a{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 20px;color:#64748b;text-decoration:none;font-weight:500;font-size:.85rem;transition:all .2s;border-left:2px solid transparent}.submenu a:hover{background:#00b4d80d;color:#333}.submenu a.active{background:#00b4d81a;color:#00b4d8;border-left-color:#00b4d8}.submenu .icon{font-size:.95rem}.nav-menu.edit-mode{padding:8px}.nav-menu.edit-mode li{margin-bottom:6px}.sortable-item{list-style:none;touch-action:none}.sortable-item.dragging{z-index:1000}.menu-item-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:2px dashed #00B4D8;border-radius:10px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;color:#333;font-weight:500;font-size:.9rem}.menu-item-card:hover{background:#f0faff;border-color:#0096c7;transform:translate(4px)}.menu-item-card.active{background:linear-gradient(90deg,#00b4d826,#00b4d80d);border-color:#00b4d8}.sortable-item.dragging .menu-item-card{cursor:grabbing;box-shadow:0 8px 25px #00b4d84d;transform:scale(1.02);border-style:solid;background:#fff}.drag-handle{color:#aaa;font-size:1.1rem;letter-spacing:-3px;font-weight:700;transition:color .2s}.menu-item-card:hover .drag-handle{color:#00b4d8}.menu-item-card .icon{font-size:1.1rem;line-height:1}.menu-item-card .nav-text{flex:1}.sidebar-footer{padding:16px;border-top:1px solid #e0e0e0}.support-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:12px;transition:all .2s ease}.support-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.user-avatar{font-size:1.8rem;line-height:1;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.user-details strong{color:#333;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details small{color:#999;font-size:.75rem}.btn-logout{width:100%;padding:12px;background:#f44336;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-logout:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.main-content{margin-left:260px;flex:1;min-height:100vh;padding:0;width:calc(100% - 260px)}@media (max-width: 1024px){.sidebar{width:220px}.main-content{margin-left:220px;width:calc(100% - 220px)}.nav-menu a{padding:10px 16px;font-size:.85rem}.sidebar-header{padding:16px}.sidebar-header h2{font-size:1.2rem}}@media (max-width: 768px){.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);width:280px;top:0;padding-top:0}.sidebar.open{transform:translate(0)}.sidebar-header{padding-top:20px}.main-content{margin-left:0;width:100%;padding-top:60px}.nav-menu a{padding:14px 20px;font-size:.95rem}.nav-menu .icon{font-size:1.2rem}.menu-item-card{padding:14px 16px}.edit-mode-hint{padding:12px 16px;font-size:.85rem}}@media (max-width: 480px){.mobile-header{padding:0 12px}.mobile-logo{height:28px}.sidebar{width:100%}.nav-menu a{padding:16px 20px}.user-info{padding:10px}.user-avatar{font-size:1.5rem}.user-details strong{font-size:.85rem}.btn-logout{padding:10px;font-size:.85rem}}:root{--portal-primary: #00B4D8;--portal-primary-light: #48CAE4;--portal-primary-dark: #0077B6;--portal-accent: #1a1a2e;--portal-accent-light: #2d2d44;--portal-bg: #f5f7fa;--portal-card: #ffffff;--portal-text: #1a1a2e;--portal-text-light: #5a6b7c;--portal-border: #e1e8f0;--portal-success: #22c55e;--portal-warning: #f59e0b;--portal-error: #ef4444;--portal-info: #3b82f6;--sidebar-width: 260px;--header-height: 70px;--portal-shadow: 0 4px 20px rgba(0, 0, 0, .08);--portal-radius: 16px;--portal-radius-sm: 10px}.customer-layout{display:flex;min-height:100vh;background:var(--portal-bg)}.customer-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--portal-primary) 0%,var(--portal-primary-dark) 100%);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header .logo{display:flex;align-items:center;gap:12px}.sidebar-header .logo.vertical{flex-direction:column;align-items:center;gap:16px}.sidebar-header .logo img{height:40px;width:auto;filter:brightness(0) invert(1)}.org-logo-container{display:flex;flex-direction:column;align-items:center;gap:8px}.sidebar-header .logo .org-logo{height:auto;width:auto;max-width:120px;max-height:50px;object-fit:contain;filter:brightness(0) invert(1)}.org-logo-container .org-name{font-size:1.1rem;font-weight:600;letter-spacing:-.3px;text-align:center}.powered-by-section{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15);width:100%}.powered-by-text{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;opacity:.6}.sidebar-header .logo .gt-logo-small{height:22px;width:auto;filter:brightness(0) invert(1);opacity:.8}.sidebar-header .logo .gt-logo-main{height:45px;width:auto;filter:brightness(0) invert(1)}.sidebar-header .logo span{font-size:1.3rem;font-weight:700;letter-spacing:-.5px}.close-sidebar{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#ffffffbf;text-decoration:none;border-radius:var(--portal-radius-sm);margin-bottom:4px;transition:all .2s ease;font-weight:500}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:var(--portal-accent);color:var(--portal-primary-dark);font-weight:600}.nav-icon{font-size:1.25rem;width:28px;text-align:center}.nav-label{font-size:.95rem}.sidebar-footer{padding:20px 12px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;border-radius:var(--portal-radius-sm);cursor:pointer;font-weight:500;transition:all .2s ease}.logout-btn:hover{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.customer-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.customer-header{height:var(--header-height);background:var(--portal-card);border-bottom:1px solid var(--portal-border);display:flex;align-items:center;padding:0 30px;gap:24px;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px #0000000a}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--portal-text);padding:8px}.header-search{flex:1;max-width:400px}.search-input{width:100%;padding:12px 18px;border:2px solid var(--portal-border);border-radius:50px;font-size:.95rem;background:var(--portal-bg);color:var(--portal-text);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--portal-primary);background:#fff;box-shadow:0 0 0 4px #00b4d81a}.search-input::placeholder{color:var(--portal-text-light)}.header-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.notification-btn{position:relative;background:none;border:none;font-size:1.4rem;cursor:pointer;padding:10px;border-radius:50%;transition:background .2s ease}.notification-btn:hover{background:var(--portal-bg)}.notification-badge{position:absolute;top:4px;right:4px;background:var(--portal-error);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.user-menu{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--portal-radius-sm);cursor:pointer;transition:background .2s ease}.user-menu:hover{background:var(--portal-bg)}.user-avatar{width:42px;height:42px;background:linear-gradient(135deg,var(--portal-primary) 0%,var(--portal-primary-light) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--portal-text);font-size:.95rem}.user-email{font-size:.8rem;color:var(--portal-text-light)}.notifications-dropdown{position:absolute;top:var(--header-height);right:30px;width:360px;background:var(--portal-card);border-radius:var(--portal-radius);box-shadow:var(--portal-shadow);border:1px solid var(--portal-border);z-index:60;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--portal-border)}.notifications-header h4{margin:0;font-size:1.05rem;color:var(--portal-text)}.notifications-header button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--portal-text-light);padding:4px}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;gap:14px;padding:14px 20px;border-bottom:1px solid var(--portal-border);transition:background .2s ease;cursor:pointer}.notification-item:hover{background:var(--portal-bg)}.notification-item.unread{background:#00b4d80d}.notification-icon{font-size:1.4rem;width:40px;height:40px;background:var(--portal-bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-content p{margin:0 0 4px;font-size:.9rem;color:var(--portal-text)}.notification-content span{font-size:.8rem;color:var(--portal-text-light)}.notifications-footer{display:block;text-align:center;padding:14px 20px;color:var(--portal-primary);font-weight:500;text-decoration:none;border-top:1px solid var(--portal-border)}.notifications-footer:hover{background:var(--portal-bg)}.customer-content{flex:1;padding:30px;overflow-y:auto}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}@media (max-width: 1024px){.customer-sidebar{transform:translate(-100%)}.customer-sidebar.open{transform:translate(0)}.close-sidebar{display:block;position:absolute;right:16px;top:20px}.sidebar-header{padding-right:50px}.customer-main{margin-left:0}.menu-toggle,.sidebar-overlay{display:block}.user-info{display:none}.notifications-dropdown{right:10px;width:calc(100vw - 20px);max-width:360px}}@media (max-width: 640px){.customer-header{padding:0 16px;gap:12px}.header-search{display:none}.customer-content{padding:16px}.header-actions{gap:10px}.user-avatar{width:38px;height:38px;font-size:.85rem}}:root{--primary-cyan: #00B4D8;--primary-cyan-light: #48CAE4;--primary-cyan-dark: #0096C7;--primary-dark: #1a1a2e;--primary-dark-light: #2d2d44;--primary-dark-deep: #0f0f1a;--accent-blue: #0077B6;--accent-blue-light: #00A8E8;--bg-dark: #ffffff;--bg-dark-secondary: #f8fafc;--bg-gradient-start: #ffffff;--bg-gradient-end: #f0f9ff;--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-muted: #718096;--glass-bg: rgba(0, 180, 216, .02);--glass-border: rgba(0, 180, 216, .1);--glass-shadow: rgba(0, 0, 0, .1);--font-display: "Outfit", sans-serif;--font-body: "Space Grotesk", sans-serif;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.landing-container{min-height:100vh;background:#fff;color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;position:relative}.landing-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:0 2px 20px #0000000d;transition:all .3s var(--transition-smooth)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo{height:45px;width:auto;transition:transform .3s var(--transition-smooth)}.header-logo:hover{transform:scale(1.05)}.header-nav{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s var(--transition-smooth);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-cyan),var(--accent-blue));transition:width .3s var(--transition-smooth)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.btn-nav{padding:.6rem 1.5rem;background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-cyan-dark) 100%);border:none;border-radius:8px;color:#fff;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .3s var(--transition-smooth)}.btn-nav:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00b4d866}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden;background:#fff}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin-bottom:6rem}.logo-container{position:relative;display:inline-block;margin-bottom:2rem}.main-logo{width:350px;max-width:90vw;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15));transition:transform .5s var(--transition-smooth)}.logo-container:hover .main-logo{transform:scale(1.05) translateY(-5px)}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(0,180,216,.15) 0%,transparent 60%);animation:logoGlow 3s infinite ease-in-out;pointer-events:none}@keyframes logoGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.hero-title{font-family:var(--font-display);font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.title-line{display:block}.title-highlight{background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.8}.powered-by{display:block;margin-top:1rem;font-size:1rem;color:var(--text-muted)}.brand-link{color:var(--primary-cyan);text-decoration:none;font-weight:600;transition:all .3s var(--transition-smooth);position:relative}.brand-link:hover{color:var(--primary-cyan-light);text-shadow:0 0 20px rgba(0,180,216,.5)}.hero-cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-cyan-dark) 100%);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .3s var(--transition-smooth);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00b4d866}.btn-icon{width:20px;height:20px;transition:transform .3s var(--transition-smooth)}.btn-primary:hover .btn-icon{transform:translate(5px)}.btn-secondary{padding:1rem 2rem;background:transparent;border:2px solid var(--primary-dark);border-radius:12px;color:var(--primary-dark);font-size:1.1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .3s var(--transition-smooth)}.btn-secondary:hover{border-color:var(--primary-dark-deep);background:var(--primary-dark);color:#fff;transform:translateY(-3px)}.pulse-animation{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #00b4d866}50%{box-shadow:0 0 0 15px #00b4d800}}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--primary-cyan);font-size:.85rem;font-weight:500}.scroll-indicator svg{width:24px;height:24px}.animate-bounce{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.services-section{padding:8rem 2rem;position:relative;background:linear-gradient(180deg,#fff,#f8fafc)}.section-content{max-width:1200px;margin:0 auto}.section-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;display:flex;align-items:center;justify-content:center;gap:1.5rem}.title-decorator{width:60px;height:3px;background:linear-gradient(90deg,var(--primary-cyan),var(--accent-blue));border-radius:2px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.service-card{position:relative;padding:2.5rem;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;box-shadow:0 4px 20px #0000000d;transition:all .4s var(--transition-smooth);overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-cyan),var(--accent-blue));opacity:0;transition:opacity .3s var(--transition-smooth)}.service-card:hover{transform:translateY(-10px);border-color:var(--primary-cyan);box-shadow:0 25px 50px #00b4d826}.service-card:hover:before{opacity:1}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--accent-blue) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s var(--transition-smooth)}.service-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-icon svg{width:30px;height:30px;color:#fff}.service-card h3{font-family:var(--font-display);font-size:1.4rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,180,216,.08),transparent);transition:left .6s var(--transition-smooth)}.service-card:hover .card-shine{left:100%}.features-section{padding:8rem 2rem;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-dark-deep) 100%);position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.section-title.light{color:#fff}.title-decorator.light{background:linear-gradient(90deg,#ffffff80,#fff3)}.features-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-item{display:flex;gap:1.5rem;padding:2rem;background:#fff3;border-radius:16px;border:1px solid rgba(255,255,255,.3);transition:all .4s var(--transition-smooth)}.feature-item:hover{background:#ffffff4d;transform:translate(10px)}.feature-number{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--primary-cyan);line-height:1;opacity:.9}.feature-content h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem}.feature-content p{color:#ffffffb3;line-height:1.6;font-size:.95rem}.cta-section{padding:6rem 2rem;position:relative;overflow:hidden;background:#fff}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.cta-shape{position:absolute;border-radius:50%;filter:blur(80px)}.shape-1{width:400px;height:400px;background:var(--primary-cyan);opacity:.1;top:-100px;right:-100px;animation:shapeFloat 10s infinite ease-in-out}.shape-2{width:300px;height:300px;background:var(--accent-blue);opacity:.1;bottom:-50px;left:-50px;animation:shapeFloat 12s infinite ease-in-out reverse}@keyframes shapeFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.cta-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.cta-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.cta-text{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.btn-cta{display:inline-flex;align-items:center;padding:1.25rem 3rem;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-dark-light) 100%);border:none;border-radius:50px;color:#fff;font-size:1.2rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .3s var(--transition-smooth);position:relative;overflow:hidden}.btn-cta:hover{transform:scale(1.05);box-shadow:0 20px 40px #1a1a2e66}.btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-cta:active .btn-ripple{width:300px;height:300px}.landing-footer{background:#f8fafc;border-top:1px solid rgba(0,0,0,.06);padding:4rem 2rem 2rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(0,0,0,.08)}.footer-brand{max-width:400px}.footer-logo{height:60px;width:auto;margin-bottom:1rem;transition:transform .3s}.footer-logo:hover{transform:scale(1.05)}.footer-tagline{color:var(--text-muted);line-height:1.6;font-size:.95rem}.footer-links{display:flex;gap:4rem;justify-content:flex-end}.footer-column h4{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.footer-column a{display:block;color:var(--text-muted);text-decoration:none;padding:.4rem 0;transition:all .3s var(--transition-smooth);font-size:.95rem}.footer-column a:hover{color:var(--primary-cyan);transform:translate(5px)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem}.footer-credits{text-align:center}.footer-credits p{color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.footer-credits a{color:var(--primary-cyan);text-decoration:none;font-weight:600;transition:all .3s var(--transition-smooth)}.footer-credits a:hover{color:var(--primary-cyan-light);text-shadow:0 0 15px rgba(0,180,216,.5)}.developer-credit{font-size:.85rem!important;opacity:.8}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-down{opacity:0;animation:slideDown .6s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.animate-logo{opacity:0;animation:logoReveal 1s var(--transition-bounce) forwards;animation-delay:.3s}.animate-title{opacity:0;animation:titleReveal .8s ease-out forwards;animation-delay:.6s}.animate-subtitle{opacity:0;animation:fadeUp .8s ease-out forwards;animation-delay:.9s}.animate-cta{opacity:0;animation:fadeUp .8s ease-out forwards;animation-delay:1.2s}.animate-card{opacity:0;animation:cardReveal .6s ease-out forwards}.animate-card:nth-child(1){animation-delay:.1s}.animate-card:nth-child(2){animation-delay:.2s}.animate-card:nth-child(3){animation-delay:.3s}.animate-card:nth-child(4){animation-delay:.4s}.animate-card:nth-child(5){animation-delay:.5s}.animate-card:nth-child(6){animation-delay:.6s}.animate-feature{opacity:0;animation:slideRight .6s ease-out forwards}.animate-feature:nth-child(1){animation-delay:.1s}.animate-feature:nth-child(2){animation-delay:.2s}.animate-feature:nth-child(3){animation-delay:.3s}.animate-feature:nth-child(4){animation-delay:.4s}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoReveal{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.demo-section{padding:8rem 2rem;background:#fff}.section-description{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.video-container{max-width:1400px;margin:0 auto;overflow:hidden}.demo-video{width:100%;height:auto;display:block;background:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}.feature-list{list-style:none;margin-top:1rem;padding:0;color:var(--text-muted);font-size:.9rem;line-height:1.8}.feature-list li{margin-bottom:.5rem}.benefits-section{padding:8rem 2rem;background:linear-gradient(180deg,#fff,#f8fafc)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.benefit-card{background:#fff;padding:2.5rem;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 15px #0000000d;text-align:center;transition:all .3s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00b4d81a}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-card h3{font-family:var(--font-display);font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.benefit-card p{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.tech-section{padding:6rem 2rem;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--primary-cyan-dark) 100%)}.tech-section .section-title{color:#fff}.tech-section .title-decorator{background:linear-gradient(90deg,#ffffff80,#fff3)}.tech-section .section-description{color:#fffc}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:900px;margin:0 auto}.tech-item{background:#ffffff1a;padding:2rem 1.5rem;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.tech-item:hover{background:#ffffff26;transform:translateY(-5px)}.tech-logo{font-size:3rem;margin-bottom:.75rem}.tech-item p{color:#fff;font-weight:500;font-size:.95rem}.footer-description{color:var(--text-muted);line-height:1.8;font-size:.9rem;margin-top:1rem}@media (max-width: 1024px){.hero-title{font-size:2.8rem}.main-logo{width:300px}.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links{justify-content:flex-start}}@media (max-width: 768px){.landing-header{padding:1rem}.header-nav{display:none}.hero-title{font-size:2rem}.main-logo{width:250px}.section-title{font-size:1.8rem;flex-direction:column;gap:1rem}.title-decorator{width:40px}.hero-cta{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px;justify-content:center}.feature-item{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:2rem}.cta-title{font-size:1.8rem}.benefits-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr)}.video-container{border-radius:8px}}@media (max-width: 480px){.hero-title{font-size:1.6rem}.hero-subtitle{font-size:1rem}.main-logo{width:200px}.service-card{padding:1.5rem}.services-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00b4d8,#0077b6);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:30px}.login-logo{max-width:280px;width:100%;height:auto}.login-logo.small{max-width:160px}.login-logos{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.custom-logo{max-height:60px;max-width:140px;width:auto;object-fit:contain}.logo-separator{color:#cbd5e1;font-size:1.25rem}.brand-title{font-size:1.1rem;font-weight:600;color:var(--brand-color, #00B4D8);margin:8px 0 0}.login-header h1{font-size:2.5rem;margin:0 0 10px;color:#333}.login-header p{color:#666;margin:0;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00b4d866}.btn-primary:active:not(:disabled){transform:translateY(0)}.login-footer{margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0;text-align:center;font-size:.85rem;color:#666}.login-footer p{margin:4px 0}.login-footer strong{color:#333}@media (max-width: 768px){.login-container{padding:16px}.login-box{padding:30px 24px}.login-header h1{font-size:2rem}.login-form{gap:16px}}@media (max-width: 480px){.login-container{padding:40px 12px 12px;align-items:flex-start}.login-box{padding:24px 20px;border-radius:8px}.login-header{margin-bottom:24px}.login-header h1{font-size:1.6rem}.login-header p{font-size:.9rem}.form-group input{padding:12px 14px;font-size:16px}.btn-primary{padding:14px 20px;font-size:1rem}.login-footer{margin-top:20px;padding-top:16px}}.register-organization-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00b4d8,#0077b6);padding:20px}.register-organization-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;padding:40px;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:30px}.register-logo{max-width:280px;width:100%;height:auto;margin-bottom:16px}.register-header h1{font-size:2.5rem;margin:0;color:#00b4d8}.register-header h2{font-size:1.8rem;margin:10px 0;color:#333}.register-header p{color:#666;font-size:1.1rem}.register-form{display:flex;flex-direction:column;gap:20px}.form-section{background:#f8f9fa;padding:20px;border-radius:10px;border-left:4px solid #00B4D8}.form-section h3{margin:0 0 15px;color:#333;font-size:1.2rem}.form-group{margin-bottom:15px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.95rem}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}.form-group small{display:block;margin-top:5px;color:#666;font-size:.85rem}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;border-left:4px solid #c33;font-weight:500}.plan-info{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;padding:20px;border-radius:10px;margin:10px 0}.plan-info h4{margin:0 0 10px;font-size:1.2rem}.plan-info ul{list-style:none;padding:0;margin:0}.plan-info li{padding:5px 0;font-size:.95rem}.btn-register{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #00b4d866}.btn-register:disabled{opacity:.6;cursor:not-allowed}.login-link{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.login-link p{color:#666;margin:0}.login-link a{color:#00b4d8;text-decoration:none;font-weight:600;transition:color .3s ease}.login-link a:hover{color:#0077b6;text-decoration:underline}@media (max-width: 768px){.register-organization-container{padding:40px 16px 16px;align-items:flex-start}.register-organization-card{padding:24px 20px;border-radius:12px}.register-header{margin-bottom:24px}.register-header h1{font-size:1.8rem}.register-header h2{font-size:1.3rem}.register-header p{font-size:1rem}.register-form{gap:16px}.form-section{padding:15px}.form-section h3{font-size:1.1rem}.form-group input{padding:12px;font-size:16px}.plan-info{padding:16px}.plan-info h4{font-size:1.1rem}.btn-register{padding:14px 24px;font-size:1rem}}@media (max-width: 480px){.register-organization-container{padding:24px 12px 12px}.register-organization-card{padding:20px 16px}.register-header h1{font-size:1.5rem}.register-header h2{font-size:1.2rem}.register-header p{font-size:.95rem}.form-section{padding:12px}.form-group label{font-size:.9rem}.login-link{margin-top:16px;padding-top:16px}}.dashboard-container{padding:20px;max-width:1400px;margin:0 auto}.welcome-card{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;padding:40px;border-radius:16px;margin-bottom:30px;box-shadow:0 4px 20px #00b4d84d}.welcome-card h1{margin:0 0 10px;font-size:2.5rem}.welcome-card p{margin:0;opacity:.9;font-size:1.1rem}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.stat-icon{font-size:3rem;line-height:1}.stat-content h3{margin:0 0 8px;color:#666;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-number{margin:0 0 4px;font-size:2.5rem;font-weight:700;color:#333;line-height:1}.stat-label{margin:0;color:#999;font-size:.85rem}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.info-card h3{margin:0 0 16px;color:#333;font-size:1.2rem}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{padding:8px 0;color:#666;font-size:.95rem}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.action-btn{padding:12px 16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;color:#333}.action-btn:hover{background:#00b4d8;color:#fff;border-color:#00b4d8;transform:translateY(-2px)}@media (max-width: 1024px){.dashboard-container{padding:16px}.welcome-card{padding:30px}.welcome-card h1,.stat-number{font-size:2rem}.stat-icon{font-size:2.5rem}}@media (max-width: 768px){.dashboard-container{padding:12px}.welcome-card{padding:24px;margin-bottom:20px;border-radius:12px}.welcome-card h1{font-size:1.5rem}.welcome-card p{font-size:.95rem}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-card{padding:16px;gap:16px}.stat-icon{font-size:2.2rem}.stat-number{font-size:1.8rem}.stat-content h3{font-size:.8rem}.info-section{grid-template-columns:1fr;gap:12px}.info-card{padding:16px}.info-card h3{font-size:1.1rem}.quick-actions{grid-template-columns:repeat(2,1fr);gap:8px}.action-btn{padding:10px 12px;font-size:.85rem}}.support-section{margin-top:30px}.support-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:1px solid #86efac}.support-icon{font-size:2.5rem}.support-content{flex:1}.support-content h3{margin:0 0 .25rem;font-size:1rem;color:#166534}.support-content p{margin:0;font-size:.9rem;color:#15803d}.support-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;text-decoration:none;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.support-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}@media (max-width: 480px){.welcome-card h1{font-size:1.3rem}.stat-card{flex-direction:column;text-align:center;gap:12px}.quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.support-card{flex-direction:column;text-align:center}.support-btn{width:100%;text-align:center}}.users-container{padding:20px;max-width:1400px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.users-header h1{margin:0;color:#333;font-size:2rem}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f8f9fa}.users-table th{padding:16px;text-align:left;font-weight:600;color:#333;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.users-table td{padding:16px;border-bottom:1px solid #f0f0f0;color:#666}.users-table tbody tr{transition:background .2s}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr.inactive{opacity:.6}.badge-org_admin{background:linear-gradient(135deg,gold,#ffb300);color:#5d4037;font-weight:700}.badge-admin{background:#ffe0b2;color:#e65100}.badge-user{background:#e3f2fd;color:#1565c0}.action-buttons{display:flex;gap:8px}.btn-icon.btn-warning:hover{background:#ff9800;border-color:#ff9800}.btn-icon.btn-success:hover{background:#4caf50;border-color:#4caf50}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.warning-message{background:#fff3cd;color:#856404;padding:12px 16px;border-radius:8px;border-left:4px solid #ffc107;font-size:.9rem;margin-top:12px}.info-message{background:#e3f2fd;color:#1565c0;padding:12px 16px;border-radius:8px;border-left:4px solid #2196f3;font-size:.9rem}.modal-large{max-width:700px}.module-permissions-section{background:#f8f9fa;padding:16px;border-radius:12px;margin-top:8px}.module-permissions-section>label{display:flex;align-items:center;gap:8px;margin-bottom:12px}.module-count{font-weight:400;font-size:.85rem;color:#666}.module-actions{display:flex;gap:8px;margin-bottom:16px}.btn-small{padding:6px 12px;font-size:.85rem;border-radius:6px;cursor:pointer;border:1px solid #ddd;background:#fff;transition:all .2s}.btn-select-all:hover{background:#c8e6c9;border-color:#4caf50}.btn-deselect-all:hover{background:#ffcdd2;border-color:#f44336}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-checkbox{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.module-checkbox:hover{border-color:#00b4d8;background:#f0faff}.module-checkbox.checked{border-color:#00b4d8;background:linear-gradient(135deg,#e3f7fc,#f0faff)}.module-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#00B4D8;cursor:pointer}.module-icon{font-size:1.1rem}.module-name{font-size:.85rem;color:#333;flex:1}.badge-modules{background:#e8eaf6;color:#3f51b5}.badge-modules.badge-all{background:#c8e6c9;color:#2e7d32}.status-toggle-btn{display:inline-block;padding:8px 16px;font-size:.85rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.status-toggle-btn.active{background:#4caf50;color:#fff}.status-toggle-btn.active:hover{background:#43a047}.status-toggle-btn.inactive{background:#f44336;color:#fff}.status-toggle-btn.inactive:hover{background:#e53935}.toggle-hint{display:block;margin-top:4px;color:#888;font-size:.75rem}.protected-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f5f5f5;border-radius:6px;font-size:1.2rem;cursor:help}.readonly-field{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:#f8f9fa;border-radius:8px;border:2px solid #e0e0e0}.readonly-field small{color:#666;font-size:.8rem}.info-message.info-owner{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-left-color:#ffc107;color:#5d4037}@media (max-width: 1024px){.users-container{padding:16px}.users-table th,.users-table td{padding:12px}}@media (max-width: 768px){.users-container{padding:12px}.users-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.users-header h1{font-size:1.5rem}.users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{min-width:700px}.users-table th,.users-table td{padding:10px 8px;font-size:.85rem}.action-buttons{flex-direction:column;gap:4px}.modal-overlay{padding:0}.modal{max-width:100%;max-height:100vh;border-radius:0}.modal-large{max-width:100%}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.modal-form{padding:16px;gap:16px}.form-row{grid-template-columns:1fr}.form-group input,.form-group select{font-size:16px}.modules-grid{grid-template-columns:repeat(2,1fr)}.module-checkbox{padding:8px 10px}.module-name{font-size:.8rem}.module-actions{flex-wrap:wrap}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width: 480px){.users-header h1{font-size:1.3rem}.users-table{min-width:600px}.badge{padding:3px 8px;font-size:.75rem}.modules-grid{grid-template-columns:1fr}.module-checkbox{padding:12px}.module-name{font-size:.9rem}}.vehicles-container{padding:20px;max-width:1400px;margin:0 auto}.vehicles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.vehicles-header h1{margin:0;color:#333;font-size:2rem}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.vehicle-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.vehicle-header{background:linear-gradient(135deg,#00b4d8,#0077b6);padding:20px;display:flex;align-items:center;gap:16px}.vehicle-type-icon{font-size:3rem;line-height:1}.vehicle-plate{font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:2px;background:#0003;padding:8px 16px;border-radius:6px}.vehicle-body{padding:20px}.vehicle-body h3{margin:0 0 16px;color:#333;font-size:1.4rem}.vehicle-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.detail-item:last-child{border-bottom:none}.detail-item .label{font-weight:600;color:#666;font-size:.9rem}.detail-item .value{color:#333;font-size:.95rem}.badge-maintenance{background:#fff3cd;color:#856404}.badge-inactive{background:#ffcdd2;color:#c62828}.btn-view-history-full{width:100%;margin-top:16px;padding:12px 20px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #00b4d84d}.btn-view-history-full:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b4d866}.btn-view-history-full:active{transform:translateY(0)}.vehicle-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #f0f0f0}.btn-icon{flex:1;padding:10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .2s}.empty-state{grid-column:1 / -1;text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}@media (max-width: 1024px){.vehicles-container{padding:16px}.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.vehicle-header,.vehicle-body{padding:16px}}@media (max-width: 768px){.vehicles-container{padding:12px}.vehicles-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.vehicles-header h1{font-size:1.5rem}.vehicles-grid{grid-template-columns:1fr;gap:12px}.vehicle-header{padding:14px;gap:12px}.vehicle-type-icon{font-size:2.5rem}.vehicle-plate{font-size:1.3rem;padding:6px 12px}.vehicle-body{padding:14px}.vehicle-body h3{font-size:1.2rem}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}.vehicle-actions{padding:12px;flex-wrap:wrap}.btn-icon{padding:8px;font-size:1rem}.modal-overlay{padding:0}.modal{max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.modal-form{padding:16px;gap:16px}.form-row{grid-template-columns:1fr}.form-group input,.form-group select{padding:12px;font-size:16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.empty-state{padding:40px 16px}.empty-icon{font-size:4rem}.empty-state h3{font-size:1.2rem}}@media (max-width: 480px){.vehicle-header{flex-direction:column;text-align:center}.vehicle-plate{width:100%}.btn-view-history-full{padding:10px 16px;font-size:14px}}.btn-icon.btn-warning:hover{background:#fde68a}.btn-view-history{flex:1;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;text-align:center}.btn-view-history:hover{background:#2563eb;transform:translateY(-1px)}.trips-container{padding:20px;max-width:1400px;margin:0 auto}.trips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.trips-header h1{margin:0;color:#333;font-size:2rem}.trips-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .2s}.filter-btn:hover{border-color:#00b4d8;color:#00b4d8}.filter-btn.active{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border-color:#00b4d8}.trips-list{display:flex;flex-direction:column;gap:20px}.trip-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.trip-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.trip-card.active{border-left:4px solid #4caf50}.trip-card.completed{border-left:4px solid #9e9e9e}.trip-header{background:linear-gradient(135deg,#00b4d8,#0077b6);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.trip-status{margin-bottom:8px}.trip-vehicle{color:#fff;font-size:1.2rem}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500}.badge-active{background:#c8e6c9;color:#2e7d32}.badge-completed{background:#e0e0e0;color:#666}.trip-body{padding:20px;display:flex;flex-direction:column;gap:12px}.trip-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.trip-field{display:flex;flex-direction:column;gap:4px}.trip-field .label{font-weight:600;color:#666;font-size:.85rem}.trip-field .value{color:#333;font-size:.95rem}.trip-field .value.strong{font-weight:700;color:#00b4d8;font-size:1.1rem}.trip-notes,.trip-incidents{padding:12px;background:#f8f9fa;border-radius:8px;margin-top:8px}.trip-notes strong,.trip-incidents strong{color:#333;display:block;margin-bottom:4px}.trip-incidents{background:#fff3cd;border-left:4px solid #ffc107}.trip-summary{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:8px}.trip-summary h3{margin:0 0 12px;color:#333;font-size:1.1rem}.trip-summary p{margin:4px 0;color:#666;font-size:.95rem}.trip-summary small{color:#999;font-size:.85rem}.trip-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #f0f0f0;justify-content:flex-end}.btn-primary.btn-sm{padding:8px 16px;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group small{color:#999;font-size:.85rem}@media (max-width: 1024px){.trips-container{padding:16px}.trips-list{gap:16px}.trip-body{padding:16px}}@media (max-width: 768px){.trips-container{padding:12px}.trips-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.trips-header h1{font-size:1.5rem}.trips-filters{width:100%;flex-direction:column}.filter-btn{width:100%;text-align:center}.trips-list{gap:12px}.trip-card{border-radius:8px}.trip-header{padding:14px;flex-direction:column;align-items:flex-start;gap:8px}.trip-vehicle{font-size:1rem}.trip-body{padding:14px;gap:10px}.trip-row{grid-template-columns:1fr;gap:10px}.trip-field .value.strong{font-size:1rem}.trip-actions{flex-direction:column;padding:12px;gap:8px}.trip-actions button{width:100%}.modal-overlay{padding:0}.modal{max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.modal-form{padding:16px;gap:16px}.form-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.empty-state{padding:40px 16px}.empty-icon{font-size:4rem}}@media (max-width: 480px){.trips-header h1{font-size:1.3rem}.trip-summary{padding:12px}.trip-summary h3{font-size:1rem}.trip-notes,.trip-incidents{padding:10px}}.draggable-stops-list{display:flex;flex-direction:column;gap:12px}.draggable-stop-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:default;transition:all .2s;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.draggable-stop-item *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.draggable-stop-item.dragging{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;z-index:1000}.drag-handle{cursor:grab!important;font-size:24px;color:#9ca3af;padding:8px;-webkit-user-select:none;user-select:none;line-height:1;display:flex;align-items:center;justify-content:center;min-width:40px;transition:all .2s;border-radius:4px}.drag-handle:active{cursor:grabbing!important;background:#f3f4f6}.drag-handle:hover{color:#3b82f6;background:#f9fafb}.stop-content{display:flex;align-items:center;gap:12px;flex:1}.stop-number{min-width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.stop-info{display:flex;flex-direction:column;gap:4px;flex:1;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.stop-info .badge{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500;width:fit-content}.stop-info .badge.pickup{background:#dbeafe;color:#1e40af}.stop-info .badge.delivery{background:#d1fae5;color:#065f46}.stop-address{font-weight:500;color:#1f2937;font-size:14px;-webkit-user-select:none!important;user-select:none!important}.stop-client{font-size:12px;color:#6b7280;-webkit-user-select:none!important;user-select:none!important}.geocode-badge{font-size:11px;padding:3px 8px;border-radius:12px;font-weight:500;width:fit-content;display:inline-flex;align-items:center;gap:4px}.geocode-badge.geocoded{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.geocode-badge.not-geocoded{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.empty-stops{text-align:center;padding:40px 20px;color:#9ca3af;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.draggable-stop-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.rutas-container{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.page-header h1{margin:0;color:#333;font-size:2rem}.page-header p{margin:4px 0 0;color:#666;font-size:.9rem}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-warning{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.alert button{background:#0003;padding:4px 12px;border-radius:4px;cursor:pointer}.alert button:hover{background:#0000004d}.alert button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;padding:0;margin-left:16px}.filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filters button{padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .2s}.filters button:hover{border-color:#00b4d8;color:#00b4d8}.filters button.active{background:#00b4d8;color:#fff;border-color:#00b4d8}.rutas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.ruta-card.seleccionada{border:3px solid #10b981;box-shadow:0 4px 12px #10b9814d;background-color:#f0fdf4}.ruta-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .2s}.ruta-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.ruta-card.bloqueada{opacity:.9;border-left:4px solid #ef4444}.badge-bloqueo{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500;background:#fecaca;color:#991b1b;margin-left:8px}.detail-section{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.detail-section h3{margin:0 0 16px;font-size:1.1rem;color:#1f2937;display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.detail-label{font-size:.85rem;color:#6b7280;font-weight:500}.detail-value{font-size:.95rem;color:#1f2937;font-weight:500}.stops-list{display:flex;flex-direction:column;gap:12px}.stop-card{display:flex;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.stop-card:hover{box-shadow:0 2px 8px #0000001a;transform:translate(4px)}.stop-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#3b82f6;color:#fff;border-radius:50%;font-weight:700;font-size:1rem;flex-shrink:0}.stop-details{flex:1;display:flex;flex-direction:column;gap:6px}.stop-header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stop-type{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.stop-type.pickup{background:#dbeafe;color:#1e40af}.stop-type.delivery{background:#dcfce7;color:#166534}.stop-status{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.stop-status.pending{background:#fef3c7;color:#92400e}.stop-status.completed{background:#d1fae5;color:#065f46}.stop-status.skipped{background:#f3f4f6;color:#4b5563}.stop-address{font-size:1rem;color:#1f2937;font-weight:500}.stop-info{font-size:.9rem;color:#6b7280;display:flex;align-items:center;gap:4px}.personnel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.personnel-card{padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.personnel-card:hover{box-shadow:0 2px 8px #0000001a}.personnel-info{display:flex;flex-direction:column;gap:4px}.personnel-name{font-size:1rem;font-weight:600;color:#1f2937}.personnel-role{font-size:.85rem;color:#6b7280}.badge-warning{padding:2px 8px;border-radius:8px;font-size:.75rem;background:#fef3c7;color:#92400e;display:inline-block;margin-top:4px}.personnel-payment{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.payment-amount{font-size:1.1rem;font-weight:700;color:#059669}.payment-status{padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:500}.payment-status.pending{background:#fef3c7;color:#92400e}.payment-status.paid{background:#d1fae5;color:#065f46}.payment-status.partial{background:#fed7aa;color:#9a3412}.notes-box,.incidents-box{padding:12px;background:#fff;border-radius:8px;border-left:4px solid #3b82f6;margin-bottom:12px}.incidents-box{border-left-color:#ef4444}.notes-box strong,.incidents-box strong{display:block;margin-bottom:8px;color:#1f2937}.notes-box p,.incidents-box p{margin:0;color:#4b5563;line-height:1.5}.modal-large{max-width:900px;width:90%}.modal-footer{display:flex;gap:8px;padding:16px;border-top:1px solid #e5e7eb;background:#f9fafb;justify-content:flex-end;flex-wrap:wrap}.modal-footer button{padding:10px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s;font-size:.95rem}.modal-footer .btn-secondary{background:#e5e7eb;color:#1f2937}.modal-footer .btn-secondary:hover{background:#d1d5db}.modal-footer .btn-primary{background:#3b82f6;color:#fff}.modal-footer .btn-primary:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d}.modal-footer .btn-success{background:#10b981;color:#fff}.modal-footer .btn-success:hover{background:#059669;box-shadow:0 2px 8px #10b9814d}.modal-footer .btn-danger{background:#ef4444;color:#fff}.modal-footer .btn-danger:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d}.gastos-section{background:#fefce8;border:1px solid #fde047}.gastos-section h3{color:#854d0e}.gastos-form{background:#fff;padding:16px;border-radius:8px;margin-bottom:16px}.select-categoria{font-size:1rem}.gastos-list{margin-top:12px}.gasto-card{background:#fff;border:1px solid #fde047;display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;margin-bottom:8px}.gasto-card:hover{box-shadow:0 2px 8px #fde04766}.gasto-categoria{font-weight:600;color:#854d0e;font-size:.95rem}.gasto-desc{color:#78716c;font-size:.9rem;margin-left:8px}.gasto-monto{display:flex;align-items:center;gap:12px}.gasto-monto .monto{font-size:1.1rem;font-weight:700;color:#059669}.gastos-total{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:2px solid #059669;margin-top:12px}.gastos-total strong{color:#1f2937;font-size:1rem}.gastos-total .total-monto{font-size:1.3rem;font-weight:700;color:#059669}.info-resumen{background:#eff6ff;border:1px solid #bfdbfe}.info-resumen h3{color:#1e40af}.resumen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.resumen-item{display:flex;flex-direction:column;gap:4px}.resumen-item .label{font-size:.85rem;color:#6b7280}.resumen-item .value{font-size:1rem;font-weight:600;color:#1f2937}.km-recorridos{background:#d1fae5!important;color:#059669!important;font-weight:600!important}.checkbox-group{display:flex;align-items:center}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.text-muted{color:#6b7280;font-size:.9rem}.text-success{color:#059669;font-weight:600}.add-item-form{background:#f9fafb;padding:16px;border-radius:8px;border:1px dashed #d1d5db;margin-bottom:16px}.add-item-form .form-grid{margin-bottom:12px}.items-list{max-height:300px;overflow-y:auto}.item-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px}.item-card:hover{box-shadow:0 2px 4px #0000000d}.item-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-info strong{color:#1f2937}button:disabled{opacity:.5;cursor:not-allowed}.ruta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.ruta-header h3{margin:0;font-size:1.1rem;color:#333}.ruta-info{margin-bottom:16px}.info-item{display:flex;align-items:center;gap:8px;padding:6px 0;color:#666;font-size:.9rem}.info-item .icon{font-size:1.1rem}.ruta-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;margin:auto}.modal-content.modal-large{max-width:900px}.btn-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-body{padding:20px;overflow-y:auto;overflow-x:hidden;flex:1;max-height:calc(90vh - 140px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.modal-footer{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.form-section h3{margin:0 0 16px;font-size:1.2rem;color:#333}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.9rem;font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00b4d8}.form-group input[type=checkbox]{width:auto;margin-right:8px}.add-item-form{background:#f9f9f9;padding:16px;border-radius:8px;margin-bottom:16px}.items-list{display:flex;flex-direction:column;gap:8px}.item-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f5f5f5;border-radius:6px;border:1px solid #e0e0e0}.item-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex:1}.item-info strong{color:#333}.item-info span{font-size:.9rem;color:#666}.badge{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500;background:#00b4d8;color:#fff}.badge-warning{background:#f59e0b;color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.btn-primary{background:#00b4d8;color:#fff}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:.85rem}@media (max-width: 1024px){.rutas-container{padding:16px}.rutas-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.rutas-container{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:12px;margin-bottom:16px}.page-header h1{font-size:1.5rem}.filters{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:8px}.filters button{padding:8px 16px;font-size:.9rem;flex-shrink:0}.rutas-grid{grid-template-columns:1fr;gap:12px}.ruta-card{padding:16px}.ruta-header h3{font-size:1rem}.ruta-actions{flex-direction:column}.ruta-actions button{width:100%}.detail-section{padding:12px;margin-bottom:16px}.detail-grid{grid-template-columns:1fr;gap:10px}.personnel-list{grid-template-columns:1fr}.stop-card{flex-direction:column;gap:10px}.stop-number{width:32px;height:32px;font-size:.9rem}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-content.modal-large{max-width:100%}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.modal-body{padding:16px;max-height:calc(100vh - 140px)}.form-section{margin-bottom:20px;padding-bottom:16px}.form-grid{grid-template-columns:1fr;gap:12px}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer button{width:100%}.gastos-form{padding:12px}.gastos-total{flex-direction:column;gap:8px;text-align:center}.resumen-grid{grid-template-columns:repeat(2,1fr)}.alert{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.page-header h1{font-size:1.3rem}.ruta-card{padding:14px}.info-item{font-size:.85rem}.badge-bloqueo{font-size:.75rem;padding:3px 8px}.resumen-grid{grid-template-columns:1fr}.payment-amount{font-size:1rem}.gastos-total .total-monto{font-size:1.1rem}}.maintenance-container{padding:20px;max-width:1400px;margin:0 auto}.maintenance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.maintenance-header h1{margin:0;color:#333;font-size:2rem}.loading{text-align:center;padding:60px 20px;font-size:1.2rem;color:#666}.upcoming-alerts{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.upcoming-alerts h3{margin:0 0 16px;color:#333;font-size:1.3rem}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.alert-card{display:flex;gap:12px;padding:16px;border-radius:8px;border-left:4px solid;transition:transform .2s}.alert-card:hover{transform:translate(4px)}.alert-card.due{background:#ffebee;border-left-color:#f44336}.alert-card.warning{background:#fff3e0;border-left-color:#ff9800}.alert-icon{font-size:2rem;line-height:1}.alert-content{flex:1;display:flex;flex-direction:column;gap:4px}.alert-content strong{color:#333;font-size:1rem}.alert-content p{margin:0;color:#666;font-size:.95rem}.alert-content small{color:#999;font-size:.85rem;display:block}.maintenance-list{display:flex;flex-direction:column;gap:20px}.maintenance-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.maintenance-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.maintenance-header-card{background:linear-gradient(135deg,#00b4d8,#0077b6);padding:16px 20px;color:#fff}.maintenance-type{margin-bottom:8px}.type-badge{display:inline-block;padding:4px 12px;background:#fff3;border-radius:12px;font-size:.9rem;font-weight:500}.maintenance-vehicle{font-size:1.2rem;display:flex;align-items:center;gap:15px}.btn-view-history{background:#00b4d8;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s}.btn-view-history:hover{background:#5568d3;transform:translateY(-2px)}.maintenance-body{padding:20px;display:flex;flex-direction:column;gap:12px}.maintenance-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.maintenance-field{display:flex;flex-direction:column;gap:4px}.maintenance-field .label{font-weight:600;color:#666;font-size:.85rem}.maintenance-field .value{color:#333;font-size:.95rem}.next-service{padding:12px;background:#e3f2fd;border-radius:8px;border-left:4px solid #2196f3;margin-top:8px}.next-service strong{color:#1976d2;display:block;margin-bottom:4px}.next-service span{color:#666;font-size:.95rem}.maintenance-notes{padding:12px;background:#f8f9fa;border-radius:8px;margin-top:8px}.maintenance-notes strong{color:#333;display:block;margin-bottom:4px}.performed-by{margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.performed-by small{color:#999;font-size:.85rem}.maintenance-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #f0f0f0;justify-content:flex-end}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b4d866}.btn-secondary{padding:12px 24px;background:#f8f9fa;color:#333;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-icon{padding:8px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.btn-icon:hover{background:#00b4d8;border-color:#00b4d8;transform:translateY(-2px)}.btn-icon.btn-danger:hover{background:#f44336;border-color:#f44336}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:6rem;margin-bottom:20px;opacity:.3}.empty-state h3{margin:0 0 12px;color:#333;font-size:1.5rem}.empty-state p{color:#999;margin:0 0 24px}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px 8px;color:#999;transition:color .2s}.btn-close:hover{color:#333}.modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-section{padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00B4D8}.form-section h4{margin:0 0 16px;color:#333;font-size:1.1rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s;font-family:inherit}.form-group input:disabled,.form-group select:disabled{background:#f8f9fa;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;border-left:4px solid #c33;font-size:.9rem}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}@media (max-width: 1024px){.maintenance-container{padding:16px}.upcoming-alerts{padding:20px}.alerts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 768px){.maintenance-container{padding:12px}.maintenance-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.maintenance-header h1{font-size:1.5rem}.upcoming-alerts{padding:16px;margin-bottom:16px}.upcoming-alerts h3{font-size:1.1rem}.alerts-grid{grid-template-columns:1fr;gap:12px}.alert-card{padding:14px}.alert-icon{font-size:1.6rem}.maintenance-list{gap:12px}.maintenance-header-card{padding:14px}.maintenance-vehicle{font-size:1rem;flex-direction:column;align-items:flex-start;gap:8px}.maintenance-body{padding:14px}.maintenance-row{grid-template-columns:1fr;gap:10px}.maintenance-actions{flex-direction:column;padding:12px;gap:8px}.maintenance-actions button{width:100%}.modal-overlay{padding:0}.modal{max-width:100%;max-height:100vh;border-radius:0}.modal.modal-large{max-width:100%}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.modal-form{padding:16px;gap:16px}.form-section{padding:12px}.form-section h4{font-size:1rem}.form-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.empty-state{padding:40px 16px}.empty-icon{font-size:4rem}}@media (max-width: 480px){.maintenance-header h1{font-size:1.3rem}.type-badge{font-size:.8rem;padding:3px 10px}.next-service{padding:10px}}.clients-page{padding:2rem;max-width:1400px;margin:0 auto}.clients-table{width:100%;border-collapse:collapse}.clients-table thead{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.clients-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.clients-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.clients-table tbody tr{transition:background-color .2s}.clients-table tbody tr:hover{background-color:#f8f9fa}.clients-table tbody tr.inactive-row{opacity:.6;background-color:#f8f8f8}.client-name{font-weight:600;color:#2c3e50}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-align:center}.badge-fisica{background-color:#e3f2fd;color:#1976d2}.badge-juridica{background-color:#f3e5f5;color:#7b1fa2}.actions{display:flex;gap:.5rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border-radius:16px 16px 0 0}.client-form{padding:1.5rem}@media (max-width: 1024px){.clients-page{padding:1.5rem}.clients-table th,.clients-table td{padding:.75rem;font-size:.9rem}}@media (max-width: 768px){.clients-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.page-header h1{font-size:1.5rem}.filters-section{flex-direction:column;margin-bottom:1.5rem}.filter-group{min-width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.clients-table{min-width:800px}.clients-table th,.clients-table td{padding:.6rem .5rem;font-size:.85rem}.form-row{grid-template-columns:1fr}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;margin:0;border-radius:0}.modal-header{padding:1rem;border-radius:0}.modal-header h2{font-size:1.2rem}.client-form{padding:1rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-footer{padding:1rem;flex-direction:column;border-radius:0}.modal-footer .btn{width:100%}.pagination{flex-wrap:wrap;gap:.5rem}.actions{flex-direction:column;gap:.25rem}}@media (max-width: 480px){.clients-page{padding:.75rem}.page-header h1{font-size:1.3rem}.clients-table{min-width:600px}.badge{padding:.2rem .5rem;font-size:.75rem}}.storage-facilities-page{padding:2rem;max-width:1600px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content{flex:1}.stat-content h3{margin:0 0 .5rem;font-size:.9rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2rem;font-weight:700;color:#2c3e50;margin:.25rem 0}.stat-label{font-size:.85rem;color:#888;margin:0}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:2rem}.facilities-table{width:100%;border-collapse:collapse}.facilities-table thead{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.facilities-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.facilities-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.facilities-table tbody tr{transition:background-color .2s}.facilities-table tbody tr:hover{background-color:#f8f9fa}.facilities-table tbody tr.inactive-row{opacity:.6;background-color:#f8f8f8}.facility-name{font-weight:600;color:#2c3e50}.facility-manager{font-size:.85rem;color:#666;margin-top:.25rem}.facility-address{max-width:250px}.facility-city{font-size:.85rem;color:#666;margin-top:.25rem}.text-right{text-align:right;font-family:Courier New,monospace;font-weight:600}.occupancy-badge{display:flex;flex-direction:column;align-items:center;gap:.25rem}.occupancy-bar{width:80px;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.occupancy-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);transition:width .3s ease}.occupancy-badge small{font-size:.75rem;color:#666}.profit-positive{color:#10b981;font-weight:600}.profit-negative{color:#ef4444;font-weight:600}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-align:center;white-space:nowrap}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-active{background-color:#d4edda;color:#155724}.badge-inactive{background-color:#f8d7da;color:#721c24}.actions{display:flex;gap:.5rem;justify-content:center}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;border-radius:6px;transition:all .2s}.btn-icon:hover{transform:scale(1.1)}.btn-edit:hover{background-color:#e3f2fd}.btn-deactivate:hover{background-color:#fff3cd}.btn-delete:hover{background-color:#f8d7da}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f093fb66}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-secondary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.pagination-info{font-size:1rem;color:#666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:16px 16px 0 0}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff;padding:.25rem;transition:transform .2s}.btn-close:hover{transform:scale(1.1)}.facility-form{padding:1.5rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.form-section h3{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f093fb;box-shadow:0 0 0 3px #f093fb1a}.form-group textarea{resize:vertical;font-family:inherit}.profit-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-top:1rem;border:2px solid #dee2e6}.profit-preview strong{color:#2c3e50}.profit-preview span{font-size:1.25rem;font-weight:700}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:0 0 16px 16px}.loading,.error,.no-data{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.error{color:#dc3545}@media (max-width: 1200px){.storage-facilities-page{padding:1.5rem}.facilities-table{font-size:.9rem}.facilities-table th,.facilities-table td{padding:.75rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.storage-facilities-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.page-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-icon{font-size:2rem}.stat-number{font-size:1.5rem}.filters-section{flex-direction:column;gap:.75rem}.filter-group{min-width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.facilities-table{min-width:900px}.facilities-table th,.facilities-table td{padding:.6rem .5rem;font-size:.85rem}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;margin:0;border-radius:0}.modal-header{padding:1rem;border-radius:0}.modal-header h2{font-size:1.2rem}.facility-form{padding:1rem}.form-section{margin-bottom:1.5rem;padding-bottom:1rem}.form-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-footer{flex-direction:column;padding:1rem;border-radius:0}.modal-footer button{width:100%}.profit-preview{flex-direction:column;gap:.5rem;text-align:center}.pagination{flex-direction:column;gap:.5rem}.actions{flex-direction:column;gap:.25rem}}@media (max-width: 480px){.storage-facilities-page{padding:.75rem}.page-header h1{font-size:1.3rem}.stat-card{flex-direction:column;text-align:center}.facilities-table{min-width:700px}.badge{padding:.2rem .5rem;font-size:.75rem}.occupancy-bar{width:60px}}.lockers-container{padding:2rem;max-width:1600px;margin:0 auto}.page-header h1{margin:0;font-size:2rem;color:#1a1a1a}.page-subtitle{margin:.5rem 0 0;color:#666;font-size:.95rem}.financial-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.summary-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0000000d}.summary-content{flex:1}.summary-content h3{margin:0;font-size:.85rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{margin:.5rem 0 0;font-size:1.75rem;font-weight:700;color:#1a1a1a}.summary-card-info .summary-icon{background:#3498db26}.summary-card-success .summary-icon{background:#2ecc7126}.summary-card-warning .summary-icon{background:#f1c40f26}.summary-card-danger .summary-icon{background:#e74c3c26}.filters-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.filters-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;align-items:end}.filters-actions{display:flex;gap:.5rem}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.data-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:1rem;border-bottom:1px solid #eee;font-size:.95rem}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:3rem!important;color:#999;font-style:italic}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active,.status-paid{background:#2ecc7126;color:#27ae60}.status-inactive{background:#95a5a626;color:#7f8c8d}.status-pending{background:#f1c40f26;color:#f39c12}.status-partial{background:#3498db26;color:#2980b9}.status-overdue{background:#e74c3c26;color:#c0392b}.text-success{color:#27ae60!important;font-weight:600}.text-danger{color:#e74c3c!important;font-weight:600}.text-muted{color:#999!important;font-style:italic}.actions-cell{display:flex;gap:.5rem;align-items:center}.btn-icon{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s,transform .2s}.btn-delete:hover{background-color:#e74c3c1a}.btn-primary{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:.95rem}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:.95rem}.btn-secondary:hover{background:#5a6268}.btn-outline{background:#fff;color:#00b4d8;border:2px solid #00B4D8;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.btn-link{color:#00b4d8;text-decoration:none;font-weight:600;font-size:.85rem;padding:.5rem;border-radius:4px;transition:background-color .2s;white-space:nowrap}.btn-link:hover{background-color:#00b4d81a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.modal-large{max-width:1200px}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border-radius:16px 16px 0 0}.modal-close{background:#fff3;border:none;font-size:2rem;cursor:pointer;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;line-height:1}.modal-body,.modal-form{padding:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.form-section{background:#f8f9fa;padding:1.5rem;border-radius:8px}.form-section h3{margin:0 0 1.5rem;font-size:1.1rem;color:#00b4d8;border-bottom:2px solid #00B4D8;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group input[type=file]{border:2px dashed #e0e0e0;background:#fff;cursor:pointer}.form-group input[type=file]:hover{border-color:#00b4d8;background:#00b4d80d}.form-group small{display:block;margin-top:.5rem;color:#666;font-size:.85rem}.form-group small.text-success{color:#27ae60!important;font-weight:600}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s}.checkbox-label:hover{background-color:#00b4d80d}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;transform:scale(1.2)}.number-selection-mode{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:#00b4d80d;border-radius:8px}.radio-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;font-weight:400!important;color:#666!important;margin:0!important}.radio-label input[type=radio]{width:auto;cursor:pointer;transform:scale(1.2);margin:0}.text-warning{color:#f39c12!important;font-weight:600}.input-with-action{display:flex;gap:.5rem;align-items:stretch}.input-with-action select{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #eee;background:#f8f9fa;border-radius:0 0 16px 16px}.payments-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-item strong{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.payments-actions{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-action{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-pay{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3498db66}.btn-complete{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-complete:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2ecc7166}.row-paid{background-color:#2ecc710d!important}.next-payment-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.next-payment-cell strong{font-size:.95rem}.loading{text-align:center;padding:4rem;font-size:1.2rem;color:#00b4d8}@media (max-width: 1024px){.lockers-container{padding:1.5rem}.financial-summary-cards{grid-template-columns:repeat(2,1fr)}.summary-card{padding:1.25rem}.summary-value{font-size:1.5rem}}@media (max-width: 768px){.lockers-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.5rem}.financial-summary-cards{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1rem}.summary-icon{width:50px;height:50px;font-size:2rem}.summary-value{font-size:1.4rem}.filters-section{padding:1rem}.filters-grid{grid-template-columns:1fr}.filters-actions{grid-column:1;flex-direction:column}.filters-actions button{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:700px}.data-table th,.data-table td{padding:.75rem .5rem;font-size:.85rem}.modal-overlay{padding:0}.modal-content{width:100%;max-width:100%;max-height:100vh;border-radius:0}.modal-large{max-width:100%}.modal-header{padding:1rem 1.25rem;border-radius:0}.modal-header h2{font-size:1.2rem}.modal-body,.modal-form{padding:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-section{padding:1rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-actions{flex-direction:column;padding:1rem;border-radius:0}.modal-actions button{width:100%}.payments-summary{grid-template-columns:1fr;padding:1rem}.payments-actions{flex-direction:column}.payments-actions button{width:100%}.actions-cell{flex-direction:column;gap:.25rem}}@media (max-width: 480px){.lockers-container{padding:.75rem}.page-header h1{font-size:1.3rem}.summary-card{flex-direction:column;text-align:center}.summary-value{font-size:1.3rem}.data-table{min-width:600px}.status-badge{padding:.25rem .5rem;font-size:.75rem}.number-selection-mode{flex-direction:column;gap:.75rem}}.ledger-page{padding:2rem;max-width:1600px;margin:0 auto}.page-subtitle{color:#7f8c8d;margin:.5rem 0 0;font-size:.95rem}.cashflow-container{background:linear-gradient(135deg,#00b4d8,#0077b6);border-radius:16px;box-shadow:0 8px 24px #00b4d84d;padding:2rem;margin-bottom:2rem;color:#fff}.cashflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.cashflow-header h2{margin:0;font-size:1.8rem;font-weight:700}.currency-selector{display:flex;align-items:center;gap:.75rem;background:#ffffff26;padding:.75rem 1.25rem;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.currency-selector label{font-weight:600;font-size:.95rem}.currency-select{background:#fffffff2;color:#2c3e50;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.currency-select:hover{background:#fff;transform:translateY(-1px)}.currency-select:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.cashflow-main{margin-bottom:1.5rem}.cashflow-card{background:#ffffff26;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cashflow-icon{font-size:3.5rem;line-height:1;opacity:.9}.cashflow-content{flex:1}.cashflow-label{font-size:1rem;font-weight:500;opacity:.9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.cashflow-value{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cashflow-detail{font-size:.95rem;opacity:.85;font-weight:400}.exchange-rate-display{background:#fff3;border-radius:12px;padding:1.25rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:1rem;margin-left:auto;min-width:220px;box-shadow:0 4px 12px #0000001a}.exchange-rate-icon{font-size:2rem;line-height:1;opacity:.9}.exchange-rate-content{display:flex;flex-direction:column;gap:.25rem}.exchange-rate-label{font-size:.75rem;font-weight:600;opacity:.85;text-transform:uppercase;letter-spacing:1px}.exchange-rate-value{font-size:1.1rem;font-weight:800;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.exchange-rate-source{font-size:.7rem;opacity:.75;font-weight:500;font-style:italic}.cashflow-breakdown-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.breakdown-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:30px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;width:100%;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breakdown-toggle:hover{background:#ffffff40;transform:translateY(-1px)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.breakdown-card{background:#fffffff2;color:#2c3e50;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s,box-shadow .3s}.breakdown-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.breakdown-currency{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:#00b4d8;display:flex;align-items:center;gap:.5rem}.breakdown-balance{font-size:2rem;font-weight:800;color:#2c3e50;margin-bottom:1rem}.breakdown-details{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.breakdown-income,.breakdown-expense{display:flex;justify-content:space-between;align-items:center}.breakdown-label{font-size:.85rem;font-weight:600;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.breakdown-amount{font-size:.95rem;font-weight:700}.breakdown-income .breakdown-amount{color:#27ae60}.breakdown-expense .breakdown-amount{color:#e74c3c}.breakdown-converted{margin-top:.75rem;font-size:.9rem;font-weight:600;color:#00b4d8;text-align:right}.stats-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;margin-bottom:2rem}.stats-toggle{background:none;border:none;font-size:1rem;font-weight:600;color:#2c3e50;cursor:pointer;margin-bottom:1rem;padding:0}.stats-toggle:hover{color:#3498db}.stats-info{margin-bottom:1.5rem}.stats-summary{display:flex;gap:2rem;flex-wrap:wrap;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:.95rem}.stats-summary span{color:#2c3e50}.stats-by-currency{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.currency-stats-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s}.currency-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#00b4d8}.currency-stats-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e0e0e0}.currency-flag{font-size:2rem}.currency-code{font-size:1.5rem;font-weight:800;color:#00b4d8}.currency-stats-grid{display:flex;flex-direction:column;gap:1rem}.currency-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #f0f0f0}.currency-stat-label{font-size:.85rem;font-weight:600;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.currency-stat-value{font-size:1.4rem;font-weight:700}.currency-stat-income{color:#27ae60}.currency-stat-expense{color:#e74c3c}.currency-stat-balance{color:#00b4d8;font-size:1.6rem}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;margin-bottom:2rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filter-input,.filter-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem}.filter-input:focus,.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.filters-actions{display:flex;gap:1rem;justify-content:flex-end}.ledger-table{width:100%;border-collapse:collapse;min-width:1200px}.ledger-table thead{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.ledger-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ledger-table td{padding:.875rem;border-bottom:1px solid #f0f0f0;font-size:.9rem}.ledger-table tbody tr{transition:background-color .2s}.ledger-table tbody tr:hover{background-color:#f8f9fa}.text-center{text-align:center}.text-right{text-align:right}.entry-number{font-family:Courier New,monospace;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600;color:#495057}.description-cell{max-width:300px}.description-main{font-weight:500;color:#2c3e50;margin-bottom:.25rem}.description-detail{font-size:.8rem;color:#7f8c8d;font-style:italic}.amount-cell{font-weight:700;font-size:1rem;font-family:Courier New,monospace}.amount-positive{color:#27ae60}.amount-negative{color:#e74c3c}.badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-income{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.badge-expense{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.badge-neutral{background:linear-gradient(135deg,#757f9a,#d7dde8);color:#fff}.badge-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.badge-warning{background:linear-gradient(135deg,#f2994a,#f2c94c);color:#fff}.badge-danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.action-buttons{display:flex;gap:.5rem;justify-content:center;align-items:center}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;opacity:.7;transition:opacity .2s,transform .2s}.btn-icon:hover{opacity:1;transform:scale(1.1)}.btn-icon:active{transform:scale(.95)}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;box-shadow:0 4px 6px #00b4d84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00b4d866}.btn-secondary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 4px 6px #4facfe4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #4facfe66}.btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;box-shadow:0 4px 6px #eb33494d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 12px #eb334966}.btn-outline{background:#fff;color:#00b4d8;border:2px solid #00B4D8}.btn-outline:hover{background:#00b4d8;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.pagination-info{font-weight:600;color:#2c3e50}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:90%;max-height:90vh;overflow-y:auto}.modal-content.modal-small{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:#ffffff4d}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:2px solid #f0f0f0;background:#f8f9fa;border-radius:0 0 16px 16px}.ledger-form{padding:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.1rem;padding-bottom:.5rem;border-bottom:2px solid #00B4D8}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.form-group label{font-weight:600;color:#2c3e50;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.help-text{font-size:.85rem;color:#7f8c8d;margin:0;padding:.5rem;background:#f8f9fa;border-radius:6px}.loading{text-align:center;padding:3rem;font-size:1.1rem;color:#7f8c8d}.error-message{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 4px 6px #eb33494d}@media (max-width: 1200px){.form-grid{grid-template-columns:1fr}.ledger-page,.cashflow-container{padding:1.5rem}.cashflow-value{font-size:2.5rem}}@media (max-width: 768px){.ledger-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.5rem}.cashflow-container{padding:1.25rem;margin-bottom:1.5rem;border-radius:12px}.cashflow-header{flex-direction:column;align-items:flex-start}.cashflow-header h2{font-size:1.4rem}.currency-selector{width:100%;justify-content:space-between}.cashflow-card{padding:1.25rem;flex-direction:column;align-items:flex-start;gap:1rem}.cashflow-icon{font-size:2.5rem}.cashflow-value{font-size:2rem}.exchange-rate-display{margin-left:0;width:100%;margin-top:1rem}.breakdown-grid{grid-template-columns:1fr}.breakdown-balance{font-size:1.5rem}.stats-container{padding:1rem}.stats-by-currency{grid-template-columns:1fr}.currency-stat-value{font-size:1.2rem}.currency-stat-balance{font-size:1.3rem}.filters-section{padding:1rem}.filters-grid{grid-template-columns:1fr}.filters-actions{flex-direction:column}.filters-actions button{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.ledger-table{min-width:900px}.ledger-table th,.ledger-table td{padding:.75rem .5rem;font-size:.85rem}.modal-overlay{padding:0}.modal-content{width:100%;max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:1rem 1.25rem;border-radius:0}.modal-header h2{font-size:1.2rem}.form-grid{padding:1rem;gap:1rem}.form-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-actions{flex-direction:column;padding:1rem;border-radius:0}.modal-actions button{width:100%}.pagination{flex-direction:column;padding:.75rem;gap:.5rem}}@media (max-width: 480px){.ledger-page{padding:.75rem}.page-header h1{font-size:1.3rem}.cashflow-header h2{font-size:1.2rem}.cashflow-value{font-size:1.6rem}.cashflow-icon{font-size:2rem}.ledger-table{min-width:700px}.amount-cell{font-size:.9rem}.badge{padding:.25rem .5rem;font-size:.7rem}}.ledger-table tbody tr{animation:fadeIn .3s ease}.stat-card{animation:fadeIn .4s ease}.vehicle-history-container{padding:20px;max-width:1400px;margin:0 auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#00b4d8,#0077b6);border-radius:12px;color:#fff}.vehicle-info-header h1{margin:0 0 10px;font-size:32px}.vehicle-details{font-size:16px;margin:5px 0;opacity:.9}.vehicle-info-header p{margin:5px 0;font-size:14px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.stat-card h3{margin:0 0 10px;font-size:16px;color:#666}.stat-value{font-size:36px;font-weight:700;color:#333;margin:10px 0}.stat-detail{font-size:14px;color:#666;margin:5px 0}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s}.tab-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.tab-content h2{margin:0 0 20px;color:#333}.maintenance-item{background:#f8f9fa;border-left:4px solid #00B4D8;padding:15px 20px;margin-bottom:15px;border-radius:8px}.maintenance-header-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.maintenance-type{font-weight:700;color:#00b4d8;font-size:16px}.maintenance-date{color:#666;font-size:14px}.maintenance-details p{margin:5px 0;font-size:14px;color:#555}.performed-by{font-size:13px;color:#999;font-style:italic;margin-top:10px!important}.repairs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.repair-item{background:#f8f9fa;border-left:4px solid #ff9800;padding:15px 20px;margin-bottom:15px;border-radius:8px}.repair-item.repaired{border-left-color:#4caf50;opacity:.85}.repair-header-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.severity-badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:700;margin-right:10px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.repaired{background:#d4edda;color:#155724}.repair-date{color:#666;font-size:14px}.repair-details{font-size:14px}.repair-details p{margin:8px 0;color:#555}.repair-details hr{border:none;border-top:1px solid #ddd;margin:15px 0}.repair-actions{display:flex;gap:10px;margin-top:15px}.btn-success{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-success:hover{background:#45a049}.inspections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.inspection-item{background:#f8f9fa;border-left:4px solid #2196f3;padding:15px 20px;margin-bottom:15px;border-radius:8px}.inspection-item.status-aprobado{border-left-color:#4caf50}.inspection-item.status-aprobado_con_observaciones{border-left-color:#ff9800}.inspection-item.status-requiere_reparacion{border-left-color:#f44336}.inspection-header-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.status-badge.aprobado{background:#d4edda;color:#155724}.status-badge.aprobado_con_observaciones{background:#fff3cd;color:#856404}.status-badge.requiere_reparacion{background:#f8d7da;color:#721c24}.inspection-date{color:#666;font-size:14px}.inspection-details p{margin:8px 0;font-size:14px;color:#555}.inspection-details .issues{color:#ff5722;font-weight:500}.inspection-details .critical{background:#f44336;color:#fff;padding:8px 12px;border-radius:6px;font-weight:700;margin-top:10px}.signed-by{font-size:13px;color:#999;font-style:italic;margin-top:10px!important}.empty-message{text-align:center;padding:40px;color:#999;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:24px;color:#333}.btn-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.btn-close:hover{background:#f0f0f0;color:#333}.modal-form{padding:20px}.form-section-title{margin:20px 0 15px;padding:10px 0;border-top:2px solid #e0e0e0;border-bottom:1px solid #f0f0f0}.form-section-title h3{margin:0;font-size:16px;color:#00b4d8;font-weight:600}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}.form-group input[type=checkbox]{margin-right:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0}.btn-primary{background:#00b4d8;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.btn-primary:hover{background:#5568d3}.btn-secondary{background:#f0f0f0;color:#333;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.daily-inspection-container{padding:20px;max-width:1200px;margin:0 auto}.inspection-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#00b4d8,#0077b6);border-radius:12px;color:#fff}.btn-back{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.btn-back:hover{background:#ffffff4d}.vehicle-info h1{margin:0 0 10px;font-size:28px}.vehicle-name{font-size:16px;margin:0;opacity:.9}.inspection-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.form-section{padding:30px;border-bottom:1px solid #e0e0e0}.form-section h2{margin:0 0 20px;font-size:20px;color:#333;display:flex;align-items:center;gap:10px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:15px}.form-group label{font-weight:500;color:#555;margin-bottom:8px;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group textarea,.form-group select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}.form-group-checkbox{margin-top:15px}.form-group-checkbox label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#555}.form-group-checkbox input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer}.form-group-checkbox span{font-weight:500}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.checkbox-grid label{display:flex;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s}.checkbox-grid label:hover{background:#e9ecef}.checkbox-grid input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer}.checkbox-grid span{font-size:14px;color:#555}.critical-checkbox{background:#fff3cd;padding:15px;border-radius:8px;border:2px solid #ffc107}.critical-checkbox label{font-size:16px;color:#856404;font-weight:700}.signature-section{background:#f0f4ff}.signature-info{background:#fff;padding:20px;border-radius:8px;border:2px solid #00B4D8}.signature-info p{margin:0 0 10px;font-weight:500;color:#333}.signature-info ul{margin:10px 0 20px 20px;color:#555}.signature-info li{margin:5px 0}.signature-user{background:#00b4d8;color:#fff;padding:12px 20px;border-radius:6px;margin-top:15px;font-size:16px}.signature-user strong{font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding:30px;background:#f8f9fa}.btn-primary{background:#00b4d8;color:#fff;border:none;padding:12px 32px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #00b4d84d}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #00b4d866}.btn-secondary{background:#f0f0f0;color:#333;border:none;padding:12px 32px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#f44336}@media (max-width: 768px){.daily-inspection-container{padding:10px}.inspection-header{flex-direction:column;align-items:flex-start}.form-section{padding:20px 15px}.form-row,.checkbox-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.employees-page{padding:2rem;max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:2rem;color:#2c3e50;margin:0}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;border-left:4px solid #3498db}.stat-card.stat-active{border-left-color:#27ae60}.stat-card.stat-vacation{border-left-color:#f39c12}.stat-card.stat-inactive{border-left-color:#e74c3c}.stat-value{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.search-input,.filter-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.search-input:focus,.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;margin-bottom:2rem}.employees-table{width:100%;border-collapse:collapse;min-width:1200px}.employees-table thead{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.employees-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.employees-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.employees-table tbody tr{transition:background-color .2s}.employees-table tbody tr:hover{background-color:#f8f9fa}.employees-table tbody tr.inactive-row{opacity:.6;background-color:#f8f8f8}.employee-name{font-weight:600;color:#2c3e50;white-space:nowrap}.badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap}.badge-status-activo{background-color:#d4edda;color:#155724}.badge-status-inactivo{background-color:#f8d7da;color:#721c24}.badge-status-vacaciones{background-color:#fff3cd;color:#856404}.badge-status-licencia{background-color:#cfe2ff;color:#084298}.badge-status-suspendido{background-color:#f8d7da;color:#842029}.badge-status-desvinculado{background-color:#e2e3e5;color:#41464b}.actions{display:flex;gap:.5rem;white-space:nowrap}.btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s}.btn-icon:hover{background-color:#0000000d;transform:scale(1.1)}.btn-icon.btn-edit:hover{background-color:#3498db1a}.btn-icon.btn-deactivate:hover{background-color:#f39c121a}.btn-icon.btn-delete:hover{background-color:#e74c3c1a}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-info{font-size:.9rem;color:#7f8c8d}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary{background:#ecf0f1;color:#2c3e50}.btn-secondary:hover{background:#d5dbdb}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:disabled:hover{transform:none;background:#ecf0f1}.loading,.error,.no-data{text-align:center;padding:3rem;font-size:1.1rem;color:#7f8c8d}.error{color:#e74c3c}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.modal-content.modal-large{max-width:1000px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #ecf0f1}.modal-header h2{margin:0;font-size:1.5rem;color:#2c3e50}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#7f8c8d;padding:.5rem;border-radius:6px;transition:all .2s}.btn-close:hover{background-color:#0000000d;transform:rotate(90deg)}.tabs{display:flex;gap:0;padding:0 2rem;border-bottom:2px solid #ecf0f1;overflow-x:auto}.tab{padding:1rem 1.5rem;background:none;border:none;font-size:.95rem;font-weight:600;color:#7f8c8d;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent;white-space:nowrap}.tab:hover{color:#00b4d8}.tab.active{color:#00b4d8;border-bottom-color:#00b4d8}.employee-form{flex:1;overflow-y:auto;padding:2rem}.tab-content{animation:fadeIn .3s ease-in}.tab-content h3{margin-top:0;margin-bottom:1.5rem;color:#2c3e50;font-size:1.2rem;border-bottom:2px solid #00B4D8;padding-bottom:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group label{margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #ecf0f1;background-color:#f8f9fa;border-bottom-left-radius:16px;border-bottom-right-radius:16px}@media (max-width: 1024px){.employees-page{padding:1.5rem}.stats-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:1.5rem}.employees-table{min-width:1000px}}@media (max-width: 768px){.employees-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.page-header h1{font-size:1.5rem}.stats-section{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.75rem}.filters-section{flex-direction:column;margin-bottom:1.5rem}.filter-group{min-width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.employees-table{min-width:800px}.employees-table th,.employees-table td{padding:.75rem .5rem;font-size:.85rem}.form-row{grid-template-columns:1fr}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;margin:0;border-radius:0}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.2rem}.tabs{padding:0 1rem;-webkit-overflow-scrolling:touch}.tab{padding:.75rem 1rem;font-size:.85rem}.employee-form{padding:1rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal-footer{padding:1rem 1.5rem;flex-direction:column;border-radius:0}.modal-footer .btn{width:100%}.actions{flex-direction:row;gap:.25rem}.pagination{flex-wrap:wrap;gap:.5rem}}@media (max-width: 480px){.employees-page{padding:.75rem}.page-header h1{font-size:1.3rem}.stats-section{grid-template-columns:1fr 1fr}.stat-card{padding:.75rem}.stat-value{font-size:1.2rem}.employees-table{min-width:600px}.badge{padding:.25rem .5rem;font-size:.75rem}}@media print{.page-header button,.filters-section,.actions,.pagination{display:none}}.suppliers-container{padding:20px;max-width:1400px;margin:0 auto}.suppliers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.suppliers-header h1{font-size:28px;color:#1f2937;margin:0}.stat-icon{font-size:36px;line-height:1}.stat-content h3{font-size:14px;color:#6b7280;margin:0 0 8px;font-weight:500}.filters-section{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-input,.filter-select{padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;flex:1;min-width:200px}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.supplier-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border-left:4px solid #3b82f6}.supplier-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.supplier-card.inactive{border-left-color:#fbbf24;opacity:.7}.supplier-card.blocked{border-left-color:#ef4444;opacity:.7}.supplier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f3f4f6}.supplier-header h3{font-size:18px;color:#1f2937;margin:0 0 5px}.trade-name{font-size:14px;color:#6b7280;margin:0;font-style:italic}.badge-preferred{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700}.supplier-body{margin-bottom:15px}.supplier-info{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;align-items:center;font-size:14px}.info-item .label{color:#6b7280;margin-right:8px;min-width:100px}.debt-amount{color:#ef4444;font-weight:700}.supplier-status{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #f3f4f6}.badge-inactive{background:#fef3c7;color:#92400e}.badge-blocked{background:#fee2e2;color:#991b1b}.supplier-rating{font-size:14px}.supplier-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon{background:#f3f4f6;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s}.btn-icon:hover{background:#e5e7eb;transform:scale(1.1)}.btn-danger:hover{background:#fee2e2}.modal-large{max-width:900px;width:100%;max-height:90vh;overflow-y:auto}.tabs{display:flex;gap:5px;border-bottom:2px solid #e5e7eb;margin-bottom:20px}.tab{padding:12px 20px;border:none;background:transparent;cursor:pointer;color:#6b7280;font-weight:500;border-bottom:3px solid transparent;transition:all .2s}.checkbox-group{display:flex;align-items:center;padding-top:28px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 1024px){.suppliers-container{padding:16px}.suppliers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.suppliers-container{padding:12px}.suppliers-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.suppliers-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-card{padding:16px}.stat-icon{font-size:28px}.stat-number{font-size:1.5rem}.filters-section{flex-direction:column;gap:8px}.search-input,.filter-select{min-width:100%}.suppliers-grid{grid-template-columns:1fr;gap:12px}.supplier-card{padding:16px}.supplier-header h3{font-size:1rem}.supplier-actions{flex-wrap:wrap;justify-content:center}.modal-overlay{padding:0}.modal-large{max-width:100%;max-height:100vh;border-radius:0}.tabs{flex-wrap:wrap;gap:4px}.tab{flex:1;min-width:80px;padding:10px;font-size:.85rem;text-align:center}.checkbox-group{padding-top:0;margin-top:1rem}}@media (max-width: 480px){.suppliers-header h1{font-size:1.3rem}.stat-card{flex-direction:column;text-align:center}.supplier-header{flex-direction:column;gap:8px}.badge-preferred{align-self:flex-start}.info-item{flex-direction:column;align-items:flex-start;gap:2px}.info-item .label{min-width:auto;margin-right:0}}.vehicle-documents-container{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.page-header h2{margin:5px 0 0;font-size:18px;color:#6b7280;font-weight:400}.btn-back{padding:10px 20px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.btn-back:hover{background:#e5e7eb}.tabs{display:flex;gap:5px;border-bottom:2px solid #e5e7eb;margin-bottom:30px;overflow-x:auto}.tab{padding:12px 24px;border:none;background:transparent;cursor:pointer;color:#6b7280;font-weight:500;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.tab:hover{color:#3b82f6;background:#f9fafb}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;font-size:20px;color:#1f2937}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.doc-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #3b82f6;transition:all .3s}.doc-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.doc-card.expired{border-left-color:#ef4444;background:#fef2f2}.doc-card.expiring-soon{border-left-color:#f59e0b;background:#fffbeb}.doc-card.valid{border-left-color:#10b981}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f3f4f6}.card-header h4{margin:0;font-size:16px;color:#1f2937}.card-body p{margin:8px 0;font-size:14px;color:#4b5563}.expiration-expired{color:#ef4444;font-weight:700}.expiration-expiring-soon{color:#f59e0b;font-weight:700}.expiration-valid{color:#10b981}.badge-active{background:#d1fae5;color:#065f46}.badge-expired{background:#fee2e2;color:#991b1b}.badge-conditional{background:#fef3c7;color:#92400e}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-paid{background:#d1fae5;color:#065f46}.badge-pending{background:#e0e7ff;color:#3730a3}.badge-overdue{background:#fee2e2;color:#991b1b}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.docs-table{width:100%;border-collapse:collapse}.docs-table th{background:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.docs-table td{padding:12px;border-bottom:1px solid #f3f4f6}.docs-table tr:hover{background:#f9fafb}.empty-state p{color:#6b7280;margin-bottom:20px}.btn-icon.btn-success{background:#d1fae5;color:#065f46;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.btn-icon.btn-success:hover{background:#a7f3d0}.btn-download{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s}.btn-download:hover{background:#2563eb;transform:translateY(-1px)}.file-upload-area{padding:20px;border:2px dashed #d1d5db;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s}.file-upload-area:hover{border-color:#3b82f6;background:#f9fafb}.file-upload-area input[type=file]{cursor:pointer}.purchase-orders-container{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{margin:0;font-size:28px;color:#1f2937}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:15px}.stat-icon{font-size:36px}.stat-content h3{font-size:14px;color:#6b7280;margin:0 0 8px}.stat-number{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.stat-label{font-size:12px;color:#9ca3af;margin:0}.filters-section{display:flex;gap:10px;margin-bottom:20px}.filter-select{padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;flex:1;max-width:300px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.order-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s;border-left:4px solid #3b82f6}.order-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.order-card.pending{border-left-color:#f59e0b}.order-card.approved{border-left-color:#10b981}.order-card.received{border-left-color:#6366f1}.order-card.cancelled{border-left-color:#ef4444;opacity:.7}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f3f4f6}.order-header h3{margin:0;font-size:18px;color:#1f2937}.supplier-name{margin:5px 0 0;font-size:14px;color:#6b7280}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#d1fae5;color:#065f46}.badge-received{background:#e0e7ff;color:#3730a3}.badge-cancelled{background:#fee2e2;color:#991b1b}.order-body{margin-bottom:15px}.order-info{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.info-item{display:flex;font-size:14px}.info-item .label{color:#6b7280;margin-right:8px;min-width:80px}.total-amount{font-weight:700;color:#1f2937;font-size:16px}.btn-view{width:100%;padding:10px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.btn-view:hover{background:#e5e7eb}.order-actions{display:flex;gap:8px;padding-top:15px;border-top:1px solid #f3f4f6}.btn-icon{padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;flex:1}.btn-icon.btn-success{background:#d1fae5;color:#065f46}.btn-icon.btn-info{background:#e0e7ff;color:#3730a3}.btn-icon.btn-warning{background:#fef3c7;color:#92400e}.btn-icon.btn-danger{background:#fee2e2;color:#991b1b}.btn-icon:hover{opacity:.8;transform:scale(1.05)}.item-row{background:#f9fafb;padding:15px;border-radius:8px;margin-bottom:15px;border:1px solid #e5e7eb}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn-remove-item{background:#fee2e2;color:#991b1b;border:none;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px}.btn-remove-item:hover{background:#fecaca}.btn-add-item{width:100%;padding:12px;background:#e0e7ff;color:#3730a3;border:2px dashed #6366f1;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;transition:all .2s}.btn-add-item:hover{background:#c7d2fe}.totals-summary{background:#f9fafb;padding:15px;border-radius:8px;margin-bottom:20px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.total-final{border-top:2px solid #d1d5db;margin-top:10px;padding-top:15px;font-size:18px;font-weight:700;color:#1f2937}.order-detail{padding:20px 0}.detail-section{margin-bottom:25px}.detail-section h3{margin:0 0 15px;font-size:16px;color:#374151;padding-bottom:10px;border-bottom:2px solid #f3f4f6}.detail-section p{margin:8px 0;font-size:14px}.items-table{width:100%;border-collapse:collapse;margin-top:10px}.items-table th{background:#f9fafb;padding:10px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.items-table td{padding:10px;border-bottom:1px solid #f3f4f6}.detail-totals{background:#f9fafb;padding:15px;border-radius:8px;margin-top:20px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#6b7280;margin:0 0 10px}.empty-state p{color:#9ca3af;margin:0 0 20px}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.3rem;color:#1f2937}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af}.modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:#f3f4f6;color:#374151;padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#e5e7eb}@media (max-width: 1024px){.purchase-orders-container{padding:16px}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.purchase-orders-container{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.page-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-card{padding:16px}.stat-icon{font-size:28px}.stat-number{font-size:1.5rem}.filters-section{flex-direction:column;gap:8px}.filter-select{max-width:100%}.orders-grid{grid-template-columns:1fr;gap:12px}.order-card{padding:16px}.order-header h3{font-size:1rem}.order-actions{flex-wrap:wrap}.btn-icon{flex:1 1 45%;min-width:100px}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.modal-body{padding:16px}.form-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.item-row,.totals-summary{padding:12px}.total-final{font-size:1rem}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer button{width:100%}.items-table{display:block;overflow-x:auto}.detail-totals{padding:12px}}@media (max-width: 480px){.page-header h1{font-size:1.3rem}.stat-card{flex-direction:column;text-align:center}.order-header{flex-direction:column;gap:8px}.info-item{flex-direction:column;gap:2px}.info-item .label{min-width:auto;margin-right:0}.btn-icon{flex:1 1 100%}}.transport-orders-container{padding:20px;max-width:1400px;margin:0 auto}.transport-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.transport-orders-header h1{margin:0;color:#333;font-size:28px}.transport-orders-filters{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.filter-group{display:flex;flex-direction:column}.filter-group label{margin-bottom:5px;font-weight:500;color:#555;font-size:14px}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filters-actions{display:flex;gap:10px;justify-content:flex-end}.transport-orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card h3{margin:0 0 10px;font-size:14px;color:#666;text-transform:uppercase}.stat-card .value{font-size:28px;font-weight:700;color:#2c5aa0}.stat-card.success .value{color:#27ae60}.stat-card.warning .value{color:#f39c12}.stat-card.danger .value{color:#e74c3c}.transport-orders-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.transport-orders-table table{width:100%;border-collapse:collapse}.transport-orders-table th,.transport-orders-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.transport-orders-table th{background:#f8f9fa;font-weight:600;color:#555;font-size:14px}.transport-orders-table tr:hover{background:#f8f9fa}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.quoted{background:#e3f2fd;color:#1976d2}.status-badge.confirmed{background:#fff3e0;color:#f57c00}.status-badge.in_progress{background:#e8f5e9;color:#388e3c}.status-badge.completed{background:#c8e6c9;color:#2e7d32}.status-badge.cancelled{background:#ffebee;color:#c62828}.status-badge.pending{background:#fff3e0;color:#f57c00}.status-badge.partial{background:#fff9c4;color:#f9a825}.status-badge.paid{background:#c8e6c9;color:#2e7d32}.status-badge.overdue{background:#ffebee;color:#c62828}.actions-cell{display:flex;gap:5px}.actions-cell button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.btn-view{background:#2196f3;color:#fff}.btn-view:hover{background:#1976d2}.btn-edit{background:#ff9800;color:#fff}.btn-edit:hover{background:#f57c00}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f}.btn-payment{background:#4caf50;color:#fff}.btn-payment:hover{background:#388e3c}.btn-trip{background:#2196f3;color:#fff}.btn-trip:hover{background:#1976d2}.trip-modal{max-width:500px}.trip-order-info{background:#f5f5f5;padding:16px;border-radius:8px;margin-bottom:20px}.trip-order-info p{margin:4px 0;font-size:.9rem}.trip-order-info strong{color:#333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{margin:0;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#f5f5f5;color:#333}.form-section{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{margin:0 0 15px;color:#333;font-size:18px;display:flex;align-items:center;gap:8px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:500;color:#555;font-size:14px}.form-group label.required:after{content:" *";color:#f44336}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.client-selector{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px}.client-selector-tabs{display:flex;gap:10px;margin-bottom:15px}.tab-button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.tab-button.active{background:#2196f3;color:#fff;border-color:#2196f3}.client-search{position:relative}.client-search input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.client-search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px #0000001a}.client-search-result{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.client-search-result:hover{background:#f8f9fa}.client-search-result:last-child{border-bottom:none}.selected-client{background:#e3f2fd;padding:10px;border-radius:4px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.dynamic-list{margin-top:10px}.dynamic-list-item{background:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:10px;position:relative}.dynamic-list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dynamic-list-item-header h4{margin:0;font-size:14px;color:#555}.btn-remove-item{background:#f44336;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px}.btn-remove-item:hover{background:#d32f2f}.btn-add-item{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.btn-add-item:hover{background:#388e3c}.modal-footer{padding:20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff}.btn-primary{background:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.btn-primary:hover{background:#1976d2}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin-bottom:15px;font-size:14px}.success-message{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:4px;margin-bottom:15px;font-size:14px}.loading,.empty-state{text-align:center;padding:40px;color:#999}.empty-state p{margin:10px 0}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;background:#fff;border-radius:0 0 8px 8px}.pagination button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px}.pagination button:hover:not(:disabled){background:#f5f5f5}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{font-size:14px;color:#666}.payment-modal{max-width:500px}.amount-summary{background:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:15px}.amount-summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.amount-summary-row.total{font-weight:700;font-size:16px;padding-top:8px;border-top:2px solid #ddd;margin-top:8px}@media (max-width: 1024px){.transport-orders-container,.transport-orders-filters{padding:16px}.filters-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.transport-orders-container{padding:12px}.transport-orders-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.transport-orders-header h1{font-size:1.5rem}.transport-orders-filters{padding:12px;margin-bottom:16px}.filters-row{grid-template-columns:1fr;gap:10px}.filters-actions{flex-direction:column}.filters-actions button{width:100%}.transport-orders-stats{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.stat-card{padding:16px}.stat-card .value{font-size:1.8rem}.transport-orders-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.transport-orders-table table{min-width:800px}.transport-orders-table th,.transport-orders-table td{padding:10px 8px;font-size:.85rem}.actions-cell{flex-direction:column;gap:4px}.actions-cell button{width:100%}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;margin:0;border-radius:0}.modal-header{padding:16px;position:sticky;top:0}.modal-header h2{font-size:1.2rem}.modal-body{padding:16px}.form-section{margin-bottom:20px;padding-bottom:20px}.form-section h3{font-size:1rem}.form-row{grid-template-columns:1fr;gap:10px}.form-group input,.form-group select,.form-group textarea{font-size:16px}.client-selector{padding:12px}.client-selector-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:100px;text-align:center}.modal-footer{flex-direction:column;padding:16px;position:sticky;bottom:0}.modal-footer button{width:100%}.pagination{flex-direction:column;gap:8px;padding:16px}.pagination button{width:100%}}@media (max-width: 480px){.transport-orders-header h1{font-size:1.3rem}.stat-card{padding:12px}.stat-card .value{font-size:1.5rem}.stat-card h3{font-size:12px}.transport-orders-table table{min-width:600px}.status-badge{padding:3px 8px;font-size:11px}.amount-summary{padding:12px}.amount-summary-row{font-size:13px}}.quote-requests-page{padding:24px;max-width:1600px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h1{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 8px}.page-header p{color:#64748b;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card .stat-icon{font-size:1.5rem;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-card.reviewing .stat-icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.stat-card.quoted .stat-icon{background:linear-gradient(135deg,#dbeafe,#93c5fd)}.stat-card.accepted .stat-icon{background:linear-gradient(135deg,#d1fae5,#6ee7b7)}.stat-card.paid .stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.stat-card.total-value .stat-icon{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a2e}.stat-label{font-size:.85rem;color:#64748b}.filters-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:16px;flex-wrap:wrap}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.service-filter-bar{display:flex;align-items:center;gap:15px;padding:12px 20px;background:#f8fafc;border-radius:12px;margin-bottom:20px;overflow-x:auto}.service-filter-bar .filter-label{font-weight:600;color:#475569;white-space:nowrap}.service-filter-tabs{display:flex;gap:8px;align-items:center}.service-group{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid #e2e8f0}.service-group .group-label{font-size:.7rem;text-transform:uppercase;color:#94a3b8;font-weight:600;white-space:nowrap}.service-tab{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s ease;white-space:nowrap}.service-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.service-tab.active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.service-badge.category-mudanzas{background:#dbeafe;color:#1d4ed8}.service-badge.category-personal{background:#fef3c7;color:#b45309}.service-badge.category-hogar{background:#d1fae5;color:#047857}.service-badge.category-transporte{background:#ede9fe;color:#6d28d9}.service-badge.large{font-size:1rem;padding:8px 16px}.location-info{color:#64748b;font-size:.9rem}.filter-tab{padding:10px 18px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#64748b;transition:all .2s ease}.filter-tab:hover{border-color:#00b4d8;color:#00b4d8}.filter-tab.active{background:#00b4d8;color:#fff;border-color:#00b4d8}.btn-refresh{padding:10px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#64748b;transition:all .2s ease}.btn-refresh:hover{background:#f8fafc;border-color:#00b4d8;color:#00b4d8}.quotes-container{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#00b4d8;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{font-size:1.25rem;color:#1a1a2e;margin:0 0 8px}.empty-state p{color:#64748b;margin:0}.quotes-table-wrapper{overflow-x:auto}.quotes-table{width:100%;border-collapse:collapse}.quotes-table th{background:#f8fafc;padding:14px 16px;text-align:left;font-weight:600;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.quotes-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.quotes-table tbody tr{transition:background .2s ease}.quotes-table tbody tr:hover{background:#f8fafc}.quotes-table tbody tr.row-highlight{background:#fffbeb}.quotes-table tbody tr.row-highlight:hover{background:#fef3c7}.quote-number{font-weight:600;color:#1a1a2e;display:block}.quote-date{font-size:.8rem;color:#94a3b8}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:500;color:#1a1a2e}.customer-email{font-size:.8rem;color:#64748b}.service-badge{display:inline-block;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:.8rem;font-weight:500}.route-info{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#475569}.route-arrow{color:#00b4d8;font-weight:600}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.large{padding:8px 16px;font-size:.9rem}.status-pending{background:#fef3c7;color:#92400e}.status-reviewing{background:#e0f2fe;color:#0369a1}.status-quoted{background:#dbeafe;color:#1d4ed8}.status-success{background:#d1fae5;color:#065f46}.status-error{background:#fee2e2;color:#991b1b}.status-expired{background:#f3f4f6;color:#6b7280}.amount{font-weight:700;color:#00b4d8}.no-amount{color:#94a3b8}.action-buttons{display:flex;gap:6px}.btn-icon{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-view{background:#f1f5f9}.btn-review{background:#e0f2fe}.btn-review:hover{background:#bae6fd}.btn-respond{background:#d1fae5}.btn-respond:hover{background:#a7f3d0}.btn-delete{background:#fee2e2}.btn-delete:hover{background:#fecaca}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .2s ease}.modal-content.modal-large{max-width:800px}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.25rem;color:#1a1a2e}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.close-btn:hover{background:#f1f5f9}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-section{background:#f8fafc;border-radius:12px;padding:16px}.detail-section.full-width{grid-column:span 2}.detail-section h3{font-size:.9rem;color:#64748b;margin:0 0 12px;font-weight:600}.detail-content p{margin:0 0 6px;color:#1a1a2e;font-size:.95rem}.detail-status-bar{display:flex;align-items:center;justify-content:space-between}.detail-date{font-size:.85rem;color:#64748b}.items-desc,.customer-notes,.repair-desc{background:#fff;padding:12px;border-radius:8px;color:#475569;line-height:1.5}.schedule-info{margin-top:12px;padding:10px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border-left:4px solid #f59e0b;color:#92400e}.schedule-info strong{color:#78350f}.schedule-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;font-size:.8rem;font-weight:500;color:#92400e;white-space:nowrap;cursor:help}.no-schedule{color:#94a3b8;font-size:.9rem}.service-type-highlight{margin-bottom:12px}.tags-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.tag.warning{background:#fef3c7;color:#92400e}.tag.info{background:#e0f2fe;color:#0369a1}.detail-section.quote-result{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.detail-section.quote-result h3{color:#ffffffe6}.quote-amount-large{font-size:2rem;font-weight:700;margin-bottom:8px!important}.detail-section.quote-result p{color:#ffffffe6}.detail-section.quote-result .quote-notes{background:#ffffff1a;color:#fff}.quoted-by{font-size:.8rem!important;opacity:.8;margin-top:12px!important}.quote-summary{background:#f8fafc;padding:16px;border-radius:12px;margin-bottom:20px}.quote-summary p{margin:0 0 4px;color:#475569}.quote-summary p:first-child{color:#1a1a2e;font-size:1.1rem}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#1a1a2e;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00b4d8}.form-group textarea{resize:vertical;min-height:100px}.input-with-currency{display:flex;gap:10px;align-items:stretch}.input-with-currency select{width:80px!important;min-width:80px!important;max-width:80px!important;flex:0 0 80px!important;padding:12px 8px;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-weight:600;background:#f8fafc;cursor:pointer}.input-with-currency select:focus{outline:none;border-color:#00b4d8}.input-with-currency input[type=number]{flex:1 1 auto!important;width:100%!important;min-width:0!important;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:1.2rem;font-weight:700;color:#1a1a2e}.input-with-currency input[type=number]:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}.input-with-currency input[type=number]::placeholder{color:#94a3b8;font-weight:400}.btn{padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b4d84d}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-outline{background:transparent;border:2px solid #e2e8f0;color:#64748b}.btn-outline:hover{border-color:#00b4d8;color:#00b4d8}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-section.full-width{grid-column:span 1}}@media (max-width: 640px){.quote-requests-page{padding:16px}.stats-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.filter-tabs{overflow-x:auto;padding-bottom:8px;flex-wrap:nowrap}.service-filter-bar{flex-direction:column;align-items:flex-start;gap:10px}.service-filter-tabs{flex-wrap:wrap}.service-group{border-left:none;padding-left:0;flex-wrap:wrap}.modal-content{max-height:100vh;border-radius:0}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.stat-card.clickable{cursor:pointer;transition:all .2s ease;position:relative}.stat-card.clickable:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.stat-card.clickable:active{transform:translateY(-1px)}.stat-card .expand-icon{position:absolute;top:8px;right:8px;font-size:.8rem;opacity:0;transition:opacity .2s ease}.stat-card.clickable:hover .expand-icon{opacity:.7}.stat-card.clickable:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.stat-card.clickable:hover:after{opacity:1}.modal-large{max-width:1100px;width:95%;max-height:90vh}.payments-report-modal{display:flex;flex-direction:column}.payments-report-modal .modal-header{padding:20px 25px;border-bottom:1px solid #e5e7eb;border-left:5px solid #00B4D8;flex-shrink:0}.payments-report-modal .modal-header h2{display:flex;align-items:center;gap:10px}.report-filters{padding:20px 25px;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0}.filters-row{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:140px}.filter-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}.filter-actions{display:flex;gap:8px}.btn-sm{padding:8px 16px;font-size:.85rem}.report-totals{display:flex;gap:20px;padding:20px 25px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;flex-shrink:0}.total-card{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;flex:1}.total-card .total-icon{font-size:2rem}.total-card .total-info{display:flex;flex-direction:column}.total-card .total-value{font-size:1.5rem;font-weight:700;color:#1a1a2e}.total-card .total-label{font-size:.8rem;color:#64748b;text-transform:uppercase}.report-tabs{display:flex;gap:5px;padding:15px 25px 0;border-bottom:1px solid #e5e7eb;flex-shrink:0}.report-tab{padding:10px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#64748b;transition:all .2s ease}.report-tab:hover{color:#1a1a2e;background:#f1f5f9}.report-tab.active{color:#00b4d8;border-bottom-color:#00b4d8}.report-content{flex:1;overflow:auto;padding:20px 25px}.report-table-container{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:.9rem}.report-table th{text-align:left;padding:12px 15px;background:#f8fafc;border-bottom:2px solid #e5e7eb;font-weight:600;color:#475569;text-transform:uppercase;font-size:.75rem;position:sticky;top:0}.report-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9;color:#334155}.report-table tbody tr:hover{background:#f8fafc}.report-table .text-right{text-align:right}.report-table .text-center{text-align:center}.report-table .amount{font-weight:600;color:#16a34a}.report-table .route-cell{font-size:.85rem;color:#64748b}.report-table .quote-number{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.report-table tfoot .totals-row{background:#f0fdf4}.report-table tfoot .totals-row td{padding:15px;font-size:1rem;border-top:2px solid #16a34a}.report-table .empty-row{text-align:center;padding:40px;color:#94a3b8;font-style:italic}.report-content .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.report-content .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#00b4d8;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}@media (max-width: 768px){.filters-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.filter-actions{justify-content:stretch}.filter-actions .btn{flex:1}.report-totals{flex-direction:column;gap:10px}.report-tabs{flex-wrap:wrap;gap:5px}.report-tab{flex:1;text-align:center;padding:8px 10px;font-size:.8rem}}.payment-settings-page{padding:24px;max-width:900px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:1rem}.settings-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;overflow:hidden}.section-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #f0f0f0}.section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.mp-icon{background:linear-gradient(135deg,#00bcff,#009ee3)}.transfer-icon{background:linear-gradient(135deg,#10b981,#059669)}.cash-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.section-title{flex:1}.section-title h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.section-title p{font-size:.875rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.toggle-switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.slider{background:linear-gradient(135deg,#00b4d8,#0077b6)}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.section-content{padding:24px;background:#fafbfc}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-group input[type=text],.form-group input[type=password],.form-group textarea{padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}.help-text{font-size:.8rem;color:var(--text-secondary)}.checkbox-group{flex-direction:row;align-items:flex-start}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#00B4D8}.btn-verify{padding:10px 18px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:10px;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.btn-verify:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8}.btn-verify:disabled{opacity:.6;cursor:not-allowed}.verify-status{display:inline-block;margin-left:12px;font-size:.875rem;font-weight:600}.verify-status.valid{color:#059669}.verify-status.invalid{color:#dc2626}.info-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;padding:16px 20px;margin-top:16px}.info-box h4{font-size:.95rem;font-weight:600;color:#1e40af;margin-bottom:12px}.info-box ol{margin:0;padding-left:20px;color:#1e40af;font-size:.875rem;line-height:1.8}.info-box a{color:#2563eb;text-decoration:underline}.info-box a:hover{color:#1d4ed8}.settings-footer{display:flex;justify-content:flex-end;padding-top:8px}.btn-save{padding:14px 32px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0077b64d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0077b666}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.spinner-large{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#00b4d8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.payment-settings-page{padding:16px}.section-header{flex-wrap:wrap;gap:12px}.section-title{order:3;width:100%}.form-row{grid-template-columns:1fr}}.company-settings-page{padding:20px;max-width:1200px;margin:0 auto}.company-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.company-settings-loading p{margin-top:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:1.5rem}.settings-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-card h2{font-size:1.1rem;color:#1a1a2e;margin-bottom:.5rem;font-weight:600}.section-desc{font-size:.85rem;color:#64748b;margin-bottom:1.25rem}.logo-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.logo-preview{width:180px;height:180px;border:2px dashed #d1d5db;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;background:#f8fafc;transition:all .2s}.logo-preview.clickable{cursor:pointer}.logo-preview.clickable:hover{border-color:#3b82f6;background:#eff6ff}.logo-preview img{max-width:90%;max-height:90%;object-fit:contain}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#94a3b8}.placeholder-icon{font-size:3rem}.placeholder-text{font-size:.85rem}.logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.logo-preview:hover .logo-overlay{opacity:1}.logo-overlay span{color:#fff;font-weight:500;font-size:.9rem}.upload-progress{display:flex;align-items:center;gap:.5rem;color:#3b82f6;font-size:.9rem}.logo-hint{font-size:.8rem;color:#94a3b8;text-align:center}.brand-preview{background:#f8fafc;border-radius:8px;padding:1.5rem}.preview-header{background:#fff;border-radius:8px;padding:1rem;border-left:4px solid #00B4D8}.preview-logos{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.preview-custom-logo{height:40px;width:auto;object-fit:contain}.preview-separator{color:#cbd5e1;font-size:1.25rem}.preview-goodtruck-logo{height:36px;width:auto;object-fit:contain}.preview-brand-name{text-align:center;font-weight:600;color:#1a1a2e;font-size:1rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-group input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-group small{font-size:.8rem;color:#6b7280}.color-input-group{display:flex;gap:.5rem}.color-input-group input[type=color]{width:50px;height:42px;padding:4px;cursor:pointer}.color-input-group input[type=text]{flex:1}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem}.btn-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.customer-links{display:flex;flex-direction:column;gap:16px}.link-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.link-info{display:flex;flex-direction:column;gap:2px}.link-label{font-weight:600;color:#1a1a2e;font-size:.95rem}.link-desc{font-size:.85rem;color:#64748b}.link-value{display:flex;gap:8px}.link-value input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;color:#1e293b;font-family:Monaco,Consolas,monospace}.btn-copy{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-copy:hover{background:#2563eb;transform:translateY(-1px)}.btn-copy:active{transform:translateY(0)}.link-tip{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;margin-top:8px}.tip-icon{font-size:1.5rem;flex-shrink:0}.link-tip p{margin:0;font-size:.9rem;color:#92400e;line-height:1.5}.link-tip strong{color:#78350f}@media (max-width: 768px){.company-settings-page{padding:12px}.settings-grid,.form-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.btn-primary{width:100%;justify-content:center}.link-value{flex-direction:column}.link-value input{font-size:.8rem}.btn-copy{width:100%;justify-content:center}}.notification-settings-page{padding:20px;max-width:1000px;margin:0 auto}.notification-settings-page .page-header{margin-bottom:30px}.notification-settings-page .page-header h1{font-size:28px;color:#1a1a2e;margin:0 0 8px}.notification-settings-page .page-header p{color:#666;margin:0}.notification-settings-page .alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.notification-settings-page .alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.notification-settings-page .alert-success{background:#d1fae5;color:#059669;border:1px solid #a7f3d0}.notification-settings-page .tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.notification-settings-page .tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:15px;color:#666;border-radius:8px 8px 0 0;transition:all .2s}.notification-settings-page .tab:hover{background:#f8fafc;color:#333}.notification-settings-page .tab.active{background:#00b4d8;color:#fff}.notification-settings-page .settings-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.notification-settings-page .card-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.notification-settings-page .card-header h2{margin:0;font-size:20px;color:#1a1a2e}.notification-settings-page .card-header p{margin:5px 0 0;color:#666;font-size:14px}.notification-settings-page .master-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.notification-settings-page .master-toggle input{width:20px;height:20px;cursor:pointer}.notification-settings-page .toggle-label{font-weight:600;font-size:14px}.notification-settings-page .notification-options{padding:20px;display:grid;gap:15px}.notification-settings-page .notification-options.compact{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.notification-settings-page .notification-option{padding:15px;background:#f8fafc;border-radius:8px;transition:all .2s}.notification-settings-page .notification-option:hover{background:#f1f5f9}.notification-settings-page .option-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.notification-settings-page .option-toggle input{width:18px;height:18px;margin-top:2px;cursor:pointer}.notification-settings-page .option-info{display:flex;flex-direction:column;gap:4px}.notification-settings-page .option-label{font-weight:600;color:#333;font-size:15px}.notification-settings-page .option-description{color:#666;font-size:13px}.notification-settings-page .card-footer{padding:20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.notification-settings-page .btn-save{padding:12px 24px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.notification-settings-page .btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00b4d84d}.notification-settings-page .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.notification-settings-page .users-table-container{overflow-x:auto}.notification-settings-page .users-table{width:100%;border-collapse:collapse}.notification-settings-page .users-table th,.notification-settings-page .users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.notification-settings-page .users-table th{background:#f8fafc;font-weight:600;color:#333;font-size:14px}.notification-settings-page .users-table td{font-size:14px;color:#666}.notification-settings-page .role-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.notification-settings-page .role-superadmin{background:#fef3c7;color:#d97706}.notification-settings-page .role-admin{background:#dbeafe;color:#2563eb}.notification-settings-page .role-user{background:#e2e8f0;color:#64748b}.notification-settings-page .btn-edit{padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.notification-settings-page .btn-edit:hover{background:#e2e8f0}.notification-settings-page .user-settings-panel{padding:20px;background:#f8fafc;border-top:1px solid #e2e8f0}.notification-settings-page .user-settings-panel h3{margin:0 0 15px;font-size:16px;color:#333}.notification-settings-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.notification-settings-page .spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#00b4d8;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.notification-settings-page .card-header{flex-direction:column;align-items:flex-start}.notification-settings-page .tabs{flex-direction:column}.notification-settings-page .tab{width:100%;text-align:center}}:root{--auth-primary: #00B4D8;--auth-primary-light: #48CAE4;--auth-primary-dark: #0077B6;--auth-accent: #1a1a2e;--auth-bg: #f5f7fa;--auth-card: #ffffff;--auth-text: #1a1a2e;--auth-text-light: #5a6b7c;--auth-border: #e1e8f0;--auth-error: #ef4444;--auth-success: #22c55e}.customer-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--auth-primary-dark) 0%,var(--auth-primary) 50%,var(--auth-primary-light) 100%);padding:20px}.auth-container{display:flex;width:100%;max-width:1000px;min-height:600px;background:var(--auth-card);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #0000004d}.register-container{max-width:1100px}.auth-brand-panel{flex:1;background:linear-gradient(180deg,var(--auth-primary) 0%,var(--auth-primary-dark) 100%);color:#fff;padding:50px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.brand-content{position:relative;z-index:2}.brand-logo{height:60px;width:auto;filter:brightness(0) invert(1);margin-bottom:30px}.brand-logo.small{height:40px}.brand-logos{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand-logos.vertical{flex-direction:column;align-items:center;gap:20px}.brand-org-logo{display:flex;justify-content:center}.custom-brand-logo{height:auto;width:auto;max-height:100px;max-width:220px;object-fit:contain;filter:brightness(0) invert(1)}.brand-powered-by{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);width:100%;max-width:180px}.brand-powered-by span{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;opacity:.6}.brand-powered-by .brand-logo.small{height:28px;width:auto;opacity:.8}.brand-separator{color:#ffffff80;font-size:1.25rem}.auth-brand-panel h1{font-size:2rem;font-weight:700;margin-bottom:16px;letter-spacing:-.5px}.auth-brand-panel p{font-size:1.05rem;opacity:.9;line-height:1.6;margin-bottom:40px}.brand-features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#ffffff1a;border-radius:12px;transition:background .2s ease}.feature-item:hover{background:#ffffff26}.feature-icon{font-size:1.4rem;width:40px;height:40px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center}.brand-pattern{position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:#ffffff0d;z-index:1}.brand-pattern:before{content:"";position:absolute;top:50px;left:50px;width:300px;height:300px;border-radius:50%;background:#ffffff08}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--auth-card)}.auth-form-content{width:100%;max-width:380px}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{font-size:1.75rem;color:var(--auth-text);margin-bottom:8px;font-weight:700}.auth-header p{color:var(--auth-text-light);font-size:.95rem}.auth-error{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:var(--auth-error);font-size:.9rem;margin-bottom:20px}.error-icon{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:var(--auth-text)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;font-size:1.1rem;opacity:.5;pointer-events:none}.input-wrapper input{padding-left:44px}.auth-form input,.auth-form select{width:100%;padding:14px 16px;border:2px solid var(--auth-border);border-radius:12px;font-size:.95rem;color:var(--auth-text);background:var(--auth-bg);transition:all .2s ease}.auth-form input:focus,.auth-form select:focus{outline:none;border-color:var(--auth-primary);background:#fff;box-shadow:0 0 0 4px #00b4d81a}.auth-form input::placeholder{color:var(--auth-text-light)}.auth-form small{font-size:.8rem;color:var(--auth-text-light);margin-top:4px}.form-options{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--auth-text)}.remember-me input{width:18px;height:18px;accent-color:var(--auth-primary)}.forgot-link{color:var(--auth-primary);text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-light) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00b4d84d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--auth-text-light);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--auth-border)}.auth-secondary-btn{display:block;width:100%;padding:14px 24px;background:transparent;color:var(--auth-primary);border:2px solid var(--auth-primary);border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s ease}.auth-secondary-btn:hover{background:var(--auth-primary);color:#fff}.auth-link-btn{display:block;text-align:center;color:var(--auth-primary);font-weight:600;text-decoration:none}.auth-link-btn:hover{text-decoration:underline}.auth-footer{margin-top:30px;text-align:center}.auth-footer a{color:var(--auth-text-light);text-decoration:none;font-size:.9rem}.auth-footer a:hover{color:var(--auth-primary)}.form-buttons{display:flex;gap:12px;margin-top:10px}.form-buttons .auth-secondary-btn{flex:0 0 auto;width:auto;padding:14px 24px}.form-buttons .auth-submit-btn{flex:1}.password-requirements{background:var(--auth-bg);padding:14px 16px;border-radius:12px;font-size:.85rem}.password-requirements p{margin:0 0 8px;color:var(--auth-text);font-weight:500}.password-requirements ul{margin:0;padding-left:20px;color:var(--auth-text-light)}.password-requirements li{margin-bottom:4px}.password-requirements li.valid{color:var(--auth-success)}.password-requirements li.valid::marker{content:"✓ "}.terms-group{margin-top:10px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.9rem;color:var(--auth-text-light);line-height:1.5}.checkbox-label input{width:20px;height:20px;margin-top:2px;accent-color:var(--auth-primary);flex-shrink:0}.checkbox-label a{color:var(--auth-primary);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.register-steps{margin-top:40px}.step-item{display:flex;align-items:center;gap:14px;padding:12px 0;opacity:.5;transition:opacity .2s ease}.step-item.active{opacity:1}.step-item.completed{opacity:.8}.step-number{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.step-item.active .step-number{background:#fff;color:var(--auth-primary);font-weight:700}.step-item.completed .step-number{background:#ffffff4d}.step-item.completed .step-number:after{content:"✓"}.portal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--auth-bg)}.portal-loading .loading-spinner{width:50px;height:50px;border:4px solid var(--auth-border);border-top-color:var(--auth-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.portal-loading p{color:var(--auth-text-light);font-size:1rem}@media (max-width: 900px){.auth-container{flex-direction:column;max-width:500px;min-height:auto}.auth-brand-panel{padding:40px 30px;text-align:center}.brand-logo{margin-bottom:20px}.auth-brand-panel h1{font-size:1.5rem}.auth-brand-panel p{margin-bottom:30px}.brand-features{display:none}.register-steps{display:flex;justify-content:center;gap:30px;margin-top:20px}.step-item{flex-direction:column;text-align:center;padding:0}.step-item span{font-size:.75rem}.brand-pattern{display:none}.auth-form-panel{padding:30px}}@media (max-width: 480px){.customer-auth-page{padding:0;align-items:flex-start}.auth-container{border-radius:0;min-height:100vh}.auth-brand-panel{padding:30px 20px}.auth-brand-panel h1{font-size:1.3rem}.auth-form-panel{padding:20px}.form-row{flex-direction:column;gap:20px}.form-buttons{flex-direction:column-reverse}.form-buttons .auth-secondary-btn,.form-buttons .auth-submit-btn{width:100%}}.auth-success-message{text-align:center;padding:30px 20px}.auth-success-message .success-icon{font-size:4rem;margin-bottom:20px;display:block}.auth-success-message h3{color:var(--auth-text);font-size:1.5rem;margin:0 0 15px}.auth-success-message p{color:var(--auth-text-light);font-size:1rem;margin:0 0 10px;line-height:1.6}.auth-success-message .success-hint{font-size:.85rem;color:var(--auth-text-light);opacity:.8}.auth-error-box{text-align:center;padding:30px 20px;background:#fef2f2;border-radius:12px;margin-bottom:20px}.auth-error-box .error-icon-large{font-size:4rem;margin-bottom:15px;display:block}.auth-error-box h3{color:var(--auth-error);font-size:1.3rem;margin:0 0 10px}.auth-error-box p{color:#991b1b;font-size:.95rem;margin:0}.detected-organization{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-bottom:20px}.org-detected-icon{font-size:2rem;flex-shrink:0}.org-detected-info{flex:1;display:flex;flex-direction:column;gap:2px}.org-detected-label{font-size:.8rem;color:#166534;text-transform:uppercase;letter-spacing:.5px}.org-detected-name{font-size:1.1rem;font-weight:700;color:#166534}.org-detected-check{width:32px;height:32px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.customer-dashboard{max-width:1400px;margin:0 auto}.welcome-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-modal-content{position:relative;max-width:500px;width:100%;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #00000080;animation:pulseModal 2s ease-in-out infinite}@keyframes pulseModal{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.welcome-modal-close{position:absolute;top:15px;left:15px;width:36px;height:36px;background:#0009;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.welcome-modal-close:hover{background:#000c;transform:scale(1.1)}.welcome-modal-image{width:100%;height:auto;display:block}.coupon-banner{background:linear-gradient(135deg,#f59e0b,#d97706);padding:14px 20px;border-radius:12px;margin-bottom:20px;cursor:pointer;transition:all .3s ease;animation:pulseBanner 3s ease-in-out infinite;box-shadow:0 4px 15px #f59e0b4d}@keyframes pulseBanner{0%,to{box-shadow:0 4px 15px #f59e0b4d}50%{box-shadow:0 4px 25px #f59e0b80}}.coupon-banner:hover{transform:translateY(-2px);box-shadow:0 6px 25px #f59e0b66}.coupon-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}.coupon-banner-icon{font-size:24px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.coupon-banner-text{font-size:1rem}.coupon-banner-text strong{font-weight:700}.coupon-banner-arrow{font-size:20px;font-weight:700;animation:slideRight 1s ease-in-out infinite}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (max-width: 600px){.welcome-modal-content{max-width:90%}.coupon-banner-content{flex-wrap:wrap;text-align:center}.coupon-banner-text{font-size:.9rem}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--portal-text-light)}.spinner-large{width:50px;height:50px;border:4px solid var(--portal-border);border-top-color:var(--portal-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.welcome-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--portal-primary) 0%,var(--portal-primary-light) 100%);color:#fff;padding:30px 35px;border-radius:var(--portal-radius);margin-bottom:30px}.welcome-content h1{font-size:1.75rem;font-weight:700;margin-bottom:6px}.welcome-content p{opacity:.9;font-size:1rem}.org-badge{display:inline-block;background:#fff3;padding:4px 12px;border-radius:20px;font-weight:600;font-size:.9rem;margin-right:8px;border:1px solid rgba(255,255,255,.3)}.welcome-actions{display:flex;gap:12px}.action-btn{padding:12px 24px;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease}.action-btn.primary{background:#fff;color:var(--portal-primary);font-weight:700}.action-btn.primary:hover{background:#ffffffe6;transform:translateY(-2px)}.action-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.action-btn.secondary:hover{background:#ffffff4d}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card{background:var(--portal-card);border-radius:var(--portal-radius);padding:24px;display:flex;align-items:center;gap:18px;position:relative;box-shadow:0 2px 10px #0000000a;border:1px solid var(--portal-border);transition:all .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--portal-shadow)}.stat-card.has-debt{border-color:var(--portal-warning);background:linear-gradient(135deg,#fffbeb,#fff)}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.quotes{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon.reservations{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-icon.notifications{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon.debt{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.6rem;font-weight:700;color:var(--portal-text);line-height:1.2}.stat-label{font-size:.9rem;color:var(--portal-text-light);margin-top:4px}.stat-badge{position:absolute;top:16px;right:16px;padding:4px 10px;background:var(--portal-info);color:#fff;font-size:.75rem;font-weight:600;border-radius:20px}.stat-badge.success{background:var(--portal-success)}.stat-link{position:absolute;bottom:16px;right:16px;font-size:.85rem;color:var(--portal-primary);text-decoration:none;font-weight:500}.stat-link:hover{text-decoration:underline}.quick-actions{margin-bottom:30px}.quick-actions h2{font-size:1.2rem;color:var(--portal-text);margin-bottom:18px;font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-action-card{background:var(--portal-card);border-radius:var(--portal-radius);padding:24px;text-decoration:none;border:1px solid var(--portal-border);transition:all .2s ease}.quick-action-card:hover{transform:translateY(-4px);box-shadow:var(--portal-shadow);border-color:var(--portal-primary)}.action-icon{width:48px;height:48px;background:var(--portal-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}.quick-action-card h3{font-size:1rem;color:var(--portal-text);margin-bottom:6px;font-weight:600}.quick-action-card p{font-size:.85rem;color:var(--portal-text-light);line-height:1.5;margin:0}.recent-activity{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:30px}.recent-section{background:var(--portal-card);border-radius:var(--portal-radius);padding:24px;border:1px solid var(--portal-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-header h2{font-size:1.1rem;color:var(--portal-text);margin:0;font-weight:600}.view-all{font-size:.9rem;color:var(--portal-primary);text-decoration:none;font-weight:500}.view-all:hover{text-decoration:underline}.recent-list{display:flex;flex-direction:column;gap:14px}.recent-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--portal-bg);border-radius:var(--portal-radius-sm);transition:background .2s ease}.recent-item:hover{background:#eef2f7}.item-icon{width:44px;height:44px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.item-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.item-number{font-weight:600;color:var(--portal-text);font-size:.9rem}.item-status{padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.item-status.status-pending{background:#fef3c7;color:#92400e}.item-status.status-info{background:#dbeafe;color:#1e40af}.item-status.status-success{background:#d1fae5;color:#065f46}.item-status.status-error{background:#fee2e2;color:#991b1b}.item-detail{font-size:.85rem;color:var(--portal-text);margin:0 0 2px}.item-address{font-size:.8rem;color:var(--portal-text-light);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-amount{font-weight:700;color:var(--portal-primary);font-size:.95rem;white-space:nowrap}.empty-state{text-align:center;padding:30px 20px;color:var(--portal-text-light)}.empty-state p{margin-bottom:14px}.empty-action{color:var(--portal-primary);font-weight:600;text-decoration:none}.empty-action:hover{text-decoration:underline}.help-section{margin-top:20px}.help-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:var(--portal-radius);padding:24px 30px}.help-icon{font-size:2rem}.help-content h3{font-size:1.1rem;color:var(--portal-text);margin:0 0 4px}.help-content p{font-size:.9rem;color:var(--portal-text-light);margin:0}.help-btn{padding:12px 24px;background:#25d366;color:#fff;border-radius:10px;font-weight:600;text-decoration:none;transition:all .2s ease}.help-btn:hover{background:#20bd5a;transform:translateY(-2px)}@media (max-width: 1200px){.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.welcome-section{flex-direction:column;text-align:center;gap:20px}.recent-activity{grid-template-columns:1fr}}@media (max-width: 640px){.stats-grid,.actions-grid{grid-template-columns:1fr}.welcome-section{padding:24px 20px}.welcome-content h1{font-size:1.4rem}.welcome-actions{flex-direction:column;width:100%}.action-btn{text-align:center}.help-card{flex-direction:column;text-align:center}}.organization-selector{display:flex;justify-content:center;align-items:center;min-height:400px}.org-selector-card{background:var(--portal-card);border-radius:var(--portal-radius);padding:48px;max-width:500px;width:100%;text-align:center;border:1px solid var(--portal-border);box-shadow:var(--portal-shadow)}.org-selector-icon{font-size:4rem;margin-bottom:20px}.org-selector-card h2{font-size:1.5rem;color:var(--portal-text);margin-bottom:12px}.org-selector-card>p{color:var(--portal-text-light);margin-bottom:30px;line-height:1.6}.org-selector-form{display:flex;flex-direction:column;gap:16px}.org-select{width:100%;padding:14px 16px;font-size:1rem;border:2px solid var(--portal-border);border-radius:var(--portal-radius-sm);background:#fff;cursor:pointer;transition:border-color .2s ease}.org-select:focus{outline:none;border-color:var(--portal-primary)}.org-select-btn{width:100%;padding:14px 24px;font-size:1rem;font-weight:600;background:var(--portal-primary);color:#fff;border:none;border-radius:var(--portal-radius-sm);cursor:pointer;transition:all .2s ease}.org-select-btn:hover:not(:disabled){background:var(--portal-primary-dark);transform:translateY(-2px)}.org-select-btn:disabled{background:var(--portal-border);cursor:not-allowed}.org-selector-note{margin-top:24px;font-size:.85rem;color:var(--portal-text-light)}@media (max-width: 640px){.org-selector-card{padding:32px 24px}.org-selector-icon{font-size:3rem}}.recent-item.clickable{cursor:pointer;transition:all .2s ease}.recent-item.clickable:hover{background:#f8fafc;transform:translate(4px);border-left:3px solid var(--portal-primary);padding-left:13px}.recent-item.has-action{background:linear-gradient(90deg,#fef3c7 0%,transparent 50%)}.recent-item.has-action:hover{background:linear-gradient(90deg,#fde68a,#f8fafc 50%)}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.action-hint{font-size:.7rem;font-weight:600;color:#d97706;background:#fef3c7;padding:2px 8px;border-radius:10px}.click-hint{font-size:.75rem;color:var(--portal-text-light);opacity:0;transition:opacity .2s}.recent-item.clickable:hover .click-hint{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.quote-detail-modal{animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-loading{padding:60px;text-align:center}.modal-loading p{margin-top:16px;color:var(--portal-text-light)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0}.modal-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.modal-title h2{font-size:1.3rem;color:var(--portal-text);margin:0}.modal-status{font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:20px}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--portal-text-light);padding:4px 8px;border-radius:8px;transition:all .2s}.close-btn:hover{background:#f1f5f9;color:var(--portal-text)}.modal-body{padding:24px}.modal-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:.9rem}.modal-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.modal-alert.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.quote-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.8rem;color:var(--portal-text-light);font-weight:500}.detail-value{font-size:.95rem;color:var(--portal-text)}.quote-result-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px;text-align:center;margin-top:16px}.quote-result-box h3{font-size:1rem;color:var(--portal-text);margin:0 0 12px}.quote-amount-large{font-size:2rem;font-weight:700;color:#0284c7;margin-bottom:8px}.quote-notes{font-size:.9rem;color:var(--portal-text-light);margin:12px 0 0;font-style:italic}.quote-valid{font-size:.8rem;color:#f59e0b;margin-top:8px}.modal-footer{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.btn-reject,.btn-accept,.btn-pay{padding:12px 24px;font-size:.95rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-reject{background:#fee2e2;color:#dc2626}.btn-reject:hover:not(:disabled){background:#fecaca}.btn-accept{background:#dcfce7;color:#16a34a}.btn-accept:hover:not(:disabled){background:#bbf7d0}.btn-pay{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;flex:1;min-width:200px}.btn-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00b4d866}.btn-reject:disabled,.btn-accept:disabled,.btn-pay:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-message{width:100%;text-align:center;padding:12px;font-size:.95rem;color:var(--portal-text-light);margin:0}.status-message.success{color:#16a34a;background:#f0fdf4;border-radius:8px}.status-message.error{color:#dc2626}@media (max-width: 640px){.modal-content{margin:10px;max-height:95vh}.modal-header,.modal-body{padding:16px}.modal-footer{padding:16px;flex-direction:column}.quote-details-grid{grid-template-columns:1fr}.btn-reject,.btn-accept,.btn-pay{width:100%}.quote-amount-large{font-size:1.6rem}}.stat-card.clickable{cursor:pointer;position:relative}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.stat-card.has-notifications{background:linear-gradient(135deg,#fef3c7,#fff7ed);border-color:#f59e0b}.notification-pulse{position:absolute;top:12px;right:12px;width:12px;height:12px;background:#f59e0b;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #f59e0b00}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}.notifications-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:12px;width:380px;max-width:calc(100vw - 40px);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;z-index:100;animation:dropdownSlide .2s ease;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.notifications-header h3{font-size:1rem;color:var(--portal-text);margin:0}.mark-all-btn{font-size:.8rem;color:var(--portal-primary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.mark-all-btn:hover{background:#e0f2fe}.notifications-list{max-height:400px;overflow-y:auto}.notifications-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--portal-text-light)}.spinner-small{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:var(--portal-primary);border-radius:50%;animation:spin .8s linear infinite}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;cursor:pointer;transition:background .2s;position:relative;border-bottom:1px solid #f1f5f9}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#fffbeb}.notification-item.unread:hover{background:#fef3c7}.notification-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-size:.9rem;font-weight:600;color:var(--portal-text);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{font-size:.85rem;color:var(--portal-text-light);margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:.75rem;color:#94a3b8}.unread-dot{width:8px;height:8px;background:#f59e0b;border-radius:50%;flex-shrink:0;margin-top:6px}.notifications-empty{text-align:center;padding:40px 20px;color:var(--portal-text-light)}.notifications-empty span{font-size:2.5rem;display:block;margin-bottom:12px;opacity:.5}.notifications-empty p{margin:0;font-size:.9rem}@media (max-width: 640px){.notifications-dropdown{width:calc(100vw - 20px);left:50%;transform:translate(-50%);position:fixed;top:auto;bottom:20px;margin-top:0}@keyframes dropdownSlide{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.customer-quote-page{padding:0;max-width:900px;margin:0 auto}.quote-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.quote-form{background:#fff;border-radius:12px;padding:0;box-shadow:0 1px 3px #0000001a}.form-section{padding:1.5rem;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:1.1rem;color:#1a1a2e;margin-bottom:1rem;font-weight:600}.section-hint{font-size:.9rem;color:#64748b;margin:-.5rem 0 1rem;font-style:italic}.service-category{margin-bottom:1.5rem}.service-category:last-child{margin-bottom:0}.category-title{font-size:1rem;font-weight:600;color:#475569;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.service-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.checkbox-grid .checkbox-label{padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.checkbox-grid .checkbox-label:hover{background:#f1f5f9;border-color:#cbd5e1}.checkbox-grid .checkbox-label:has(input:checked){background:#e0f2fe;border-color:#00b4d8}.service-option{position:relative;padding:1.25rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff}.service-option input{position:absolute;opacity:0;width:0;height:0}.service-option:hover{border-color:#3b82f6;background:#f8fafc}.service-option.selected{border-color:#3b82f6;background:#eff6ff}.service-icon{font-size:2rem;margin-bottom:.5rem}.service-label{font-size:.95rem;font-weight:600;color:#1a1a2e;display:block;margin-bottom:.25rem}.service-desc{font-size:.8rem;color:#64748b;display:block}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.form-actions{padding:1.5rem;background:#f8fafc;border-radius:0 0 12px 12px;display:flex;justify-content:flex-end}.submit-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer}.quotes-list{display:grid;gap:1rem}.quote-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.quote-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quote-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.quote-number{font-weight:600;color:#1a1a2e}.quote-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-paid{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600}.quote-card-body{display:flex;flex-direction:column;gap:.5rem}.quote-route{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.9rem}.route-arrow{color:#94a3b8}.quote-details{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid #f1f5f9;font-size:.85rem;color:#64748b}.quote-price{font-size:1.1rem;font-weight:600;color:#16a34a}.quote-valid{margin-top:.5rem;font-size:.8rem;color:#64748b}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#64748b;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer}@media (max-width: 768px){.service-types,.checkbox-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (max-width: 480px){.quote-tabs{flex-direction:column;border-bottom:none}.tab-btn{border:1px solid #e2e8f0;border-radius:8px}.tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.service-types{grid-template-columns:1fr}.form-actions{padding:1rem}.submit-btn{width:100%;justify-content:center}.quote-route{flex-direction:column;align-items:flex-start}.route-arrow{transform:rotate(90deg)}}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e4d}.modal-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center;padding:20px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px}.accepted-message{margin:0;padding:10px 16px;background:#d1fae5;color:#065f46;border-radius:8px;font-weight:600;font-size:.9rem}@media (max-width: 640px){.modal-footer{flex-direction:column}.modal-footer button{width:100%}.btn-mercadopago{order:-1}}.storage-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.facility-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s}.facility-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.facility-card.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 12px #3b82f633}.facility-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;position:relative}.facility-icon{font-size:1.5rem}.facility-header h3{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0;flex:1}.selected-badge{background:#22c55e;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:12px;font-weight:600}.facility-body{display:flex;flex-direction:column;gap:.5rem}.facility-address,.facility-contact{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.facility-address .icon,.facility-contact .icon{font-size:.875rem}.facility-availability{margin-top:.5rem}.availability-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.empty-facilities{text-align:center;padding:2rem;background:#fff;border-radius:12px;color:#64748b}.storage-details-form{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1rem;border:2px solid #3b82f6}.storage-details-form h3{font-size:1rem;color:#1a1a2e;margin-bottom:1.25rem}.size-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.size-option{position:relative;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff}.size-option:hover{border-color:#3b82f6;background:#f8fafc}.size-label{font-size:.9rem;font-weight:600;color:#1a1a2e;display:block;margin-bottom:.25rem}.size-desc{font-size:.8rem;color:#64748b;display:block;margin-bottom:.25rem}.size-example{font-size:.75rem;color:#94a3b8;display:block;font-style:italic}.reservations-list-section{margin-top:1rem}.reservation-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.reservation-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.reservation-facility{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.95rem;font-weight:500}.reservation-facility .icon{font-size:1rem}.reservation-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#64748b}.reservation-price{padding-top:.75rem;border-top:1px solid #f1f5f9;font-size:1.1rem;font-weight:600;color:#16a34a}@media (max-width: 768px){.facilities-grid{grid-template-columns:1fr}.size-options{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.size-options{grid-template-columns:1fr}}.form-group .address-autocomplete-wrapper{position:relative;width:100%}.form-group .address-autocomplete-wrapper input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group .address-autocomplete-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group .address-autocomplete-wrapper input::placeholder{color:#9ca3af}.address-validated-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#22c55e;font-size:1.1rem}.address-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:280px;overflow-y:auto}.address-suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f1f5f9;display:flex;align-items:flex-start;gap:.5rem;transition:background-color .15s}.address-suggestion-item:last-child{border-bottom:none}.address-suggestion-item:hover{background-color:#f8fafc}.address-suggestion-item .icon{color:#ea4335;font-size:1rem;flex-shrink:0}.address-suggestion-item .text{flex:1}.address-suggestion-item .main-text{font-weight:500;color:#1a1a2e;margin-bottom:2px}.address-suggestion-item .secondary-text{font-size:.85rem;color:#64748b}.address-powered-by{padding:.5rem 1rem;text-align:right;border-top:1px solid #f1f5f9;background:#fafafa}.address-powered-by img{height:12px;opacity:.7}.customer-reservations-page{padding:0;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.reservations-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:0}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.facility-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.facility-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.facility-header{padding:1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;gap:.75rem}.facility-icon{font-size:2rem}.facility-header h3{font-size:1.1rem;font-weight:600;margin:0}.facility-body{padding:1.25rem}.facility-address,.facility-contact{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;color:#475569;font-size:.9rem}.facility-address .icon,.facility-contact .icon{flex-shrink:0}.facility-availability{margin-top:1rem}.availability-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.availability-badge.available{background:#dcfce7;color:#16a34a}.availability-badge.full{background:#fee2e2;color:#dc2626}.facility-footer{padding:1rem 1.25rem;border-top:1px solid #e2e8f0}.facility-footer .btn-primary{width:100%;padding:.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s}.facility-footer .btn-primary:hover:not(:disabled){opacity:.9}.facility-footer .btn-primary:disabled{background:#cbd5e1;cursor:not-allowed}.reservation-form-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.form-header{margin-bottom:1.5rem}.back-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 0;background:none;border:none;color:#3b82f6;font-size:.9rem;cursor:pointer;margin-bottom:1rem}.back-btn:hover{text-decoration:underline}.form-header h2{font-size:1.25rem;color:#1a1a2e;margin-bottom:.25rem}.facility-location{color:#64748b;font-size:.9rem}.reservation-form .form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.reservation-form .form-section:last-of-type{border-bottom:none}.size-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.size-option{position:relative;padding:1.25rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.size-option input{position:absolute;opacity:0;width:0;height:0}.size-option:hover{border-color:#3b82f6}.size-option.selected{border-color:#3b82f6;background:#eff6ff}.size-icon{font-size:1.5rem;margin-bottom:.5rem}.size-label{font-size:1rem;font-weight:600;color:#1a1a2e;display:block;margin-bottom:.25rem}.size-desc{font-size:.85rem;color:#3b82f6;display:block;margin-bottom:.5rem}.size-example{font-size:.8rem;color:#64748b;display:block}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group{flex-direction:row!important;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none}.btn-secondary{background:#fff;color:#64748b;border:1px solid #d1d5db}.btn-danger{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer}.btn-danger:hover{background:#b91c1c}.empty-state p{color:#64748b;margin-bottom:1.5rem}.reservations-list{display:grid;gap:1rem}.reservation-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.reservation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.reservation-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.reservation-number{font-weight:600;color:#1a1a2e}.reservation-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.reservation-card-body{display:flex;flex-direction:column;gap:.5rem}.reservation-facility{display:flex;align-items:center;gap:.5rem;color:#374151;font-weight:500}.reservation-details{display:flex;gap:1rem;color:#64748b;font-size:.9rem}.reservation-price{font-size:1.1rem;font-weight:600;color:#16a34a;margin-top:.5rem}.close-btn{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.25rem}.close-btn:hover{color:#1a1a2e}.detail-row:last-child{border-bottom:none}.quote-result{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;text-align:center}.quote-result h3{font-size:.9rem;color:#16a34a;margin-bottom:.5rem}.quote-amount{font-size:1.75rem;font-weight:700;color:#16a34a}.quote-notes{margin-top:.75rem;font-size:.9rem;color:#374151}.assigned-locker{margin-top:1rem;padding:1rem;background:#eff6ff;border-radius:12px;text-align:center}.assigned-locker h3{font-size:.85rem;color:#3b82f6;margin-bottom:.25rem}.locker-number{font-size:1.5rem;font-weight:700;color:#1d4ed8}@media (max-width: 768px){.facilities-grid{grid-template-columns:1fr}.size-options{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (max-width: 480px){.size-options{grid-template-columns:1fr}.reservations-tabs{flex-direction:column;border-bottom:none}.tab-btn{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:-1px}.tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}}.btn-mercadopago{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #009ee34d}.btn-mercadopago:hover:not(:disabled){background:linear-gradient(135deg,#0082c3,#009ee3);transform:translateY(-1px);box-shadow:0 4px 8px #009ee366}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-whatsapp:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-1px)}.payment-link-panel{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;border:1px solid #bfdbfe}.payment-link-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.payment-link-header h3{font-size:1rem;color:#1d4ed8;margin:0}.close-btn-small{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.25rem;line-height:1}.close-btn-small:hover{color:#1e293b}.payment-link-info{margin-bottom:1rem}.payment-link-info p{margin:0;color:#1e293b;font-size:.95rem}.payment-link-actions{display:flex;flex-wrap:wrap;gap:.75rem}.payment-link-actions button{flex:1;min-width:140px}@media (max-width: 480px){.payment-link-actions{flex-direction:column}.payment-link-actions button{width:100%}.btn-mercadopago{width:100%;padding:.875rem}}.customer-tracking-page{padding:0;max-width:1200px;margin:0 auto}.tracking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.tracking-loading p{margin-top:1rem}.debt-summary-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:1.5rem;border:1px solid #fcd34d}.debt-icon{font-size:2.5rem}.debt-content{flex:1}.debt-content h3{font-size:.9rem;color:#92400e;margin-bottom:.25rem}.debt-amount{font-size:1.5rem;font-weight:700;color:#b45309}.debt-breakdown{display:flex;gap:1rem;margin-top:.5rem;font-size:.85rem;color:#92400e}.pay-btn{padding:.75rem 1.25rem;background:#b45309;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.pay-btn:hover{background:#92400e}.tracking-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.service-category{margin-bottom:2rem}.service-category h2{font-size:1.1rem;color:#1a1a2e;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.services-list{display:grid;gap:1rem}.service-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:4px solid #3b82f6}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.service-card.transport{border-left-color:#3b82f6}.service-card.locker{border-left-color:#8b5cf6}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-number{font-weight:600;color:#1a1a2e;font-size:1rem}.service-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-pending{background:#fef3c7;color:#d97706}.status-info{background:#dbeafe;color:#2563eb}.status-success{background:#dcfce7;color:#16a34a}.status-error{background:#fee2e2;color:#dc2626}.service-route{margin-bottom:1rem}.route-point{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.point-marker{font-size:1rem}.point-address{color:#374151;font-size:.9rem}.route-line{display:flex;align-items:center;padding-left:.35rem;color:#cbd5e1}.route-line .line{width:2px;height:20px;background:#cbd5e1}.route-line .arrow{margin-left:-.35rem}.locker-info{margin-bottom:1rem}.locker-facility,.locker-address{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#374151;font-size:.9rem}.locker-facility{font-weight:500}.service-details{display:flex;gap:1.5rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.detail-item{display:flex;align-items:center;gap:.375rem;color:#64748b;font-size:.875rem}.detail-item .icon{font-size:.9rem}.service-debt{margin-top:.75rem;padding:.5rem .75rem;background:#fef3c7;border-radius:6px;font-size:.85rem;color:#b45309;font-weight:500}.progress-tracker{display:flex;justify-content:space-between;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f1f5f9;position:relative}.progress-tracker:before{content:"";position:absolute;top:calc(1rem + 8px);left:20px;right:20px;height:2px;background:#e2e8f0}.progress-tracker .step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-dot{width:16px;height:16px;border-radius:50%;background:#e2e8f0;margin-bottom:.5rem;transition:all .3s}.step.completed .step-dot{background:#3b82f6}.step span{font-size:.7rem;color:#94a3b8;text-align:center;max-width:60px}.step.completed span{color:#3b82f6;font-weight:500}.payments-section{padding-bottom:2rem}.payments-list{display:flex;flex-direction:column;gap:.75rem}.payment-item{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014}.payment-icon{width:40px;height:40px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.payment-content{flex:1}.payment-amount{font-weight:600;color:#16a34a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:1.25rem;font-weight:600;color:#1a1a2e}.close-btn{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer}.modal-body{padding:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.detail-label{color:#64748b;font-size:.9rem}.detail-value{font-weight:500;color:#1a1a2e}.detail-value.highlight{color:#dc2626;font-weight:600}.modal-footer{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;justify-content:flex-end}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer}.btn-primary:hover{opacity:.9}@media (max-width: 768px){.debt-summary-card{flex-direction:column;text-align:center}.debt-breakdown{justify-content:center;flex-wrap:wrap}.progress-tracker{overflow-x:auto;padding-bottom:.5rem}.service-details{flex-wrap:wrap;gap:.75rem}}@media (max-width: 480px){.tracking-tabs{flex-direction:column;border-bottom:none}.tab-btn{border:1px solid #e2e8f0;border-radius:8px}.tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.payment-details{flex-direction:column;gap:.25rem}}.service-card.contracted{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac}.service-card.contracted:hover{border-color:#22c55e;box-shadow:0 8px 24px #22c55e33}.service-date-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:8px;margin-top:12px;font-size:.9rem;color:#166534}.service-next-steps{margin-top:12px;padding:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border:1px solid #fcd34d}.service-next-steps p{margin:0;font-size:.9rem;color:#92400e}.next-steps-info{margin-top:20px;padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;border:1px solid #93c5fd}.next-steps-info h4{margin:0 0 8px;color:#1e40af;font-size:1rem}.next-steps-info p{margin:0;color:#1e40af;font-size:.95rem}.highlight-success{color:#166534!important;font-weight:700}.service-card.reservation{border-left-color:#f59e0b}.service-card.pending-reservation{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fcd34d}.service-card.pending-reservation:hover{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b33}.reservation-quote{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding:.75rem;background:#fff;border-radius:8px;border:1px dashed #f59e0b}.quote-label{font-size:.85rem;color:#92400e}.quote-amount{font-size:1.1rem;font-weight:700;color:#d97706}.service-next-steps.action-needed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7}.service-next-steps.action-needed p{color:#065f46}.service-next-steps a{color:#059669;font-weight:600;text-decoration:none}.service-next-steps a:hover{text-decoration:underline}.customer-documents-page{padding:0;max-width:1200px;margin:0 auto}.documents-filters{margin-bottom:1.5rem}.filter-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.filter-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-icon{font-size:1rem}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;transition:transform .2s,box-shadow .2s}.document-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.doc-icon{width:48px;height:48px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.doc-content{flex:1;min-width:0}.doc-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.doc-title{font-size:.95rem;font-weight:600;color:#1a1a2e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-type-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.doc-type-badge.contract{background:#dbeafe;color:#2563eb}.doc-type-badge.invoice{background:#dcfce7;color:#16a34a}.doc-type-badge.receipt{background:#fef3c7;color:#d97706}.doc-type-badge.budget{background:#f3e8ff;color:#9333ea}.doc-type-badge.quote{background:#e0f2fe;color:#0284c7}.doc-type-badge.policy{background:#fce7f3;color:#db2777}.doc-description{font-size:.85rem;color:#64748b;margin:.25rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-meta{display:flex;gap:1rem;font-size:.8rem;color:#94a3b8;flex-wrap:wrap}.doc-meta span{display:flex;align-items:center;gap:.25rem}.doc-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-download,.btn-view{width:36px;height:36px;border-radius:8px;border:none;background:#f1f5f9;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-download:hover{background:#3b82f6}.btn-view:hover{background:#e2e8f0}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.pagination-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#3b82f6;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn:disabled{color:#cbd5e1;cursor:not-allowed}.pagination-info{color:#64748b;font-size:.875rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.loading-state p{margin-top:1rem}.documents-info{margin-top:2rem}.info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#eff6ff;border-radius:12px;border:1px solid #bfdbfe}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content{flex:1}.info-content h4{font-size:.95rem;color:#1e40af;margin:0 0 .25rem}.info-content p{font-size:.875rem;color:#3b82f6;margin:0}.info-link{padding:.5rem 1rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;white-space:nowrap;transition:background .2s}.info-link:hover{background:#1d4ed8}@media (max-width: 768px){.filter-tabs{padding-bottom:.75rem}.filter-btn{padding:.5rem .75rem;font-size:.8rem}.document-card{flex-wrap:wrap}.doc-content{order:1;flex-basis:100%;margin-top:.5rem}.doc-actions{order:0}.info-card{flex-direction:column;text-align:center}.info-link{width:100%;text-align:center}}@media (max-width: 480px){.doc-header{flex-direction:column;align-items:flex-start;gap:.5rem}.doc-meta{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:.5rem}.pagination-btn{width:100%}}.customer-profile-page{padding:0;max-width:800px;margin:0 auto}.profile-card-header{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;margin-bottom:1.5rem;color:#fff}.profile-avatar{width:72px;height:72px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-initials{font-size:1.5rem;font-weight:700}.profile-info h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.profile-email{font-size:.9rem;opacity:.9;margin:0}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem;background:#fff3;border-radius:4px;font-size:.75rem;font-weight:500}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.tab-btn{padding:.875rem 1.25rem;border:none;background:transparent;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;border-bottom:2px solid transparent;margin-bottom:-2px}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.profile-form,.password-form{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section h3{font-size:1rem;color:#1a1a2e;margin-bottom:1rem;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid.single-column{grid-template-columns:1fr;max-width:400px}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.input-help{font-size:.75rem;color:#94a3b8}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.security-section{display:flex;flex-direction:column;gap:1.5rem}.danger-zone{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #fecaca;margin-bottom:0}.danger-zone h3{color:#dc2626}.danger-card{display:flex;justify-content:space-between;align-items:center;gap:1rem}.danger-content h4{font-size:.95rem;color:#1a1a2e;margin:0 0 .25rem}.danger-content p{font-size:.85rem;color:#64748b;margin:0}.btn-danger-outline{padding:.625rem 1rem;background:#fff;color:#dc2626;border:1px solid #dc2626;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-danger-outline:hover{background:#dc2626;color:#fff}.preferences-section{display:flex;flex-direction:column;gap:1.5rem}.preferences-section .form-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:0;border-bottom:none}.preferences-list{display:flex;flex-direction:column;gap:.5rem}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;cursor:pointer;transition:background .2s}.preference-item:hover{background:#f1f5f9}.preference-info{display:flex;flex-direction:column;gap:.125rem}.preference-label{font-size:.9rem;font-weight:500;color:#1a1a2e}.preference-desc{font-size:.8rem;color:#64748b}.toggle-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;background:#cbd5e1;border-radius:12px;cursor:pointer;transition:background .2s;position:relative}.toggle-switch:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch:checked{background:#3b82f6}.toggle-switch:checked:before{transform:translate(20px)}@media (max-width: 768px){.profile-card-header{flex-direction:column;text-align:center}.form-grid{grid-template-columns:1fr}.danger-card{flex-direction:column;text-align:center}.btn-danger-outline{width:100%}}@media (max-width: 480px){.profile-tabs{flex-direction:column;border-bottom:none}.tab-btn{border:1px solid #e2e8f0;border-radius:8px}.tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.preference-item{flex-direction:column;gap:.75rem;text-align:center}.form-actions{justify-content:center}.btn-primary{width:100%;justify-content:center}}.customer-payments-page{padding:0;max-width:1000px;margin:0 auto}.payments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.payments-loading p{margin-top:1rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.page-header p{color:#64748b;font-size:.95rem}.debt-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.debt-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.debt-card.total{background:linear-gradient(135deg,#1a1a2e,#2d2d44);color:#fff}.debt-card.transport{border-left:4px solid #3b82f6}.debt-card.locker{border-left:4px solid #8b5cf6}.debt-icon{font-size:2rem}.debt-info{display:flex;flex-direction:column;gap:.25rem}.debt-label{font-size:.8rem;opacity:.8}.debt-amount{font-size:1.25rem;font-weight:700}.debt-card.total .debt-amount{font-size:1.5rem}.payments-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.tab-btn{padding:.875rem 1.5rem;border:none;background:transparent;color:#64748b;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-btn:hover{color:#3b82f6}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.pending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.select-all{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#374151}.select-all input{width:18px;height:18px;cursor:pointer}.selected-count{font-size:.85rem;color:#3b82f6;font-weight:500}.pending-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:100px}.pending-item{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:all .2s;border:2px solid transparent}.pending-item:hover{border-color:#e2e8f0}.pending-item.selected{border-color:#3b82f6;background:#eff6ff}.item-checkbox{display:flex;align-items:center}.item-checkbox input{width:20px;height:20px;cursor:pointer}.item-icon{width:44px;height:44px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.item-content{flex:1;min-width:0}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.item-ref{font-weight:600;color:#1a1a2e}.item-amount{font-weight:700;color:#dc2626;font-size:1.1rem}.item-desc{font-size:.85rem;color:#64748b;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-due,.item-monthly{font-size:.8rem;color:#94a3b8;display:block}.payment-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:1rem 1.5rem;box-shadow:0 -4px 12px #00000026;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:100;flex-wrap:wrap}.coupon-section{display:flex;align-items:center}.btn-coupon{padding:.6rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;animation:pulse-coupon 2s infinite}@keyframes pulse-coupon{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.btn-coupon:hover{transform:scale(1.05);box-shadow:0 4px 15px #f59e0b66}.coupon-applied{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px}.coupon-badge{color:#fff;font-weight:600;font-size:.85rem}.btn-remove-coupon{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-coupon:hover{background:#fff6}.payment-summary{display:flex;flex-direction:column;gap:.25rem;min-width:180px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.summary-row.subtotal{color:#64748b}.summary-row.discount{color:#10b981;font-weight:500}.summary-row.discount .discount-amount{color:#10b981;font-weight:600}.summary-row.total{font-weight:700;font-size:1rem;padding-top:.25rem;border-top:1px dashed #e2e8f0;margin-top:.25rem}.summary-row.total .total-amount{color:#00b4d8;font-size:1.1rem}.payment-total{display:flex;flex-direction:column;gap:.125rem}.total-label{font-size:.8rem;color:#64748b}.total-amount{font-size:1.5rem;font-weight:700;color:#1a1a2e}.payment-actions{display:flex;gap:.75rem}.btn-secondary{padding:.75rem 1.25rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc}.btn-mercadopago{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#009ee3;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-mercadopago:hover{background:#0082c4}.mp-icon{width:24px;height:24px}.payments-timeline{position:relative;padding-left:2rem}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-1.5rem;top:1.5rem;bottom:0;width:2px;background:#e2e8f0}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:-2rem;top:0;width:28px;height:28px;background:#fff;border:2px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.dot-icon{font-size:.9rem}.timeline-content{margin-left:.5rem}.payment-card{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #00000014}.payment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.payment-ref{font-weight:500;color:#1a1a2e}.payment-amount{font-weight:600}.payment-amount.success{color:#16a34a}.payment-details{display:flex;gap:1rem;font-size:.8rem;color:#64748b}.payment-notes{margin-top:.5rem;font-size:.85rem;color:#64748b;font-style:italic}.empty-state{text-align:center;padding:4rem 2rem;background:#f8fafc;border-radius:12px}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:#1a1a2e;margin-bottom:.5rem}.empty-state p{color:#64748b}.payment-methods-info{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.payment-methods-info h3{font-size:1rem;color:#1a1a2e;margin-bottom:1rem}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.method-card{padding:1.25rem;background:#f8fafc;border-radius:10px;text-align:center}.method-icon{font-size:2rem;margin-bottom:.5rem}.method-card h4{font-size:.95rem;color:#1a1a2e;margin:0 0 .25rem}.method-card p{font-size:.8rem;color:#64748b;margin:0 0 .75rem}.method-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.method-badge.available{background:#dcfce7;color:#16a34a}.method-badge.coming-soon{background:#fef3c7;color:#d97706}.payment-help{margin-top:1.5rem}.help-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#eff6ff;border-radius:12px;border:1px solid #bfdbfe}.help-icon{font-size:1.5rem;flex-shrink:0}.help-content{flex:1}.help-content h4{font-size:.95rem;color:#1e40af;margin:0 0 .25rem}.help-content p{font-size:.85rem;color:#3b82f6;margin:0}.help-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;white-space:nowrap;transition:background .2s}.help-btn:hover{background:#1d4ed8}.spinner-large{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.debt-overview{grid-template-columns:1fr}.payment-bar{flex-direction:column;gap:1rem;padding:1rem}.coupon-section{width:100%;justify-content:center}.payment-summary{width:100%;align-items:center}.summary-row{width:100%;max-width:250px}.payment-total{text-align:center}.payment-actions{width:100%;flex-direction:column}.payment-actions button{width:100%}.help-card{flex-direction:column;text-align:center}.help-btn{width:100%;text-align:center}}@media (max-width: 480px){.payments-tabs{flex-direction:column;border-bottom:none}.tab-btn{border:1px solid #e2e8f0;border-radius:8px}.tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pending-item{flex-wrap:wrap}.item-content{flex-basis:calc(100% - 80px)}.item-header,.payment-details{flex-direction:column;gap:.25rem}.methods-grid{grid-template-columns:1fr}.pending-list{margin-bottom:180px}}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:.95rem}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.alert button{margin-left:auto;background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6}.alert button:hover{opacity:1}.btn-mercadopago{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#00bcff,#009ee3);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #009ce34d}.btn-mercadopago:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #009ce366;background:linear-gradient(135deg,#00d4ff,#00aaef)}.btn-mercadopago:disabled{opacity:.6;cursor:not-allowed;transform:none}.method-card.highlighted{border:2px solid #009ee3;background:linear-gradient(135deg,#f0faff,#e6f7ff)}.method-badge.available{background:#d1fae5;color:#065f46}.method-badge.coming-soon{background:#fef3c7;color:#92400e}.payment-link-panel{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 20px #00000026;padding:20px 24px;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.payment-link-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.payment-link-header h3{font-size:1.1rem;font-weight:600;color:var(--portal-text);margin:0}.payment-link-header .close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#64748b;padding:4px 8px;border-radius:6px}.payment-link-header .close-btn:hover{background:#f1f5f9}.payment-link-info{margin-bottom:16px;padding:12px 16px;background:#f8fafc;border-radius:10px}.payment-link-info p{margin:0;color:var(--portal-text)}.payment-link-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.payment-link-actions button{flex:1;min-width:150px;padding:12px 16px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25d36666}.payment-link-verify{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px;border-top:1px solid #e2e8f0}.payment-link-verify p{margin:0;color:#64748b;font-size:.9rem}.payment-link-verify .btn-verify{padding:10px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:10px;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.payment-link-verify .btn-verify:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8}@media (max-width: 768px){.payment-link-panel{padding:16px}.payment-link-actions{flex-direction:column}.payment-link-actions button{min-width:auto}.payment-link-verify{flex-direction:column;gap:12px}}.history-subtitle{font-size:1rem;font-weight:600;color:var(--portal-text);margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.history-subtitle:first-child{margin-top:0}.paid-quotes-list{display:flex;flex-direction:column;gap:12px}.paid-quote-card{display:flex;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;transition:all .2s ease}.paid-quote-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e26}.paid-quote-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.paid-quote-content{flex:1;min-width:0}.paid-quote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.paid-quote-ref{font-weight:700;color:#166534;font-size:1rem}.paid-quote-amount{font-weight:700;color:#166534;font-size:1.1rem}.paid-quote-desc{color:#15803d;font-size:.9rem;margin:0 0 8px}.paid-quote-details{display:flex;gap:16px;flex-wrap:wrap}.paid-quote-date,.paid-quote-status{font-size:.85rem;color:#166534}.paid-quote-status{font-weight:600;background:#22c55e;color:#fff;padding:2px 10px;border-radius:20px}@media (max-width: 768px){.paid-quote-card{flex-direction:column;gap:12px}.paid-quote-icon{width:40px;height:40px}.paid-quote-header{flex-direction:column;align-items:flex-start;gap:4px}.paid-quote-details{flex-direction:column;gap:8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.transfer-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.transfer-modal .modal-header h2{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin:0}.transfer-modal .close-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:4px;line-height:1}.transfer-modal .close-btn:hover{color:#1e293b}.transfer-modal .modal-body{padding:24px}.transfer-details{display:flex;flex-direction:column;gap:16px}.transfer-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:10px}.transfer-label{font-size:.9rem;color:#64748b;min-width:70px}.transfer-value{font-size:1rem;font-weight:600;color:#1a1a2e;flex:1}.transfer-value.cbu,.transfer-value.alias{font-family:Monaco,Consolas,monospace;font-size:.95rem;letter-spacing:.5px}.copy-btn{background:#e2e8f0;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:1rem;transition:all .2s}.copy-btn:hover{background:#cbd5e1;transform:scale(1.05)}.transfer-note{display:flex;gap:10px;padding:14px 16px;background:#fef3c7;border-radius:10px;margin-top:8px}.transfer-note span{font-size:1.2rem}.transfer-note p{margin:0;font-size:.9rem;color:#92400e;line-height:1.4}.transfer-not-configured{text-align:center;padding:20px}.transfer-not-configured p{margin:0 0 10px;color:#64748b}.transfer-modal .modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}@media (max-width: 480px){.modal-content{border-radius:16px 16px 0 0;max-height:85vh;position:fixed;bottom:0;left:0;right:0;max-width:none}.transfer-row{flex-wrap:wrap}.transfer-value{width:100%;word-break:break-all}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}#root{min-height:100vh}.page-container,.dashboard-container,.vehicles-container,.trips-container,.users-container,.clients-container,.employees-container,.maintenance-container,.ledger-container,.lockers-container,.storage-container,.suppliers-container,.orders-container,.rutas-container{padding:24px;max-width:100%;overflow-x:hidden}.page-header,.dashboard-header,.vehicles-header,.trips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h1,.page-header h2,.dashboard-header h1,.vehicles-header h1{margin:0;font-size:1.8rem;color:#333}.table-container,.data-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}th{background:#f8f9fa;font-weight:600;color:#333;white-space:nowrap}td{color:#666}.card,.stat-card,.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.cards-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.btn,button[type=submit],.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b4d866}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.btn-group,.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.modal-overlay,.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.modal,.modal-content,.modal-container{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h2,.modal-header h3{margin:0;font-size:1.3rem}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.filters,.filters-row,.search-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filters input,.filters select,.search-input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;min-width:150px}.badge,.status-badge,.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.badge-success,.status-active{background:#e8f5e9;color:#2e7d32}.badge-warning,.status-pending{background:#fff3e0;color:#ef6c00}.badge-danger,.status-inactive{background:#ffebee;color:#c62828}.badge-info{background:#e3f2fd;color:#1565c0}@media (max-width: 1024px){.page-container,.dashboard-container,.vehicles-container,.trips-container,.users-container,.clients-container,.employees-container,.maintenance-container,.ledger-container,.lockers-container,.storage-container,.suppliers-container,.orders-container,.rutas-container{padding:20px}.page-header h1,.page-header h2,.dashboard-header h1{font-size:1.5rem}.cards-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}th,td{padding:10px 12px;font-size:.9rem}}@media (max-width: 768px){.page-container,.dashboard-container,.vehicles-container,.trips-container,.users-container,.clients-container,.employees-container,.maintenance-container,.ledger-container,.lockers-container,.storage-container,.suppliers-container,.orders-container,.rutas-container{padding:16px}.page-header,.dashboard-header,.vehicles-header,.trips-header{flex-direction:column;align-items:flex-start}.page-header h1,.page-header h2,.dashboard-header h1{font-size:1.3rem}.cards-grid,.stats-grid{grid-template-columns:1fr;gap:12px}.card,.stat-card,.info-card{padding:16px}.form-row{grid-template-columns:1fr}.filters,.filters-row,.search-filters{flex-direction:column;align-items:stretch}.filters input,.filters select,.search-input{width:100%;min-width:auto}.modal,.modal-content,.modal-container{max-width:100%;max-height:100vh;border-radius:0;margin:0}.modal-overlay,.modal-backdrop{padding:0}.btn-group,.action-buttons{width:100%}.btn-group .btn,.action-buttons button{flex:1;min-width:0}th,td{padding:8px 10px;font-size:.85rem}table{min-width:500px}}@media (max-width: 480px){.page-container,.dashboard-container,.vehicles-container,.trips-container,.users-container,.clients-container,.employees-container,.maintenance-container,.ledger-container,.lockers-container,.storage-container,.suppliers-container,.orders-container,.rutas-container{padding:12px}.page-header h1,.page-header h2,.dashboard-header h1{font-size:1.2rem}.btn,button[type=submit],.btn-primary,.btn-secondary{padding:10px 16px;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:16px}.modal-header,.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-direction:column}.modal-footer button{width:100%}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}