.login-desktop-message{animation:slideDownLogin .4s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 12px #00000026;color:#fff;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}@keyframes slideDownLogin{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.desktop-message-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:600px;position:relative}.desktop-message-icon{flex-shrink:0;height:24px;opacity:.9;width:24px}.desktop-message-text{flex:1 1;min-width:0}.desktop-message-text h4{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.desktop-message-text p{font-size:14px;line-height:1.4;margin:0;opacity:.9}.desktop-message-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.8;padding:8px;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:32px}.desktop-message-close:hover{background:#ffffff4d;opacity:1;transform:scale(1.1)}.desktop-message-close:active{transform:scale(.95)}.login-container:has(.login-desktop-message){padding-top:80px}.login-desktop-message~.login-box{margin-top:20px}@media (max-width:768px){.login-container{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:16px}.login-box{border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:400px;padding:24px;width:100%}.login-title{font-size:24px;margin-bottom:8px}.login-subtitle{font-size:16px;margin-bottom:24px}.login-form .form-input{border:2px solid #e5e7eb;border-radius:12px;font-size:16px!important;min-height:48px;padding:14px 16px;transition:all .2s ease}.login-form .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.login-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;padding:14px 24px;touch-action:manipulation;transition:all .2s ease;width:100%}.login-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-error{background:#fee2e2;border-left:4px solid #ef4444;border-radius:12px;color:#991b1b;font-size:14px;margin-bottom:16px;padding:12px 16px}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}}@media (max-width:480px){.login-desktop-message{padding:12px}.desktop-message-content{gap:10px}.desktop-message-text h4{font-size:15px}.desktop-message-text p{font-size:13px}.desktop-message-close{height:28px;right:-6px;top:-6px;width:28px}.login-desktop-message~.login-box{margin-top:70px}}[data-theme=dark] .login-desktop-message{background:linear-gradient(135deg,#1e293b,#334155)}.desktop-recommendation-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 12px #00000026;color:#fff;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:1200px;position:relative}.banner-icon{flex-shrink:0;height:24px;opacity:.9;width:24px}.banner-text{flex:1 1;min-width:0}.banner-text h4{font-size:14px;font-weight:600;line-height:1.2;margin:0 0 4px}.banner-text p{font-size:12px;line-height:1.3;margin:0;opacity:.9}.banner-actions{display:flex;flex-shrink:0;gap:8px}.banner-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.banner-btn.primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff}.banner-btn.primary:hover{background:#ffffff4d;transform:translateY(-1px)}.banner-btn.secondary{background:#0000;border:1px solid #ffffff4d;color:#fff}.banner-btn.secondary:hover{background:#ffffff1a}.banner-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:.7;padding:4px;position:absolute;right:-8px;top:-6px;transition:opacity .2s ease}.banner-close:hover{opacity:1}.mobile-nav-enhanced{position:relative}.mobile-nav-enhanced.scrolled .header{box-shadow:0 2px 8px #0000001a}.touch-gesture-handler{-webkit-touch-callout:none;box-sizing:border-box;max-width:100%;overflow-x:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.mobile-table-wrapper{margin:16px 0;position:relative}.mobile-table-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.mobile-table-scroll::-webkit-scrollbar{display:none}.mobile-table-hint{align-items:center;animation:pulse 2s infinite;background:#f8f9fa;border-radius:0 0 8px 8px;color:#666;display:flex;font-size:12px;gap:4px;justify-content:center;padding:8px}.mobile-table-cards{display:flex;flex-direction:column;gap:12px;padding:16px 0}.mobile-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.mobile-table-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.mobile-table-row:last-child{border-bottom:none;padding-bottom:0}.mobile-table-label{color:#374151;flex:1 1;font-size:14px;font-weight:500}.mobile-table-value{color:#6b7280;flex:1 1;font-size:14px;text-align:right}.mobile-form-enhanced input,.mobile-form-enhanced select,.mobile-form-enhanced textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:16px!important;padding:12px 16px;transition:border-color .2s ease}.mobile-form-enhanced input:focus,.mobile-form-enhanced select:focus,.mobile-form-enhanced textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mobile-form-enhanced label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.mobile-form-enhanced .form-group{margin-bottom:20px}.mobile-form-enhanced button{border-radius:8px;font-size:16px;font-weight:500;min-height:44px;padding:12px 24px;transition:all .2s ease}@media (max-width:768px){.app-container{padding-top:0}.desktop-recommendation-banner~.app-container{padding-top:80px}.btn,.clickable,button{min-height:44px;min-width:44px}.page-content{padding:16px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}.card,.modal-content{border-radius:12px;margin:8px}.sidebar{box-shadow:2px 0 20px #0000001a;width:280px}.modal{padding:16px}.modal-content{max-height:90vh;overflow-y:auto}table{font-size:14px}td,th{padding:8px 4px}.form-row{flex-direction:column}.form-group{margin-bottom:16px}.header{height:auto;min-height:60px;padding:12px 16px}.mobile-menu-btn{border-radius:8px;padding:8px}}@media (max-width:480px){.banner-content{flex-wrap:wrap;gap:8px}.banner-actions{justify-content:flex-end;margin-top:8px;width:100%}.banner-text h4{font-size:13px}.banner-btn,.banner-text p{font-size:11px}.banner-btn{padding:5px 10px}.mobile-table-card,.page-content{padding:12px}.mobile-table-row{align-items:flex-start;flex-direction:column;gap:4px}.mobile-table-value{text-align:left}}[data-theme=dark] .desktop-recommendation-banner{background:linear-gradient(135deg,#1e293b,#334155)}[data-theme=dark] .mobile-table-card{background:#1f2937;border-color:#374151}[data-theme=dark] .mobile-table-hint{background:#1f2937;color:#9ca3af}[data-theme=dark] .mobile-form-enhanced input,[data-theme=dark] .mobile-form-enhanced select,[data-theme=dark] .mobile-form-enhanced textarea{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .mobile-form-enhanced label{color:#f3f4f6}@media (prefers-reduced-motion:reduce){.desktop-recommendation-banner,.mobile-table-hint{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.desktop-recommendation-banner{background:#000;border:2px solid #fff}.banner-btn,.mobile-table-card{border-width:2px}}.mobile-table{margin:16px 0;width:100%}.mobile-table-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-table-empty{padding:40px 20px;text-align:center}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px}.empty-state svg{opacity:.5}.mobile-table-search,.table-search{margin-bottom:16px}.search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mobile-table.desktop-view{border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{background:#fff;border-collapse:collapse;width:100%}.data-table th{background:#f8f9fa;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 12px;position:relative;text-align:left}.data-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#f1f5f9}.th-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.sort-indicator{opacity:.5;transition:all .2s ease}.data-table th.sorted-asc .sort-indicator{opacity:1;transform:rotate(0deg)}.data-table th.sorted-desc .sort-indicator{opacity:1;transform:rotate(180deg)}.data-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:16px 12px}.data-table tr.clickable{cursor:pointer;transition:background-color .2s ease}.data-table tr.clickable:hover{background:#f8f9fa}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;letter-spacing:.025em;padding:4px 8px;text-transform:uppercase}.status-badge-success{background:#dcfce7;color:#166534}.status-badge-warning{background:#fef3c7;color:#92400e}.status-badge-error{background:#fee2e2;color:#991b1b}.status-badge-info{background:#dbeafe;color:#1e40af}.status-badge-default{background:#f3f4f6;color:#374151}.table-actions{align-items:center;display:flex;gap:8px}.table-actions.mobile{align-items:stretch;flex-direction:column;gap:4px}.table-actions.mobile .action-btn{justify-content:flex-start;padding:8px 12px;width:100%}.table-actions.mobile .action-btn span{display:inline}.table-actions.desktop .action-btn{min-height:32px;min-width:32px;padding:6px}.table-actions.desktop .action-btn span{display:none}.action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;transition:all .2s ease}.action-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.action-btn.danger{background:#ef4444;color:#fff}.action-btn.danger:hover{background:#dc2626}.table-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:16px;padding:16px 0}.pagination-info{color:#6b7280;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#d1d5db}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:4px}.pagination-page{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;transition:all .2s ease}.pagination-page:hover:not(:disabled):not(.active){background:#f8f9fa;border-color:#d1d5db}.pagination-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-page.dots{background:#0000;border:none;cursor:default}.pagination-page.dots:hover{background:#0000}@media (max-width:768px){.table-pagination{align-items:stretch;flex-direction:column;gap:12px}.pagination-controls{justify-content:center}.pagination-btn span{display:none}.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-page{font-size:13px;height:32px;min-width:32px}}[data-theme=dark] .data-table{background:#1f2937}[data-theme=dark] .data-table th{background:#374151;border-bottom-color:#4b5563;color:#f9fafb}[data-theme=dark] .data-table th.sortable:hover{background:#4b5563}[data-theme=dark] .data-table td{border-bottom-color:#374151;color:#f3f4f6}[data-theme=dark] .data-table tr.clickable:hover{background:#374151}[data-theme=dark] .search-input{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .action-btn{background:#374151;color:#f3f4f6}[data-theme=dark] .action-btn:hover{background:#4b5563}[data-theme=dark] .pagination-btn,[data-theme=dark] .pagination-page{background:#1f2937;border-color:#374151;color:#f3f4f6}[data-theme=dark] .pagination-btn:hover:not(:disabled),[data-theme=dark] .pagination-page:hover:not(:disabled):not(.active){background:#374151;border-color:#4b5563}[data-theme=dark] .table-pagination{border-top-color:#374151}[data-theme=dark] .pagination-info{color:#9ca3af}.vehicle-selection-modal{max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.selection-date{color:#374151;font-size:16px;line-height:1.4;margin:0 0 16px;text-align:center}.vehicle-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin-bottom:20px;max-height:400px;overflow-y:auto}.vehicle-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;min-height:56px;padding:16px;transition:all .2s ease}.vehicle-item:hover{background:#f8faff;border-color:#3b82f6}.vehicle-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vehicle-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.vehicle-item.selected .vehicle-number{background:#1d4ed8}.vehicle-info{flex:1 1;min-width:0;overflow:hidden}.vehicle-reg{color:#1f2937;font-size:16px;font-weight:600}.vehicle-details,.vehicle-reg{margin-bottom:4px;word-break:break-word}.vehicle-details{color:#374151;font-size:14px;line-height:1.4}.vehicle-meta{color:#6b7280;font-size:12px;line-height:1.3}.selection-hint{background:#f9fafb;border-radius:8px;color:#6b7280;font-size:12px;margin-bottom:20px;padding:12px;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.modal-content.vehicle-selection-modal{max-width:600px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn{font-size:14px;min-height:40px;padding:10px 20px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#e5e7eb}@media (max-width:768px){.vehicle-selection-modal{max-height:85vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.vehicle-item{padding:12px}.vehicle-number{font-size:12px;height:28px;width:28px}.vehicle-reg{font-size:14px}.vehicle-details{font-size:13px}.modal-footer{flex-direction:column}.btn{width:100%}}[data-theme=dark] .modal-content,[data-theme=dark] .vehicle-selection-modal{background:#1f2937;color:#f9fafb}[data-theme=dark] .modal-header{border-bottom-color:#374151}[data-theme=dark] .modal-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .vehicle-item{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .vehicle-item:hover{background:#1e3a8a;border-color:#60a5fa}[data-theme=dark] .vehicle-item.selected{background:#1e40af;border-color:#60a5fa}[data-theme=dark] .selection-hint{background:#374151;color:#d1d5db}[data-theme=dark] .selection-date{color:#f3f4f6}[data-theme=dark] .vehicle-reg{color:#f9fafb}[data-theme=dark] .vehicle-details{color:#d1d5db}[data-theme=dark] .modal-close-btn,[data-theme=dark] .vehicle-meta{color:#9ca3af}[data-theme=dark] .modal-close-btn:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .btn-secondary{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .btn-secondary:hover{background:#4b5563}@media print{.desktop-recommendation-banner,.mobile-table-hint,.modal-overlay,.table-actions,.table-pagination,.vehicle-selection-modal{display:none}.mobile-table-cards .mobile-table-card{break-inside:avoid;margin-bottom:16px;page-break-inside:avoid}}.mobile-demo{margin:0 auto;max-width:1200px;padding:20px}.demo-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:32px;padding:24px}.demo-header h2{font-size:28px;margin:0 0 16px}.device-info{display:flex;flex-wrap:wrap;gap:24px}.device-info p{font-size:14px;margin:0;opacity:.9}.demo-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:24px}.demo-section h3{color:#374151;font-size:20px;margin:0 0 16px}.demo-section p{color:#6b7280;line-height:1.6;margin:0 0 20px}.demo-form{max-width:600px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-actions{gap:12px;margin-top:24px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s ease}.btn.primary{background:#3b82f6;color:#fff}.btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn.secondary:hover{background:#e5e7eb}.badge-demo{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.tips-list{display:flex;flex-direction:column;gap:16px}.tip{background:#f8f9fa;border-left:4px solid #3b82f6;border-radius:12px;line-height:1.5;padding:16px}.tip strong{color:#1e40af}@media (max-width:768px){.mobile-demo{padding:16px}.demo-header{padding:20px}.demo-header h2{font-size:24px}.device-info{flex-direction:column;gap:8px}.demo-section{margin-bottom:24px;padding:20px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.badge-demo{justify-content:center}}@media (max-width:480px){.demo-header,.demo-section{padding:16px}.demo-header h2{font-size:20px}.demo-section h3{font-size:18px}}[data-theme=dark] .demo-section{background:#1f2937;border-color:#374151}[data-theme=dark] .demo-section h3{color:#f9fafb}[data-theme=dark] .demo-section p{color:#d1d5db}[data-theme=dark] .form-group label{color:#f3f4f6}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .btn.secondary{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .btn.secondary:hover{background:#4b5563}[data-theme=dark] .tip{background:#374151;border-left-color:#60a5fa}[data-theme=dark] .tip strong{color:#93c5fd}:root{--bg:#fff;--card-bg:#fff;--primary:#3771cd;--accent:#3771cd;--sidebar-bg:#000;--sidebar-hover:#1a1a1a;--sidebar-active:#3771cd;--sidebar-text:#fff;--sidebar-text-muted:#fff;--shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--rounded:12px;--rounded-lg:16px;--text-dark:#000;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#000;--light-bg:#f8f9fa;--light-bg-alt:#fff;--white-bg:#fff;--white-bg-alt:#fff}[data-theme=dark]{--bg:#000;--card-bg:#0a0a0a;--primary:#000;--accent:#000;--shadow:0 20px 40px #000c;--text-dark:#fff;--text-muted:#888;--border:#0000004d;--bg-gradient-start:#000;--bg-gradient-mid:#0a0a0a;--bg-gradient-end:#000;--app-bg:radial-gradient(circle at top right,#0a0a0af2,#000000e6),linear-gradient(130deg,#00000014,#1a1a1a0d);--light-bg:#0a0a0acc;--light-bg-alt:#0a0a0ae6;--light-bg-hover:#141414e6;--white-bg:#0a0a0a;--white-bg-alt:#0f0f0f}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg);color:#000;color:var(--text-dark);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}@media (max-width:768px){body{-webkit-overflow-scrolling:touch;overflow-x:hidden;position:relative}}#root,.app-container{box-sizing:border-box;display:flex;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.app-container{position:relative}@media (max-width:768px){.app-container{flex-direction:column}}.sidebar{-webkit-overflow-scrolling:touch;border-right:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-width:260px;overflow-y:auto;padding:24px 16px;position:relative;transition:background .3s ease,border-color .3s ease,transform .3s ease;width:260px;z-index:100}.sidebar,[data-theme=dark] .sidebar{background:#073b6e}.sidebar-header{margin-bottom:32px;overflow:hidden;width:100%}.sidebar-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px;max-height:100px;max-width:100%}.sidebar-logo svg{flex-shrink:0;height:auto;max-height:100px;max-width:100%;width:auto}.sidebar-logo h2{color:#fff;color:var(--sidebar-text);font-size:18px;font-weight:600;margin:0}.sidebar-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:20px}.sidebar-info-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:14px;margin-bottom:16px;padding-bottom:16px}.sidebar-info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-info-icon{align-items:center;background:#00000026;background:var(--sidebar-icon-bg,#00000026);border-radius:8px;color:#3771cd;color:var(--primary);display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:36px;width:36px}.sidebar-info-icon svg{height:18px;width:18px}.sidebar-info-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.sidebar-info-label{color:#fff;color:var(--sidebar-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.sidebar-info-value{word-wrap:break-word;color:#fff;color:var(--sidebar-text);font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:break-word}.sidebar-nav{flex:1 1}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;color:var(--sidebar-text);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;line-height:1.5;margin-bottom:4px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-nav-item:hover{background:#1a1a1a;background:var(--sidebar-hover);color:#fff;color:var(--sidebar-text)}.sidebar-nav-item:active{transform:scale(.98)}.sidebar-nav-item.active{background:#3771cd;color:#fff;font-weight:600}.sidebar-nav-item svg{color:inherit;display:block;flex-shrink:0;height:20px;min-width:20px;width:20px}.sidebar-nav-item .sidebar-nav-pound-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:20px;justify-content:center;line-height:1;min-width:20px;width:20px}.sidebar-nav-item>span:not(.sidebar-nav-pound-icon){flex:1 1;line-height:1.5;min-width:0}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-submenu.submenu-open{max-height:200px}.sidebar-submenu-item{font-size:13px;padding-left:48px!important}.sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:24px}.sidebar-footer .sidebar-nav-item{justify-content:flex-start;margin-bottom:0;width:100%}.sidebar-footer-logout{border-top:1px solid #ffffff1f;margin-top:28px;padding-top:24px}.sidebar-logout-wrap{display:flex;flex-direction:column;gap:4px}.sidebar-version{color:#fff;display:block;font-size:14px;font-weight:600;opacity:.6;text-align:center;width:100%}.main-content{-webkit-overflow-scrolling:touch;background:#fff;background:var(--bg);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;overflow-y:auto}@media (max-width:768px){.main-content{overflow-x:hidden;width:100%}}.main-header{align-items:center;background:#073b6e;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,border-color .3s ease;z-index:10}.main-header h1{color:#fff;color:var(--sidebar-text);font-size:24px;font-weight:600;margin:0}.main-header .secondary-btn{background:#000;background:var(--sidebar-bg);border:1px solid #ffffff1a;color:#fff;color:var(--sidebar-text)}.main-header .secondary-btn:hover{background:#1a1a1a;background:var(--sidebar-hover);border-color:#fff3}.main-header .hero-button.hero-primary,.main-header .hero-button.hero-primary:hover{background:#3771cd;border-color:#3771cd;color:#fff}.main-header .hero-button.hero-primary:hover{box-shadow:0 4px 12px #0000004d;opacity:.9}@media (max-width:1200px){.main-header{padding:18px 28px}}@media (max-width:1024px){.main-header{gap:12px;padding:16px 24px}}@media (max-width:768px){.main-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#073b6e;gap:10px;justify-content:space-between;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.main-header h1{font-size:20px}}@media (max-width:480px){.main-header{gap:8px;padding:12px 16px}.main-header h1{font-size:18px}}.app-shell{box-sizing:border-box;flex:1 1;max-width:100%;overflow-x:hidden;padding:32px 48px 60px;width:100%}@media (max-width:1400px){.app-shell{padding:28px 40px 50px}}@media (max-width:1200px){.app-shell{padding:24px 32px 40px}}@media (max-width:1024px){.app-shell{padding:20px 24px 32px}}.metric-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.metric-card{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--rounded-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow);padding:24px;transition:all .2s ease}.metric-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.metric-card-title{font-size:14px;font-weight:500;margin:0}.metric-card-menu,.metric-card-title{color:#64748b;color:var(--text-muted)}.metric-card-menu{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.metric-card-menu:hover{background:#f8f9fa;background:var(--light-bg);color:#000;color:var(--text-dark)}.metric-card-value{color:#000;color:var(--text-dark);font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px}.metric-card-trend{align-items:center;display:flex;font-size:14px;font-weight:500;gap:4px}.metric-card-trend.positive{color:#10b981;color:var(--success)}.metric-card-trend.negative{color:#ef4444;color:var(--error)}.metric-card-trend svg{height:16px;width:16px}.secondary-btn{align-items:center;background:var(--card-bg);border-radius:var(--rounded);display:inline-flex;font-family:inherit;font-weight:500;gap:8px;padding:10px 16px}.secondary-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.app-shell{overflow-x:hidden;padding:16px 20px 24px;width:100%}}@media (max-width:480px){.app-shell{padding:12px 16px 20px}}.page-content{box-sizing:border-box;display:none;max-width:100%;overflow-x:hidden;width:100%}.page-content.active{display:block;width:100%}.page-content>*{box-sizing:border-box;max-width:100%;width:100%}.vehicle-tabs{border-bottom:2px solid #0000001a;display:flex;gap:12px;margin-bottom:24px;padding-bottom:0}.vehicle-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--text-muted);cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.vehicle-tab.active,.vehicle-tab:hover{color:#3771cd;color:var(--primary)}.vehicle-tab.active{border-bottom-color:#3771cd;border-bottom-color:var(--primary)}.vehicle-status-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.vehicle-status-tab{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#000;color:var(--text-dark);cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.vehicle-status-tab:hover{background:#0000001a;border-color:#0000004d;transform:translateY(-1px)}.vehicle-status-tab.active{background:#3771cd;background:var(--primary);border-color:#3771cd;border-color:var(--primary);box-shadow:0 2px 8px #0003;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.sales-list{display:flex;flex-direction:column;gap:12px}.sales-list-item{grid-gap:12px;align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:grid;gap:12px;grid-template-columns:1fr;padding:16px 20px;transition:all .2s ease}.sales-list-item:hover{background:#f8f9fa;background:var(--light-bg);border-color:#0006;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.sales-list-reg{background:gold;border:2px solid #000;border-radius:8px;color:#000;font-size:14px;font-weight:700;letter-spacing:.1em;min-width:100px;padding:6px 12px;text-align:center}.sales-list-details{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr;min-width:0}.sales-list-vehicle{color:#000;color:var(--text-dark);font-size:15px;font-weight:600}.sales-list-summary{color:#64748b;color:var(--text-muted);font-size:13px}.sales-list-contact{color:#64748b;color:var(--text-muted);font-size:12px;margin-top:4px}.sales-list-cost{color:#000;color:var(--text-dark);font-weight:700;grid-column:1/-1;justify-self:start;white-space:nowrap}.sales-list-tags{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1}@media (max-width:768px){.sales-list-item{gap:12px;grid-template-columns:1fr}.sales-list-cost{text-align:left}}.mobile-menu-btn{align-items:center;background:#000;background:var(--sidebar-bg);border:1px solid #ffffff1a;border-radius:10px;color:#fff;color:var(--sidebar-text);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.mobile-menu-btn:hover{background:#1a1a1a;background:var(--sidebar-hover);border-color:#fff3}.mobile-menu-btn svg{height:24px;width:24px}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:998}.sidebar-overlay.active{display:block;opacity:1;pointer-events:all}.sidebar-close-btn{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#000;color:var(--text-dark);cursor:pointer;display:none;height:44px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:all .2s ease;width:44px;z-index:10}.sidebar-close-btn:hover{background:#0000001a;border-color:#0000004d}.sidebar-close-btn svg{height:20px;width:20px}@media (max-width:768px){.mobile-menu-btn{display:flex}.sidebar{-webkit-overflow-scrolling:touch;border-right:none;bottom:0;box-shadow:2px 0 16px #0003;height:100vh;left:0;max-width:85vw;min-width:280px;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.sidebar.mobile-open{transform:translateX(0)}.sidebar-close-btn{display:flex}.sidebar-logo h2{font-size:16px}.sidebar-nav-item{font-size:14px;min-height:44px;padding:12px 16px}.main-header{gap:12px;padding:12px 16px}.app-shell{padding:16px}.hero-button,.primary-btn,.secondary-btn,.sidebar-nav-item,button{min-height:44px;min-width:44px}.hero-info h1{font-size:clamp(24px,5vw,32px)}.financial-value,.stage-card-count{font-size:28px}.chart-title{font-size:24px}.financial-overview{grid-template-columns:1fr}.stage-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.chart-container{gap:24px;grid-template-columns:1fr}.vehicle-controls{align-items:stretch;flex-direction:column}.hero-actions,.hero-button,.search-field{width:100%}}@media (max-width:480px){.app-shell{padding:12px}.main-header{padding:10px 12px}.sidebar{max-width:100%;width:100%}.stage-cards{grid-template-columns:1fr}.financial-card{padding:20px}.financial-icon{height:48px;width:48px}.financial-icon svg{height:24px;width:24px}.financial-value{font-size:24px}.chart-title{font-size:20px}.donut-chart-svg{height:240px;width:240px}.donut-center-value{font-size:36px}.bar-chart-label{font-size:12px;min-width:100px}.bar-chart-value{font-size:14px;min-width:50px}.vehicle-card-actions{gap:6px}.sales-deposit-btn,.sales-sold-btn{font-size:11px;padding:8px 10px}}.brand{align-items:center;display:flex;gap:18px}.brand-logo{flex:0 0 74px;height:74px;width:74px}.brand-logo svg{border-radius:50%;display:block;filter:drop-shadow(0 12px 22px rgba(0,45,90,.35));height:100%;width:100%}.brand-text h1{color:#0f2847;font-size:clamp(30px,4vw,40px);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brand-text span{color:#64748b;color:var(--text-muted);display:block;font-size:14px;font-weight:500;letter-spacing:.22em;margin-top:4px;text-transform:uppercase}.vehicle-header{align-items:flex-start;gap:24px}.vehicle-header>div:first-of-type{flex:1 1 320px}.footer-button,.footer-tag.is-active{background:#3771cd;background:var(--primary);color:#fff}.footer-button{border:none;border-radius:10px;cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;margin-top:8px;padding:10px 18px;transition:all .2s ease;width:100%}.footer-button:first-of-type{margin-top:0}.footer-button:hover{background:#3f63b8;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.weather{grid-gap:6px;background:#ffffff73;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff80;color:#64748b;color:var(--text-muted);display:grid;font-size:14px;gap:6px;padding:18px 26px;text-align:right}.controls{display:flex;gap:14px;margin-bottom:32px}.chip{background:#f1f4ff;border-radius:8px;color:#3771cd;color:var(--primary);font-size:14px;font-weight:500;padding:12px 20px}.main-grid{grid-gap:30px;display:grid;gap:30px}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));overflow-x:hidden;width:100%}.graph-card{grid-gap:22px;background:#fff;background:var(--card-bg);border:1px solid #f0f4ffb3;border-radius:28px;box-shadow:0 12px 30px #1b2c5714;display:grid;gap:22px;padding:26px 28px 32px}.graph-header{align-items:flex-end;display:flex;gap:18px;justify-content:space-between}.graph-header h3{font-size:20px;font-weight:600}.graph-meta{color:#64748b;color:var(--text-muted);font-size:14px;margin-top:4px}.status-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.status-card{grid-gap:12px;background:#f8f9fa;background:var(--light-bg);border:1px solid #0000002e;border-radius:20px;cursor:pointer;display:grid;gap:12px;padding:18px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.status-card:hover{border-color:#00000052;box-shadow:0 12px 24px #0000002e;transform:translateY(-4px)}.status-card.is-active{background:#f1f4ffeb;border-color:#00000073;box-shadow:0 16px 28px #00000038}.status-card-count{color:#000;color:var(--text-dark);font-size:32px;font-weight:700;letter-spacing:-.02em}.status-card-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.status-card-bottom{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between}.status-card-progress{background:#0000001f;border-radius:8px;height:8px;overflow:hidden;position:relative;width:100%}.status-card-progress:after{background:#3771cd;background:var(--progress-gradient,var(--primary));border-radius:inherit;content:"";inset:0;position:absolute;transition:width .35s ease;width:0;width:var(--progress,0)}.metric-card{grid-gap:16px;background:#fff;background:var(--card-bg);border:1px solid #f0f4ffb3;border-radius:28px;box-shadow:0 12px 30px #1b2c5714;display:grid;gap:16px;padding:24px 28px;position:relative}.metric-card--link{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metric-card--link:hover{border-color:#0003;box-shadow:0 16px 36px #00000040;transform:translateY(-4px)}.metric-title{color:#000;color:var(--text-dark);font-size:18px;font-weight:600}.metric-value{align-items:baseline;display:flex;gap:12px}.metric-value span{color:#3771cd;color:var(--primary);font-size:42px;font-weight:700}.metric-target{color:#3771cd;color:var(--accent);font-size:14px;font-weight:600}.vehicle-area{background:#fff;background:var(--card-bg);border:1px solid #ecf1ffcc;border-radius:28px;box-shadow:0 12px 30px #1b2c5714;padding:34px;position:relative}.vehicle-inner{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.vehicle-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.vehicle-header>div:first-of-type{flex:1 1 260px}.vehicle-area h2{font-size:26px;margin-bottom:6px}.vehicle-subtitle{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:500;letter-spacing:.14em;margin-top:6px;text-transform:uppercase}.vehicle-content{grid-gap:24px;gap:24px}.vehicle-content,.vehicle-grid{display:grid;overflow-x:hidden;width:100%}.vehicle-grid{grid-gap:18px;align-items:stretch;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:1400px){.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.vehicle-grid{grid-template-columns:1fr}}.vehicle-columns{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));overflow-x:hidden;width:100%}@media (max-width:1400px){.vehicle-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.vehicle-column{background:#f8f9fa;background:var(--light-bg);border:1px solid #00000029;border-radius:22px;display:flex;flex-direction:column;gap:16px;max-width:100%;min-width:0;padding:20px 18px}.vehicle-column-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.vehicle-column-title{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.vehicle-column-count{font-size:12px;font-weight:500}.vehicle-column-body{grid-gap:10px;display:grid;gap:10px;min-width:0;width:100%}.vehicle-column-empty{background:#00000014;border-radius:12px;color:#64748b;color:var(--text-muted);font-size:12px;padding:12px;text-align:center}.vehicle-card{grid-gap:6px;word-wrap:break-word;background:#ffffffe0;border:1px solid #00000024;border-radius:16px;cursor:pointer;display:grid;gap:6px;max-width:100%;min-width:0;overflow-wrap:break-word;padding:12px 14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.vehicle-card:hover{border-color:#0000004d;box-shadow:0 12px 24px #0000002e;transform:translateY(-2px)}.vehicle-card.is-active{background:#f1f4fff2;border-color:#00000080;box-shadow:0 14px 28px #0000003d}.vehicle-card-reg{background:gold;border:2px solid #000;border-radius:8px;color:#000;font-family:Rubik,sans-serif;font-size:12px;font-weight:700;justify-self:start;letter-spacing:.15em;max-width:100%;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.vehicle-card-title{color:#000;color:var(--text-dark);font-size:13px;font-weight:600;line-height:1.3}.vehicle-card-meta{color:#64748b;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:6px;line-height:1.4}.vehicle-card-meta span:before{color:#0000004d;content:"•";margin:0 6px}.vehicle-card-meta span:first-child:before{content:"";margin:0}.vehicle-card-tags{display:flex;flex-wrap:wrap;gap:6px}.vehicle-card-checkbox{margin-bottom:4px;margin-top:4px}.awaiting-parts-checkbox{align-items:center;color:#000;color:var(--text-dark);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.awaiting-parts-checkbox input[type=checkbox]{accent-color:#d9792e;cursor:pointer;height:16px;margin:0;width:16px}.awaiting-parts-checkbox input[type=checkbox]:checked{accent-color:#d9792e}.awaiting-parts-checkbox span{color:#000;color:var(--text-dark);font-size:12px}.vehicle-card-print-btn{background:#0000001f;border:1px solid #0003;border-radius:8px;color:#3771cd;color:var(--primary);cursor:pointer;font-family:Rubik,sans-serif;font-size:12px;font-weight:600;margin-top:8px;padding:6px 12px;transition:all .2s ease;width:100%}.vehicle-card-print-btn:hover{background:#0003;border-color:#0006;transform:translateY(-1px)}.vehicle-card-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;width:100%}.mot-fail-btn{background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:Rubik,sans-serif;font-size:13px;font-weight:600;min-width:0;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.mot-fail-btn:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.mot-actions{align-items:center;display:flex;gap:6px}.mot-new-btn{background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:Rubik,sans-serif;font-size:13px;font-weight:600;min-width:0;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.mot-new-btn:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.sales-actions{align-items:center;gap:6px}.sales-sold-btn{background:#10b981;border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;flex:0 1 auto;font-family:Rubik,sans-serif;font-size:13px;font-weight:600;max-width:calc(50% - 3px);min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.sales-sold-btn:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.sales-deposit-btn{background:#f59e0b;border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;flex:0 1 auto;font-family:Rubik,sans-serif;font-size:13px;font-weight:600;max-width:calc(50% - 3px);min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.sales-deposit-btn:hover{background:#d97706;box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.vehicle-delete-btn{background:#ef4444;border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;flex:0 1 auto;font-family:Rubik,sans-serif;font-size:13px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.vehicle-delete-btn:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.archive-btn{background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.archive-btn:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.vehicle-tag{align-items:center;background:#0000001f;border-radius:8px;color:#3f63b8;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.06em;padding:4px 8px;text-transform:uppercase}.vehicle-tag:before{background:currentColor;border-radius:50%;content:"";height:4px;width:4px}.vehicle-tag--success{background:#27926829;color:#279268}.vehicle-tag--danger{background:#ef5b702e;color:#cf3c5a}.vehicle-tag--warning{background:#ffa84c33;color:#d9792e}.vehicle-status-chip{align-items:center;background:#00000026;border-radius:8px;color:#3f63b8;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase}.vehicle-status-chip:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.stage-pill{align-items:center;background:#0000002e;border-radius:8px;color:#3f63b8;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.08em;margin-top:8px;padding:4px 10px;text-transform:uppercase}.stage-pill:before{background:currentColor;border-radius:50%;content:"";height:8px;opacity:.75;width:8px}.stage-value{align-items:center;display:flex}.stage-pill--detail{font-size:13px;margin-top:0;padding:8px 16px}.book-btn{background:#3771cd;background:var(--primary);border:none;border-radius:8px;box-shadow:0 15px 30px #00000047;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease}.book-btn:hover{box-shadow:0 20px 36px #00000057;transform:translateY(-2px)}.vehicle-controls{align-items:center;display:flex;flex:1 1 320px;flex-wrap:wrap;gap:16px;justify-content:flex-end}.search-field{align-items:center;background:#f1f4ffb3;border:1px solid #0000002e;border-radius:18px;display:flex;flex:1 1 260px;gap:12px;padding:12px 18px;transition:border-color .2s ease,box-shadow .2s ease}.search-field:focus-within{background:#fffffff2;border-color:#0000008c;box-shadow:0 0 0 4px #0000001f}.search-field input{background:#0000;border:none;color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:15px;outline:none;width:100%}.view-toggle{background:#f1f4ffb3;border:1px solid #0000002e;border-radius:8px;display:inline-flex;gap:6px;padding:6px}.toggle-btn{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.toggle-btn.is-active{background:#3771cd;background:var(--primary);box-shadow:0 10px 20px #00000040;color:#fff}.badge-stack{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.details-panel{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto}.details-header{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:flex-start;margin-bottom:8px}.vehicle-detail-dialog h3{background:gold;border:2px solid #000;border-radius:8px;color:#000;display:inline-block;flex-shrink:0;font-size:20px;font-weight:700;letter-spacing:.15em;margin:0 60px 0 0;padding:8px 16px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.pill{align-items:center;background:#56c59626;border-radius:8px;color:#2b9f74;display:inline-flex;font-size:13px;font-weight:600;padding:8px 14px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-summary{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;color:#000;color:var(--text-dark);font-size:14px;line-height:1.5;margin-top:4px;padding:12px 14px}.detail-card,.detail-summary{background:#f8f9fa;background:var(--light-bg)}.detail-card{border:1px solid #0003;border-radius:12px;padding:10px 12px}.detail-card--mot-booked{background:color-mix(in srgb,#3771cd 8%,#f8f9fa);background:color-mix(in srgb,var(--primary) 8%,var(--light-bg));border-color:#3771cd;border-color:var(--primary);border-width:2px;box-shadow:0 0 0 1px color-mix(in srgb,#3771cd 15%);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 15%)}.detail-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.12em;margin-bottom:4px;text-transform:uppercase}.detail-input,.detail-value{color:#000;color:var(--text-dark);font-size:14px;font-weight:500}.detail-input{background:#0000;border:none;cursor:text;font-family:inherit;outline:none;padding:0;transition:all .2s ease;width:100%}.detail-input:hover{background:#00000005;border-radius:4px;padding:2px 4px}.detail-input:focus{background:#fffc;border:1px solid #3771cd!important;border:1px solid var(--primary)!important;border-radius:6px;outline:none;padding:4px 8px}.detail-input::placeholder{color:#64748b;color:var(--text-muted);opacity:.6}.detail-input[type=date]{color:#000;color:var(--text-dark)}.detail-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.detail-input[type=date]:focus::-webkit-calendar-picker-indicator{opacity:1}.detail-input[type=number]{-moz-appearance:textfield}.detail-input[type=number]::-webkit-inner-spin-button,.detail-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}textarea.detail-input{padding:8px 12px;resize:vertical}textarea.detail-input:focus{padding:12px}.parts-flag{align-items:center;border-radius:8px;display:inline-flex;font-weight:600;gap:8px;margin-top:8px;padding:8px 12px}.parts-flag--yes{background:#ff626226;color:#d95858}.parts-flag--no{background:#56c5962e;color:#279268}.filter-chip{align-items:center;background:#0000001f;border-radius:8px;color:#64748b;color:var(--text-muted);display:inline-flex;font-size:13px;font-weight:600;gap:12px;margin-bottom:8px;padding:10px 16px}.filter-chip[hidden]{display:none}.filter-chip button{background:none;border:none;color:#3771cd;color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;padding:0}.filter-chip button:hover{text-decoration:underline}.empty-state{background:#fff;background:var(--light-bg-alt);border-radius:18px;color:#64748b;color:var(--text-muted);font-weight:500;padding:32px 24px;text-align:center}.notes-area{grid-gap:6px;display:grid;gap:6px;margin-top:0}.notes-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.notes-box{background:#f8f9fa;background:var(--light-bg);border:1px solid #0003;border-radius:12px;font-family:Rubik,sans-serif;font-size:14px;min-height:60px;padding:8px 12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.notes-box:focus{background:#fff;background:var(--white-bg-alt);border-color:#0009;box-shadow:0 0 0 4px #00000026;outline:none}.deal-timeline-section{margin-bottom:24px;margin-top:24px}.deal-timeline{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #0003;border-radius:12px;display:flex;flex-wrap:wrap;gap:0;padding:16px}.deal-timeline-stage{border-radius:8px;font-size:13px;min-width:100px;padding:8px 16px;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.deal-timeline-stage.clickable:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.deal-timeline-connector{height:2px;margin:0 8px;transition:background-color .2s;width:40px}@media (max-width:768px){.deal-timeline{align-items:stretch;flex-direction:column}.deal-timeline-connector{height:20px;margin:4px 0;width:2px}.deal-timeline-stage{width:100%}}.checklist{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}.check-item{align-items:center;background:#f1f4ff8c;border:1px solid #0000002e;border-radius:12px;color:#000;color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;position:relative;-webkit-user-select:none;user-select:none;z-index:1}.check-item input{accent-color:#3771cd;accent-color:var(--primary);height:20px;width:20px}.images-section{background:#f1f4ff66;border:1px solid #00000026;border-radius:12px;margin-top:16px;padding:16px}.images-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.images-label{color:#000;color:var(--text-dark);font-size:14px;font-weight:600}.upload-image-btn{align-items:center;background:#3771cd;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:10px 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.upload-image-btn:hover{background:#3f7ae0;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.upload-image-btn:active{transform:translateY(0)}.upload-image-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.images-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px}.image-item{aspect-ratio:1;background:#fff;background:var(--card-bg);border:1px solid #0003;border-radius:12px;overflow:hidden;position:relative}.gallery-image{display:block;height:100%;object-fit:cover;width:100%}.delete-image-btn{align-items:center;background:#ef5b70e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:background .2s ease,transform .2s ease;width:28px}.delete-image-btn:hover{background:#cf3c5a;transform:scale(1.1)}.delete-image-btn:active{transform:scale(.95)}.no-images-message{color:#64748b;color:var(--text-muted);font-size:14px;font-style:italic;padding:24px;text-align:center}.listings-section{background:#f1f4ff66;border:1px solid #00000026;border-radius:12px;margin-top:16px;padding:16px}.listings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.listings-label{color:#000;color:var(--text-dark);font-size:14px;font-weight:600}.manage-listings-btn{align-items:center;background:#3771cd;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:10px 18px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.manage-listings-btn:hover{background:#3f7ae0;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.manage-listings-btn:active{transform:translateY(0)}.listings-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:12px}.listing-item{background:#fff;background:var(--card-bg);border:1px solid #0003;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.listing-platform-name{color:#000;color:var(--text-dark);font-size:14px;font-weight:600}.listing-link{color:#3771cd;color:var(--primary);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.listing-link:hover{color:#3f7ae0;text-decoration:underline}.no-listings-message{color:#64748b;color:var(--text-muted);font-size:14px;font-style:italic;padding:24px;text-align:center}@media (max-width:768px){.images-gallery{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.images-header{align-items:flex-start;flex-direction:column;gap:12px}.upload-image-btn{justify-content:center;width:100%}.listings-gallery{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.listings-header{align-items:flex-start;flex-direction:column;gap:12px}.manage-listings-btn{justify-content:center;width:100%}}.cost-display{align-items:center;display:flex;gap:12px}.inline-link{background:none;border:none;color:#3771cd;color:var(--primary);cursor:pointer;font-size:13px;font-weight:600;padding:0}.inline-link:hover{text-decoration:underline}.stage-select{background:#f8f9fa;background:var(--light-bg);border:1px solid #0003;border-radius:12px;color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:14px;font-weight:500;padding:8px 12px;width:100%}.stage-select:focus{background:#fffffff5;border-color:#0000008c;box-shadow:0 0 0 4px #0000001f;outline:none}.detail-actions{border-top:1px solid #0000001a;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:8px}.dashboard-hero{align-items:center;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;margin-bottom:32px}.hero-info{grid-gap:12px;display:grid;flex:1 1 420px;gap:12px}.hero-info h1{color:#000;color:var(--text-dark);font-size:clamp(28px,4vw,36px);font-weight:600;letter-spacing:-.01em}.hero-info p{color:#64748b;color:var(--text-muted);font-size:15px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px}.hero-badge{background:#0000001f;border-radius:8px;color:#3771cd;color:var(--primary);font-size:13px;font-weight:600;padding:8px 14px}.financial-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.financial-card{word-wrap:break-word;align-items:flex-start;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:flex;gap:20px;min-width:0;overflow:hidden;overflow-wrap:break-word;padding:24px;position:relative;transition:all .3s ease}.financial-card:before{background:#3771cd;background:var(--primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.financial-card:hover{border-color:#0000004d;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.financial-card:hover:before{transform:scaleX(1)}.financial-billed:before{background:#000}.financial-received:before{background:#10b981}.financial-outstanding:before{background:#f59e0b}.financial-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.financial-billed .financial-icon{background:#0000001f;color:#000}.financial-received .financial-icon{background:#10b9811f;color:#10b981}.financial-outstanding .financial-icon{background:#f59e0b1f;color:#f59e0b}.financial-icon svg{height:28px;width:28px}.financial-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.financial-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.03em;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.financial-value{word-wrap:break-word;color:#000;color:var(--text-dark);font-family:Courier New,monospace;font-size:clamp(16px,2.5vw,22px);font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;overflow-wrap:break-word}.financial-billed .financial-value{color:#000}.financial-received .financial-value{color:#10b981}.financial-outstanding .financial-value{color:#f59e0b}.financial-subtitle{word-wrap:break-word;color:#64748b;color:var(--text-muted);font-size:12px;margin-top:4px;max-width:100%;overflow-wrap:break-word}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.hero-button{background:#ffffffe6;border:1px solid #0003;border-radius:8px;color:#3771cd;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .25s ease}.hero-button:hover{box-shadow:0 12px 24px #00000038;transform:translateY(-2px)}.hero-button.hero-primary{background:#3771cd;border-color:#3771cd;color:#fff}.nav-tabs{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #0003;border-radius:12px;display:flex;gap:0;padding:4px}.nav-tab{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;position:relative;transition:all .2s ease}.nav-tab:hover{background:#0000001a;color:#3771cd;color:var(--primary)}.nav-tab.active{background:#3771cd;background:var(--primary);color:#fff}.stage-cards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:28px;overflow-x:hidden;width:100%}.stage-cards:before{animation:gradient-flow 4s ease infinite;background:linear-gradient(90deg,#000c,#93c5fdcc 25%,#000c 50%,#93c5fdcc 75%,#000c);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes gradient-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.stage-card{grid-gap:12px;background:#fff;background:var(--light-bg-alt);border:1px solid #00000029;border-radius:20px;display:grid;gap:12px;max-width:100%;min-width:0;overflow:hidden;padding:18px 20px;position:relative}.stage-card:after{background:#000;background:var(--progress-gradient,#000);content:"";inset:0;opacity:.08;position:absolute}.stage-card-label{font-size:12px;font-weight:600;letter-spacing:.18em;position:relative;text-transform:uppercase;z-index:2}.stage-card-count{color:#000;color:var(--text-dark);font-size:32px;font-weight:700;position:relative;z-index:2}.stage-card-subtext{color:#64748b;color:var(--text-muted);font-size:12px;position:relative;z-index:2}.chart-container{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}@media (max-width:968px){.chart-container{grid-template-columns:1fr}}.chart-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.chart-title-section{flex:1 1}.chart-title{color:#000;color:var(--text-dark);font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 8px}.chart-subtitle{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:500;margin:0}.chart-total-card{align-items:flex-end;background:linear-gradient(135deg,#00000014,#93c5fd14);border:1px solid #0000001f;border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:16px 24px}.chart-total-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.chart-total-value{color:#3771cd;color:var(--primary);font-size:32px;font-weight:800;line-height:1}.donut-chart-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:320px;padding:20px}.donut-chart-svg{height:280px;transform:rotate(-90deg);width:280px}.donut-segment{transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes donut-appear{0%{opacity:0}to{opacity:1}}.donut-chart-center{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;position:absolute}.donut-center-value{color:#000;color:var(--text-dark);font-size:48px;font-weight:800;line-height:1}.donut-center-label{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:600;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.bar-chart-container{display:flex;flex-direction:column;gap:20px;padding:20px 0}.bar-chart-item{align-items:center;display:flex;gap:16px}.bar-chart-label{align-items:center;color:#000;color:var(--text-dark);display:flex;font-size:13px;font-weight:600;gap:8px;min-width:120px}.bar-chart-label-icon{align-items:center;display:flex;height:20px;justify-content:center;opacity:.7;width:20px}.bar-chart-label-icon svg{stroke:currentColor;height:16px;width:16px}.bar-chart-wrapper{align-items:center;display:flex;flex:1 1;gap:12px}.bar-chart-bar{background:#00000014;flex:1 1;height:40px;min-width:0;overflow:hidden}.bar-chart-bar,.bar-chart-fill{border-radius:20px;position:relative}.bar-chart-fill{align-items:center;background:#000;background:var(--progress-gradient,#000);box-shadow:0 2px 8px #00000040;display:flex;height:100%;justify-content:flex-end;padding-right:12px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.bar-chart-fill-text{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px #0003}.bar-chart-value{color:#000;color:var(--text-dark);font-size:16px;font-weight:700;min-width:60px;text-align:right}.bar-chart-percent{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600;min-width:50px;text-align:right}.chart-legend{border-top:1px solid #0000001a;display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:24px}.legend-item{align-items:center;background:#fff9;border:1px solid #0000001a;border-radius:12px;display:flex;gap:8px;padding:8px 12px}.legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.legend-label{color:#000;color:var(--text-dark);font-size:12px;font-weight:600}.legend-value{color:#3771cd;color:var(--primary);font-size:12px;font-weight:700;margin-left:4px}.swimlanes{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(5,1fr);overflow-x:auto;width:100%}@media (max-width:1400px){.swimlanes{grid-template-columns:repeat(5,1fr);min-width:1200px}}.swimlane{background:#f8f9fa;background:var(--light-bg);border:1px solid #00000029;border-radius:22px;display:flex;flex-direction:column;gap:16px;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 200px);max-width:100%;min-width:0;overflow:hidden;padding:20px 18px}.swimlane-header{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between}.swimlane-title{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.swimlane-count{font-size:12px;font-weight:500}.swimlane-body{grid-gap:10px;display:grid;flex:1 1;gap:10px;max-height:calc(100vh - 280px);min-width:0;overflow-x:hidden;overflow-y:auto;width:100%}.swimlane-empty{background:#00000014;border-radius:12px;color:#64748b;color:var(--text-muted);font-size:12px;padding:12px;text-align:center}.dashboard-footer{grid-gap:24px;background:#f1f4ffbf;border:1px solid #0000001f;border-radius:26px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:40px;overflow-x:hidden;padding:28px 34px;width:100%}.footer-block h4{color:#64748b;color:var(--text-muted);font-size:13px;letter-spacing:.18em;margin-bottom:8px;text-transform:uppercase}.footer-block p{color:#000;color:var(--text-dark);font-size:15px;margin-bottom:12px}.footer-tags{display:flex;flex-wrap:wrap;gap:8px}.footer-tag{background:#0000001f;border-radius:8px;color:#3771cd;color:var(--primary);font-size:12px;font-weight:600;padding:6px 10px}.modal-backdrop{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f183073;display:none;left:260px;padding:80px 20px 20px;z-index:1000}.modal-backdrop[style*="display: flex"]{display:flex!important}.modal{background:#fff!important;background:var(--white-bg-alt)!important;border:1px solid #0000002e;border-radius:26px;box-shadow:0 30px 60px #09163647;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-height:calc(100vh - 100px);max-width:min(1100px,100%);overflow-y:auto;padding:24px 32px 28px;position:relative;width:100%}.modal-form{grid-gap:12px;display:grid;gap:12px}.modal h3{flex-shrink:0;font-size:20px;font-weight:600;margin:0;padding-bottom:2px}.modal-steps{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}.modal-step-indicator{align-items:center;background:#0000001f;border-radius:18px;color:#64748b;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;gap:10px;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.modal-step-indicator .step-number{background:#0003;border-radius:50%;color:#3771cd;color:var(--primary);display:grid;font-size:14px;height:28px;place-items:center;width:28px}.modal-step-indicator.is-active{background:#00000038;color:#3771cd;color:var(--primary)}.modal-step-indicator.is-active .step-number{background:#3771cd;background:var(--primary);color:#fff}.modal-step-indicator.is-complete{background:#00000029;color:#3771cd;color:var(--primary);opacity:.9}.modal-step-indicator.is-complete .step-number{background:#000000a6;color:#fff}.modal-step{display:none;gap:18px}.modal-step.is-active{grid-gap:18px;display:grid;gap:18px}.wizard-actions{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:12px}.wizard-nav{display:flex;gap:12px}.wizard-nav button[hidden]{display:none}.modal-close{background:#0000001f;border-radius:50%;color:#3771cd;color:var(--primary);font-size:18px;height:36px;right:18px;top:18px;width:36px}.vehicle-detail-modal{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f183073;bottom:0;display:none;justify-content:center;left:260px;overflow-y:auto;padding:80px 20px 20px;position:fixed;right:0;top:0;z-index:1000}.vehicle-detail-modal.is-open{display:flex!important}.vehicle-detail-modal:not(.is-open){display:none!important}.vehicle-detail-dialog{background:#fff!important;background:var(--white-bg-alt)!important;border:1px solid #0000002e;border-radius:26px;box-shadow:0 30px 60px #09163647;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-height:calc(100vh - 100px);max-width:min(1100px,100%);overflow-y:auto;padding:50px 32px 28px;position:relative;width:100%}.vehicle-detail-modal .modal-close{background:#0000001f;color:#3771cd;color:var(--primary);position:absolute;right:18px;top:18px;z-index:100}.listing-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1830a6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.listing-modal{background:#fff;background:var(--white-bg-alt);border:1px solid #0000002e;border-radius:20px;box-shadow:0 30px 60px #09163659;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:100%}.listing-modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.listing-modal-header h3{color:#000;color:var(--text-dark);font-size:20px;font-weight:600;margin:0}.listing-modal-close{align-items:center;background:#0000001f;border:none;border-radius:50%;color:#3771cd;color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;position:relative;transition:background .2s ease;width:32px}.listing-modal-close:hover{background:#0000002e}.listing-modal-body{flex:1 1;overflow-y:auto;padding:24px 28px}.listing-modal-header-section{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.listing-modal-subtitle{color:#64748b;color:var(--text-muted);flex:1 1;font-size:14px;margin:0}.listing-modal-footer{border-top:1px solid #0000001a;display:flex;flex-shrink:0;justify-content:flex-end;padding:20px 28px}.add-platform-btn{align-items:center;background:#3771cd;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:10px 18px;transition:background .2s ease,transform .2s ease;white-space:nowrap}.add-platform-btn:hover{background:#3f7ae0;transform:translateY(-1px)}.add-platform-btn:active{transform:translateY(0)}.add-platform-section{background:#00000005;border:1px solid #0000001a;border-radius:12px;margin-bottom:20px;padding:16px}.new-platform-input{background:#fff;background:var(--card-bg);border:1px solid #0003;border-radius:12px;color:#000;color:var(--text-dark);font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px 16px;width:100%}.new-platform-input:focus{border-color:#3771cd;border-color:var(--primary);box-shadow:0 0 0 3px #3771cd1a;outline:none}.add-platform-actions{display:flex;gap:10px;justify-content:flex-end}.add-platform-cancel,.add-platform-save{border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-platform-save{background:#3771cd;background:var(--primary);color:#fff}.add-platform-save:hover{background:#3f7ae0}.add-platform-cancel{background:#00000014;color:#000;color:var(--text-dark)}.add-platform-cancel:hover{background:#0000001f}.listing-platform{background:#fff;background:var(--card-bg);border:1px solid #0000001a;border-radius:12px;margin-bottom:20px;padding:16px}.listing-platform-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.listing-platform-actions{align-items:center;display:flex;gap:8px}.listing-visit-link{color:#3771cd;color:var(--primary);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.listing-visit-link:hover{color:#3f7ae0;text-decoration:underline}.remove-platform-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:background .2s ease;width:24px}.remove-platform-btn:hover{background:#ef444433}.listing-input{background:#fff;background:var(--card-bg);border:1px solid #0003;border-radius:12px;color:#000;color:var(--text-dark);font-family:inherit;font-size:14px;padding:12px 16px;width:100%}.listing-input:focus{border-color:#3771cd;border-color:var(--primary);box-shadow:0 0 0 3px #3771cd1a;outline:none}.listing-done-btn{background:#3771cd;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:background .2s ease,transform .2s ease}.listing-done-btn:hover{background:#3f7ae0;transform:translateY(-1px)}.listing-done-btn:active{transform:translateY(0)}@media (max-width:768px){.modal-backdrop{left:0;padding:70px 10px 10px}.modal{max-height:calc(100vh - 80px)}.settings-modal{left:0;padding:70px 10px 10px}.settings-content{max-height:calc(100vh - 80px)}.vehicle-detail-modal{left:0;padding:70px 10px 10px}.vehicle-detail-dialog{border-radius:20px;margin:0;max-height:calc(100vh - 80px);max-width:100%;padding:50px 16px 24px;width:100%}.vehicle-detail-dialog h3{margin-right:50px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.sales-detail-layout{gap:20px!important;grid-template-columns:1fr!important}.sales-detail-layout>div:last-child{position:relative!important;top:0!important}.modal{border-radius:20px;margin:10px;padding:20px 16px 24px;width:95%}.modal h3{font-size:18px}.modal-steps{flex-direction:column;gap:8px}.modal-step-indicator{width:100%}.wizard-actions{flex-direction:column-reverse;gap:12px}.wizard-nav{flex-direction:column;width:100%}.wizard-nav button{width:100%}.form-actions{flex-direction:column-reverse;gap:12px}.form-actions button{width:100%}.detail-actions{flex-direction:column-reverse;gap:12px}.detail-actions button{width:100%}.listing-modal-overlay{padding:10px}.listing-modal{border-radius:16px;max-height:calc(100vh - 20px);max-width:100%}.listing-modal-header{padding:20px}.listing-modal-header h3{font-size:18px}.listing-modal-body{padding:20px}.listing-modal-header-section{flex-direction:column;gap:12px}.listing-modal-footer{padding:16px 20px}.add-platform-btn{justify-content:center;width:100%}.add-platform-actions{flex-direction:column}.add-platform-cancel,.add-platform-save{width:100%}.listing-platform-header{align-items:flex-start;flex-direction:column;gap:8px}.listing-platform-actions{justify-content:flex-start;width:100%}}.form-row{grid-gap:8px;display:grid;gap:8px;margin-bottom:4px}.form-row label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.12em;margin-bottom:0;text-transform:uppercase}.form-row.double{align-items:start;gap:12px;grid-template-columns:repeat(2,1fr)}.form-row.double>.form-row{grid-gap:8px;align-items:start;display:grid;gap:8px}.form-row.triple{gap:10px;grid-template-columns:repeat(3,1fr)}.input-group{align-items:flex-start;display:flex;gap:10px}.input-group .secondary-btn{flex-shrink:0;font-size:13px;padding:10px 16px;white-space:nowrap}#dvlaLookup{background:#073b6e!important;border-color:#073b6e!important;color:#fff!important}#dvlaLookup:hover{background:#052d52!important;border-color:#052d52!important;opacity:.9}#dvlaLookup:disabled{background:#073b6e!important;color:#fff!important;opacity:.5}.input-group input{flex:1 1}.form-input,.form-row input,.form-row select,.form-row textarea,.settings-input,.settings-select,.settings-textarea{-webkit-appearance:none;appearance:none;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:15px;min-height:44px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}@media (max-width:640px){.form-input,.form-row input,.form-row select,.form-row textarea,.settings-input,.settings-select,.settings-textarea{font-size:16px}}.form-row textarea,.settings-textarea{min-height:120px;resize:vertical}.form-input:focus,.form-row input:focus,.form-row select:focus,.form-row textarea:focus,.settings-input:focus,.settings-select:focus,.settings-textarea:focus{background:#fff;background:var(--white-bg);border-color:#3771cd;border-color:var(--primary);box-shadow:0 0 0 3px #0000001a}.form-input::placeholder,.form-row input::placeholder,.form-row textarea::placeholder,.settings-input::placeholder,.settings-textarea::placeholder{color:#64748b;color:var(--text-muted)}.form-check-group{display:flex;flex-wrap:wrap;gap:12px}.form-check{align-items:center;background:#f1f4ff8c;border:1px solid #0000002e;border-radius:12px;color:#000;color:var(--text-dark);display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.form-check input{accent-color:#3771cd;accent-color:var(--primary);height:18px;width:18px}.form-actions{border-top:1px solid #0000001a;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:8px}.login-btn,.primary-btn{background:#3771cd;background:var(--primary);border:none;border-radius:12px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.login-btn:hover,.primary-btn:hover{background:#3d7ae0;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.login-btn:active,.primary-btn:active{box-shadow:0 2px 6px #00000040;transform:translateY(0)}.secondary-btn{background:#0000001f;border:1px solid #0003;border-radius:12px;color:#3771cd;color:var(--primary);font-size:15px}.secondary-btn:hover{background:#0000002e;border-color:#0000004d;transform:translateY(-1px)}.secondary-btn:active{transform:translateY(0)}.dvla-status{color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.4;margin-top:4px}.dvla-status.success{color:#279268;font-weight:600}.dvla-status.error{color:#cf3c5a;font-weight:600}@media (max-width:900px){body{padding:24px}.app-shell{border-radius:26px;padding:32px}header{align-items:flex-start;flex-direction:column;gap:18px}.vehicle-controls{align-items:stretch;flex-direction:column}.vehicle-controls .book-btn{width:100%}}@media (max-width:600px){.app-shell{padding:16px 12px 32px}.controls{flex-wrap:wrap;gap:8px}.vehicle-area{border-radius:20px;padding:20px 16px}.detail-grid{gap:10px;grid-template-columns:1fr}.vehicle-header{gap:16px}.vehicle-column-header,.vehicle-header{align-items:flex-start;flex-direction:column}.vehicle-column-header{gap:10px}.vehicle-card-meta{flex-direction:column;gap:6px}.form-row.double,.form-row.triple{gap:12px;grid-template-columns:1fr}.input-group{flex-direction:column;gap:8px}.input-group .secondary-btn{width:100%}.nav-tabs{flex-wrap:wrap;gap:4px}.nav-tab{flex:1 1 auto;font-size:13px;min-width:calc(50% - 2px);padding:10px 12px}.vehicle-status-tabs{flex-wrap:wrap;gap:6px}.vehicle-status-tab{flex:1 1 auto;font-size:13px;min-width:calc(50% - 3px);padding:10px 14px}.vehicle-card-actions{flex-direction:column;gap:8px}.sales-deposit-btn,.sales-sold-btn{flex:1 1 100%;font-size:12px;max-width:100%;min-width:100%;padding:10px 12px;width:100%}.vehicle-tabs{flex-wrap:wrap;gap:8px}.vehicle-tab{flex:1 1 auto;font-size:13px;min-width:calc(50% - 4px);padding:10px 14px}.swimlanes,.vehicle-columns{grid-template-columns:1fr;min-width:0;overflow-x:visible}.dashboard-footer{grid-template-columns:1fr;padding:20px 16px}.footer-button,.hero-badges{width:100%}.hero-badge{flex:1 1 auto;text-align:center}.sales-list-item{padding:14px 16px}.sales-list-reg{font-size:13px;padding:5px 10px}.report-summary{grid-template-columns:repeat(2,1fr)}.report-vehicle-card{gap:12px;grid-template-columns:1fr}.report-vehicle-amount{text-align:left}.calendar-grid{gap:4px}.calendar-day{min-height:80px;padding:6px}.calendar-day.no-bookings{min-height:35px;padding:3px 4px}.calendar-day-number{font-size:12px}.calendar-vehicle{font-size:10px;padding:4px 6px}.calendar-vehicle-reg{font-size:11px;padding:3px 6px}.calendar-legend{gap:12px;margin-top:12px}.calendar-legend .legend-item{font-size:11px;gap:5px}.calendar-legend .legend-color{height:10px;width:10px}.invoice-details{gap:12px;grid-template-columns:1fr}.invoice-header{flex-direction:column;gap:16px}.invoice-date{text-align:left}.invoice-actions{flex-direction:column;gap:8px}.invoice-actions button{width:100%}.settings-grid{grid-template-columns:1fr}.settings-header{padding:20px 16px 16px}.settings-body{padding:20px 16px}.settings-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.settings-tab{flex-shrink:0;white-space:nowrap}}@media print{@page{size:A4;margin:15mm}body{background:#fff;font-size:10pt;padding:0}body.print-invoice .app-container>*{display:none!important}body.print-invoice .app-container>.modal-backdrop:has(.invoice-modal){align-items:flex-start;background:#fff;bottom:0;display:flex!important;justify-content:center;left:0;overflow:visible;padding:0;position:fixed;right:0;top:0}body.print-invoice .invoice-modal{box-shadow:none!important;height:auto!important;max-height:none!important}.app-shell{background:#fff;border-radius:0;box-shadow:none;max-width:100%;padding:0;width:100%}.calendar-modal,.controls,.dashboard-hero,.filter-chips,.hero-actions,.modal-backdrop,.stage-cards,.vehicle-card-actions,.vehicle-controls,.vehicle-detail-modal,button:not(.print-job-card),header{display:none!important}.print-job-cards-container{display:block}.print-job-card{grid-gap:8mm;background:#fff;border:2px solid #000;border-radius:8px;break-inside:avoid;display:grid;gap:8mm;grid-template-columns:1fr 1fr;margin-bottom:8mm;min-height:0;padding:12mm;page-break-inside:avoid}.print-job-card-header{align-items:flex-start;border-bottom:2px solid #000;display:flex;grid-column:1/-1;justify-content:space-between;margin-bottom:6mm;padding-bottom:6mm}.print-job-card-title{font-size:18pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.print-job-card-reg{background:gold;border:2px solid #000;border-radius:4mm;color:#000;display:inline-block;font-size:16pt;font-weight:700;letter-spacing:.15em;padding:4mm 6mm}.print-job-card-section{display:flex;flex-direction:column;gap:4mm}.print-job-card-label{color:#666;font-size:8pt;font-weight:600;letter-spacing:.1em;margin-bottom:2mm;text-transform:uppercase}.print-job-card-value{color:#000;font-size:11pt;font-weight:500;line-height:1.4}.print-job-card-notes,.print-job-card-summary{border-top:1px solid #ccc;grid-column:1/-1;margin-top:4mm;padding-top:6mm}.print-job-card-notes{min-height:30mm}.print-job-card-notes .print-job-card-value{font-size:10pt;white-space:pre-wrap}.print-job-card-status{background:#f5f5f5;border:1px solid #000;border-radius:4px;display:inline-block;font-size:9pt;font-weight:600;padding:2mm 6mm;text-transform:uppercase}}.print-job-cards-container{display:none}.invoice-modal{max-width:95vw;width:min(900px,95%)}.invoice-container{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;width:100%}.invoice-header{align-items:flex-start;border-bottom:2px solid #0003;display:flex;justify-content:space-between;padding-bottom:20px}.invoice-logo-wrap{margin-bottom:12px}.invoice-logo{display:block;height:auto;max-height:200px;max-width:300px;object-fit:contain;width:auto}.invoice-brand h1{color:#000;color:var(--text-dark);font-size:24px;font-weight:600;margin-bottom:8px}.invoice-brand p{color:#64748b;color:var(--text-muted);font-size:16px;letter-spacing:.1em;text-transform:uppercase}.invoice-garage-info{display:flex;flex-direction:column;gap:4px;margin-top:8px}.invoice-garage-info .invoice-value{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:400}.invoice-date{text-align:right}.invoice-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.invoice-section{display:flex;flex-direction:column;gap:6px}.invoice-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.invoice-value{color:#000;color:var(--text-dark);font-size:14px;font-weight:500;line-height:1.5}#invoiceReg{background:gold;border:2px solid #000;border-radius:8px;color:#000;display:inline-block;font-weight:700;letter-spacing:.15em;padding:6px 12px}.invoice-summary-section{background:#f8f9fa;background:var(--light-bg);border:1px solid #0003;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.invoice-summary-section .invoice-label{margin-bottom:4px}.invoice-total-section{display:flex;flex-direction:column;gap:12px;margin-top:8px}.invoice-subtotal,.invoice-vat-row{align-items:center;background:#f8f9fa;background:var(--light-bg);border-radius:8px;display:flex;justify-content:space-between;padding:12px 20px}.invoice-vat-row .invoice-total-label,.invoice-vat-row .invoice-total-value{font-size:14px}.invoice-total{align-items:center;background:#0000001a;border:2px solid #0000004d;border-radius:12px;display:flex;justify-content:space-between;padding:20px}.invoice-total-label{color:#000;color:var(--text-dark);font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.invoice-total-value{color:#3771cd;color:var(--primary);font-size:24px;font-weight:700}.invoice-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.invoice-history-container{display:flex;flex-direction:column;gap:0}.invoice-history-card{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);cursor:pointer;padding:14px 0;transition:background .15s ease}.invoice-history-container .invoice-history-card:last-child{border-bottom:none}.invoice-history-card:hover{background:#00000008;background:var(--hover-bg,#00000008)}.invoice-history-card strong{color:#000;color:var(--text-dark);font-weight:600}@media print{.invoice-modal{border:none!important;box-shadow:none!important;max-width:100%!important;padding:0!important;page-break-inside:avoid;width:100%!important}.invoice-actions,.modal-close{display:none!important}.invoice-container{gap:8px!important;padding:0!important;page-break-inside:avoid}.invoice-header{border-bottom-width:1px!important;padding-bottom:10px!important}.invoice-logo-wrap{margin-bottom:6px!important}.invoice-logo{max-height:80px!important;max-width:180px!important}.invoice-brand h1{font-size:16px!important;margin-bottom:4px!important}.invoice-garage-info .invoice-value,.invoice-value{font-size:10px!important}.invoice-label{font-size:9px!important}.invoice-details{gap:8px!important}.invoice-section{gap:2px!important}.invoice-summary-section{gap:4px!important;padding:8px!important}.invoice-summary-section .invoice-value{font-size:10px!important}.invoice-total-section{gap:4px!important;margin-top:4px!important}.invoice-subtotal,.invoice-vat-row{padding:6px 12px!important}.invoice-vat-row .invoice-total-label,.invoice-vat-row .invoice-total-value{font-size:10px!important}.invoice-total{padding:10px 12px!important}.invoice-total-label{font-size:11px!important}.invoice-total-value{font-size:14px!important}}@media (max-width:768px){.invoice-details{gap:16px;grid-template-columns:1fr}.invoice-header{flex-direction:column;gap:16px}.invoice-date{text-align:left}.invoice-modal{padding:20px 16px;width:95%}}.calendar-modal{max-width:98vw;width:min(1200px,98%)}.report-container{grid-gap:24px;display:grid;gap:24px}.report-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.report-filter-btn{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#000;color:var(--text-dark);cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.report-filter-btn:hover{background:#0000001a;border-color:#0000004d;transform:translateY(-1px)}.report-filter-btn.active{background:#3771cd;background:var(--primary);border-color:#3771cd;border-color:var(--primary);box-shadow:0 2px 8px #0003;color:#fff}.report-summary{grid-gap:1px;background:#e2e8f0;background:var(--border);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));overflow:hidden}.report-summary-item{background:#fff;background:var(--card-bg);display:flex;flex-direction:column;gap:4px;padding:12px 16px}.report-summary-label{color:#64748b;color:var(--text-muted);font-size:13px;letter-spacing:.14em;text-transform:uppercase}.report-summary-label,.report-summary-value{font-family:Rubik,sans-serif;font-weight:600}.report-summary-value{color:#000;color:var(--text-dark);font-size:20px}.report-vehicles{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;max-height:calc(100vh - 400px);overflow:hidden;overflow-y:auto}.report-vehicle-card,.report-vehicles{background:#fff;background:var(--card-bg)}.report-vehicle-card{grid-gap:16px;align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);cursor:pointer;display:grid;gap:16px;grid-template-columns:120px 1fr auto;padding:10px 12px;transition:background .15s ease}.report-vehicle-card:hover{background:#f8f9fa;background:var(--light-bg)}.report-vehicle-card:first-child{border-top:1px solid #e2e8f0;border-top:1px solid var(--border)}.report-vehicle-info{display:flex;flex-direction:column;gap:2px}.report-vehicle-reg{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em}.report-vehicle-details{color:#64748b;color:var(--text-muted);font-family:Rubik,sans-serif;font-size:13px;line-height:1.5}.report-vehicle-amount{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:15px;font-weight:600;text-align:right}.calendar-container{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;width:100%}.calendar-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.calendar-header h4{color:#000;color:var(--text-dark);flex:1 1;font-size:18px;font-weight:600;text-align:center}.calendar-nav-btn{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#3771cd;color:var(--primary);cursor:pointer;display:flex;font-family:Rubik,sans-serif;font-size:24px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.calendar-nav-btn:hover{background:#0000001a;border-color:#0000004d;transform:translateY(-1px)}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day-header{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.1em;padding:8px 4px;text-align:center;text-transform:uppercase}.calendar-day{background:#f1f4ff4d;border:1px solid #00000026;border-radius:12px;display:flex;flex-direction:column;gap:6px;min-height:100px;overflow:visible;padding:8px;position:relative}.calendar-day.other-month{background:#f1f4ff1a;opacity:.4}.calendar-day.no-bookings{gap:2px;min-height:40px;padding:4px 6px}.calendar-day.no-bookings .calendar-day-number{margin-bottom:0}.calendar-day-number{color:#000;color:var(--text-dark);font-size:13px;font-weight:600;margin-bottom:4px}.calendar-day.today .calendar-day-number{align-items:center;background:#3771cd;background:var(--primary);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.calendar-vehicle{grid-gap:4px;background:#fff;background:var(--white-bg);border:1px solid #0003;border-radius:8px;cursor:pointer;display:grid;font-size:11px;gap:4px;padding:6px 8px;transition:transform .2s ease,box-shadow .2s ease}.calendar-vehicle:hover{border-color:#0006;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.calendar-vehicle-reg{background:gold;border:2px solid #000;border-radius:6px;color:#000;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;padding:4px 8px}.calendar-vehicle-counter{color:#64748b;color:var(--text-muted);font-size:10px;font-weight:500}.calendar-view-more-trigger{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #00000026;border:1px solid var(--border-color,#00000026);border-radius:8px;color:#3771cd;color:var(--primary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-top:2px;padding:6px 10px;transition:background .2s ease,border-color .2s ease}.calendar-view-more-trigger:hover{background:#0000000f;border-color:#3771cd;border-color:var(--primary)}.calendar-view-more-popover{background:#fff;background:var(--white-bg);border:1px solid #00000026;border:1px solid var(--border-color,#00000026);border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:280px;overflow-y:auto;padding:8px}.calendar-view-more-popover-list{display:flex;flex-direction:column;gap:4px}.calendar-view-more-popover-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#000;color:var(--text-dark);cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:8px 10px;text-align:left;transition:background .2s ease;width:100%}.calendar-view-more-popover-item:hover{background:#0000000f}.calendar-view-more-reg{font-weight:700;letter-spacing:.05em}.calendar-view-more-days{color:#64748b;color:var(--text-muted);font-size:11px}.calendar-legend{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding:0}.calendar-legend .legend-item{align-items:center;background:#0000;border:none;border-radius:0;color:#000;color:var(--text-dark);display:flex;font-size:12px;font-weight:500;gap:6px;padding:0}.calendar-legend .legend-color{border:1px solid;border-radius:3px;flex-shrink:0;height:12px;width:12px}.calendar-legend .legend-color.bodyshop{background:#ec489926;border-color:#ec489966}.calendar-legend .legend-color.mot{background:#10b98126;border-color:#10b98166}.calendar-legend .legend-color.in-progress{background:#3b82f626;border-color:#3b82f666}.calendar-legend .legend-color.awaiting-parts{background:#f59e0b26;border-color:#f59e0b66}.calendar-legend .legend-color.sales{background:#8b5cf626;border-color:#8b5cf666}.sales-actions{display:flex;gap:8px;grid-column:1/-1;margin-top:8px}.sales-action-btn{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#000;color:var(--text-dark);cursor:pointer;font-family:Rubik,sans-serif;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease}.sales-action-btn:hover{background:#0000001a;border-color:#0000004d;transform:translateY(-1px)}.droppable-hover{background:#0000000f;border-radius:10px;outline:2px dashed #3771cd;outline:2px dashed var(--primary);outline-offset:4px}#salesSwimlanes{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(280px,1fr))}#salesSwimlanes>.swimlane{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;padding:12px}@media (max-width:1024px){#salesSwimlanes{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width:640px){#salesSwimlanes{gap:12px;grid-template-columns:1fr}.sales-action-btn{min-height:44px;width:100%}.sales-actions{flex-direction:column;gap:8px}}.login-container{align-items:center;background:linear-gradient(160deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 45%,var(--bg-gradient-end) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.login-box{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow);max-width:440px;padding:48px;width:100%}.login-header{margin-bottom:40px;text-align:center}.login-logo{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;overflow:hidden;position:relative;width:80px}.login-logo-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.login-logo .login-logo-image,.login-logo svg{display:block;height:100%;width:100%}.plutoo-logo-svg-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.login-title{color:#000;color:var(--text-dark);font-size:28px;font-weight:700;margin-bottom:8px}.login-subtitle{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:500}.login-form{gap:24px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:14px;font-weight:600}.form-input,.form-label{color:#000;color:var(--text-dark)}.form-input{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;font-family:Rubik,sans-serif;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus{background:#fff;background:var(--white-bg);border-color:#3771cd;border-color:var(--primary);box-shadow:0 0 0 3px #0000001a;outline:none}.form-input::placeholder{color:#64748b;color:var(--text-muted)}.login-btn{margin-top:8px;width:100%}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input{padding-right:48px!important}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle-btn:hover{background:#0000000d;color:#3771cd;color:var(--primary)}.password-toggle-btn:focus{box-shadow:0 0 0 2px #0000001a;outline:none}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn svg{height:20px;width:20px}.remember-me-group{margin-bottom:-8px;margin-top:-8px}.remember-me-label{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.remember-me-checkbox{accent-color:#3771cd;accent-color:var(--primary);border-radius:4px;cursor:pointer;height:18px;width:18px}.remember-me-checkbox:disabled{cursor:not-allowed;opacity:.5}.login-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#dc2626;display:none;font-size:14px;margin-bottom:8px;padding:12px 16px}.login-error.show{display:block}.login-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:32px;padding-top:32px;text-align:center}.login-footer-text{color:#64748b;color:var(--text-muted);font-size:13px}.app-container.hidden{display:none}@media (max-width:640px){.login-box{border-radius:20px;padding:32px 20px}.login-title{font-size:24px}.login-logo{height:64px;width:64px}.login-logo-image{max-height:100%;max-width:100%}.form-input{font-size:16px;padding:14px 16px}.login-btn{font-size:16px;min-height:48px}}.settings-modal{align-items:flex-start;background:#00000080;bottom:0;display:none;justify-content:center;left:260px;overflow-y:auto;padding:80px 20px 20px;position:fixed;right:0;top:0;z-index:10000}.settings-modal.is-open{display:flex}.settings-content{background:#fff!important;background:var(--card-bg)!important;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;margin:0 auto;max-height:calc(100vh - 100px);max-width:900px;overflow-y:auto;width:100%}.settings-header{align-items:center;background:#fff;background:var(--card-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:32px 32px 24px;z-index:1}.settings-title{color:#000;color:var(--text-dark);font-size:28px;font-weight:700}.settings-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.settings-close:hover{background:#f8f9fa;background:var(--light-bg);color:#000;color:var(--text-dark)}.settings-body{gap:32px;padding:32px}.settings-body,.settings-section{display:flex;flex-direction:column}.settings-section{gap:20px}.settings-section-title{color:#000;color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:8px}.settings-section-subtitle{color:#64748b;color:var(--text-muted);font-size:14px;margin-bottom:16px}.settings-section-header{align-items:flex-start;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.settings-section-card{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;margin-bottom:8px;padding:24px 28px}.settings-section-card .settings-section-header{padding-bottom:16px;padding-top:0}.settings-section-card .settings-section-title{font-size:1.25rem;margin-bottom:4px}.settings-section-card .settings-section-subtitle{font-size:.9375rem;line-height:1.45;margin-bottom:20px;opacity:.9}.faq-container{display:flex;flex-direction:column;gap:20px;max-width:52ch}.faq-item{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;margin-bottom:4px;padding:18px 22px}.faq-question{color:#000;color:var(--text-dark);font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 12px}.faq-answer{color:#64748b;color:var(--text-muted);font-size:.9375rem;line-height:1.65}.faq-answer p{margin:0 0 8px}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{color:#000;color:var(--text-dark);font-weight:600}.faq-answer em{display:block;font-size:.875rem;margin-top:10px;opacity:.85}@media (max-width:768px){.settings-section-card{padding:18px 20px}.faq-container{max-width:100%}.faq-item{padding:16px 18px}}.settings-form-group{display:flex;flex-direction:column;gap:8px}.settings-label{color:#000;color:var(--text-dark);font-size:14px;font-weight:600}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}}.settings-checkbox-group{display:flex;flex-direction:column;gap:12px}.settings-checkbox-item{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px}.settings-checkbox-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.settings-checkbox-item label{color:#000;color:var(--text-dark);cursor:pointer;flex:1 1;font-size:14px}.settings-info-box{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px}.settings-info-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.settings-info-item:last-child{border-bottom:none}.settings-info-label{color:#000;color:var(--text-dark);font-size:14px;font-weight:600}.settings-info-value,.settings-value{color:#64748b;color:var(--text-muted);font-size:14px}.settings-value{text-align:right}.settings-hint{color:#64748b;color:var(--text-muted);font-size:12px;margin-top:4px}.logo-upload-section{margin-top:8px}.logo-preview{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.logo-preview-image{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;max-height:200px;max-width:200px;padding:8px}.logo-upload-container{margin-top:8px;width:100%}.logo-upload-area{gap:16px}.logo-upload-area,.logo-upload-placeholder{display:flex;flex-direction:column;width:100%}.logo-upload-placeholder{align-items:center;background:#f8f9fa;background:var(--light-bg);border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:12px;box-sizing:border-box;cursor:pointer;justify-content:center;min-height:200px;padding:48px 24px;text-align:center;transition:all .2s ease}.logo-upload-placeholder:hover{background:#4d80630d;background:rgba(var(--primary-rgb,77,128,99),.05);border-color:#3771cd;border-color:var(--primary)}.logo-upload-placeholder svg{color:#64748b;color:var(--text-muted);height:48px;margin-bottom:16px;width:48px}.logo-upload-placeholder p{color:#000;color:var(--text-dark);font-size:14px;font-weight:500;margin:0 0 4px}.logo-upload-placeholder .upload-hint{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:400;margin:0}.logo-upload-btn{background:#3771cd;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.logo-upload-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.logo-upload-btn:disabled{cursor:not-allowed;opacity:.6}.logo-preview-container{display:flex;flex-direction:column;gap:16px;width:100%}.logo-preview{align-self:flex-start;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;height:auto;max-height:200px;max-width:100%;object-fit:contain;padding:8px;width:auto}.logo-actions{display:flex;flex-wrap:wrap;gap:12px}.logo-change-btn,.logo-remove-btn{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#000;color:var(--text-dark);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.logo-change-btn:hover:not(:disabled){background:#3771cd;background:var(--primary);border-color:#3771cd;border-color:var(--primary);color:#fff}.logo-remove-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#dc2626}.logo-change-btn:disabled,.logo-remove-btn:disabled{cursor:not-allowed;opacity:.6}.color-picker-group{align-items:center;display:flex;gap:12px}.color-picker{-webkit-appearance:none;appearance:none;background:none;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;height:44px;padding:0;width:60px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:6px}.color-input{flex:1 1;font-family:Courier New,monospace;font-size:14px}.sidebar-logo-image{background:#fff;border-radius:8px;flex-shrink:0;height:auto;max-height:100px;max-width:100%;object-fit:contain;padding:4px;width:auto}.settings-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.settings-tab{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;gap:8px;margin-bottom:-2px;padding:10px 20px;transition:all .2s ease}.settings-tab-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.settings-tab-icon svg{stroke:currentColor;height:18px;width:18px}.settings-tab:hover{background:#0000000d;color:#000;color:var(--text-dark)}.settings-tab.active{background:#fff;background:var(--card-bg);border-color:#e2e8f0;border-color:var(--border);border-bottom-color:#fff;border-bottom-color:var(--card-bg);color:#3771cd;color:var(--primary);position:relative;z-index:1}.settings-tab-content{display:none}.settings-tab-content.active{display:block}.settings-faq-item{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.settings-faq-question{color:#000;color:var(--text-dark);font-size:16px;font-weight:700;margin-bottom:8px}.settings-faq-answer{color:#64748b;color:var(--text-muted);font-size:14px;line-height:1.6}.settings-user-list{display:flex;flex-direction:column;gap:12px}.settings-user-item{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:16px}.settings-user-info{display:flex;flex-direction:column;gap:4px}.settings-user-name{color:#000;color:var(--text-dark);font-size:15px;font-weight:600}.settings-user-role{color:#64748b;color:var(--text-muted);font-size:13px}.settings-user-actions{display:flex;gap:8px}.settings-btn-small{background:#fff;background:var(--white-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#000;color:var(--text-dark);cursor:pointer;font-family:Rubik,sans-serif;font-size:13px;padding:6px 12px;transition:all .2s ease}.settings-btn-small:hover{background:var(--light-bg-hover);border-color:#3771cd;border-color:var(--primary)}.users-table-container{display:none}.users-card-container{display:flex;flex-direction:column;gap:12px}.user-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:18px 20px;transition:box-shadow .2s ease,border-color .2s ease}.user-card:hover{border-color:#e2e8f0;border-color:var(--border);box-shadow:0 4px 12px #00000014}.user-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.user-card-info{flex:1 1 auto;min-width:150px}.user-card-name{color:#000;color:var(--text-dark);font-size:16px;font-weight:600;margin-bottom:4px}.user-card-email{color:#64748b;color:var(--text-muted);font-size:14px;margin-top:4px}.user-card-actions,.user-card-badges{display:flex;flex-wrap:wrap;gap:8px}.user-card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.user-card-actions .secondary-btn{border-radius:8px;flex:1 1;font-size:13px;min-height:44px;min-width:100px;padding:10px 12px}.users-table-wrapper{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.users-table{border-collapse:collapse;font-size:14px;min-width:640px;width:100%}.users-table thead{background:#f8f9fa;background:var(--light-bg);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border)}.users-table thead th{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table thead th:last-child{text-align:right}.users-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);transition:background-color .15s ease}.users-table tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .users-table tbody tr:nth-child(2n){background:#ffffff08}.users-table tbody tr:hover{background:#f8f9fa;background:var(--light-bg)}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{color:#000;color:var(--text-dark);padding:14px 16px;vertical-align:middle}.users-table tbody td:last-child{text-align:right}.users-table .user-name-cell{color:#000;color:var(--text-dark);font-weight:500}.users-table .user-email-cell{color:#64748b;color:var(--text-muted);font-size:13px}.users-table .role-pill{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.users-table .auth-pill,.users-table .status-pill{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.users-table .auth-pill{gap:6px}.users-table .user-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.users-table .user-actions .secondary-btn{border-radius:8px;font-size:12px;padding:6px 12px;white-space:nowrap}.stage-overview-section{margin-bottom:32px;width:100%}.stage-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.stage-title-section{flex:1 1}.stage-title{color:#000;color:var(--text-dark);font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 8px}.stage-subtitle{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:500;margin:0}.stage-total-card{align-items:flex-end;background:linear-gradient(135deg,#00000014,#93c5fd14);border:1px solid #0000001f;border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:16px 24px}.stage-total-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.stage-total-value{color:#3771cd;color:var(--primary);font-size:32px;font-weight:800;line-height:1}.stage-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.stage-cards-grid .stage-card{background:#fff;background:var(--card-bg);border:1px solid #00000029;border-radius:16px;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stage-cards-grid .stage-card:hover{border-color:#0000004d;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.stage-card-icon{align-items:center;background:#0000001f;background:var(--stage-pill-bg,#0000001f);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-bottom:16px;width:48px}.stage-card-icon svg{stroke:currentColor;height:24px;width:24px}.stage-card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;position:relative;z-index:2}.stage-card-percent{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:600;position:relative;z-index:2}.stage-card-progress{background:#3771cd;background:var(--stage-gradient,var(--primary));bottom:0;height:4px;left:0;position:absolute;transition:width 1.2s cubic-bezier(.4,0,.2,1);z-index:1}@media (max-width:768px){.stage-cards-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stage-header{flex-direction:column;gap:16px}.stage-total-card{align-items:flex-start;align-self:flex-start}}@media (max-width:480px){.stage-cards-grid{grid-template-columns:1fr}}.financial-card.card-filter-active{border-color:#00000080!important;box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.financial-card.card-filter-active:before{transform:scaleX(1)}.dashboard-container{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:24px;width:100%}@media (max-width:1400px){.dashboard-container{gap:20px;padding:20px}}@media (max-width:1024px){.dashboard-container{gap:18px;padding:18px}}.dashboard-left{gap:24px}.dashboard-left,.dashboard-right{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;width:100%}.dashboard-header{margin-bottom:8px}.dashboard-header h1{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-subtitle{color:#64748b;color:var(--text-muted);font-size:16px;font-weight:400}.dashboard-stats-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);min-width:0;width:100%}.dashboard-stat-card{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--rounded);display:flex;gap:16px;padding:20px;transition:all .2s ease}.dashboard-stat-card:hover{border-color:#3771cd;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-total-split{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.dashboard-stat-total{border-radius:16px;border-width:1px;box-sizing:border-box;margin-bottom:20px;padding:24px 28px;width:100%}.dashboard-stat-total .stat-icon{border-radius:14px;height:56px;width:56px}.dashboard-stat-total .stat-icon svg{height:28px;width:28px}.dashboard-stat-total .stat-content{min-width:0}.dashboard-stat-total .stat-label{font-size:.875rem;font-weight:600;letter-spacing:.02em;margin-bottom:6px;text-transform:uppercase}.dashboard-stat-total .stat-value{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon svg{height:24px;width:24px}.stat-icon-primary{background:#00000014;color:#3771cd;color:var(--primary)}.stat-icon-success{background:#10b9811a;color:#10b981;color:var(--success)}.stat-icon-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.stat-icon-danger{background:#ef44441a;color:#ef4444;color:var(--error)}.stat-icon-info{background:#3b82f61a;color:#000;color:var(--info)}.stat-icon-secondary{background:#56c5961a;color:#3771cd;color:var(--accent)}.stat-content{flex:1 1}.stat-label{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:4px}.stat-value{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:28px;font-weight:700}.dashboard-financial-section{margin-top:8px}.section-title{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:20px;font-weight:600;margin-bottom:16px}.financial-cards{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);min-width:0;width:100%}.financial-cards .financial-card{word-wrap:break-word;align-items:flex-start;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--rounded);display:flex!important;flex-direction:column!important;gap:8px;min-width:0;overflow:hidden;overflow-wrap:break-word;padding:20px;position:relative;transition:all .2s ease}.financial-cards .financial-card:before{display:none!important}.financial-cards .financial-card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.financial-cards .financial-card.clickable:hover{background:#fff;background:var(--card-bg);border-color:#3771cd;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.financial-cards .financial-card.clickable:active{box-shadow:var(--shadow-md);transform:translateY(0)}.financial-cards .financial-label{color:#64748b;color:var(--text-muted);display:block;font-size:11px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-cards .financial-value{word-wrap:break-word;color:#000;color:var(--text-dark);display:block;font-family:Rubik,sans-serif;font-size:18px;font-weight:700;margin:4px 0;max-width:100%;overflow:hidden;overflow-wrap:break-word}.financial-cards .financial-value.financial-received{color:#10b981;color:var(--success)}.financial-cards .financial-value.financial-outstanding{color:#ef4444;color:var(--error)}.financial-cards .financial-subtitle{word-wrap:break-word;color:#64748b;color:var(--text-muted);display:block;font-size:12px;max-width:100%;overflow-wrap:break-word}.mini-calendar{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--rounded);height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:24px}.mini-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mini-calendar-header h3{color:#000;color:var(--text-dark);flex:1 1;font-family:Rubik,sans-serif;font-size:18px;font-weight:600;text-align:center}.mini-calendar-nav-btn{align-items:center;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#3771cd;color:var(--primary);cursor:pointer;display:flex;font-family:Rubik,sans-serif;font-size:20px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mini-calendar-nav-btn:hover{background:#0000001a;border-color:#0000004d;transform:translateY(-1px)}.mini-calendar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.mini-calendar-day-header{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:8px 4px;text-align:center;text-transform:uppercase}.mini-calendar-day{align-items:center;aspect-ratio:1;background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#000;color:var(--text-dark);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:2px;justify-content:center;transition:all .2s ease}.mini-calendar-day .day-number{line-height:1}.mini-calendar-day .vehicle-indicators{align-items:center;display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.mini-calendar-day .vehicle-dot{background:#3771cd;background:var(--primary);border-radius:50%;height:4px;width:4px}.mini-calendar-day.today .vehicle-dot{background:#fff}.mini-calendar-day.other-month{background:#0000;opacity:.3}.mini-calendar-day.today{font-weight:700}.mini-calendar-day.today,.mini-calendar-day.today.has-vehicles{background:#3771cd;border-color:#3771cd;color:#fff}.mini-calendar-day.has-vehicles{background:#0000001a;border-color:#0000004d;position:relative}.mini-calendar-day.has-vehicles:hover{background:#0003;border-color:#3771cd;border-color:var(--primary);transform:scale(1.05)}@media (max-width:1200px){.dashboard-container{gap:20px;grid-template-columns:1fr;width:100%}.dashboard-right{order:-1}.mini-calendar{position:relative;top:0}}@media (max-width:900px){.dashboard-container{gap:16px;padding:16px}.dashboard-stats-grid,.financial-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{gap:16px;padding:16px;width:100%}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.financial-cards{grid-template-columns:1fr}.financial-card{padding:16px}.dashboard-header h1,.financial-value{font-size:24px}}@media (max-width:640px){.dashboard-container{gap:14px;padding:14px}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dashboard-container{gap:12px;padding:12px}.dashboard-stats-grid,.dashboard-total-split,.financial-cards{grid-template-columns:1fr}}.chat-support-overlay{animation:slideInUp .3s ease-out;background:#fff;background:var(--white-bg-alt);border-radius:16px;bottom:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000001a;display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 40px);overflow:hidden;position:fixed;right:20px;width:380px;z-index:9999}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-support-container{background:#fff;background:var(--white-bg-alt);display:flex;flex-direction:column;height:100%}.chat-support-container.mobile{max-width:380px;width:calc(100vw - 40px)}.chat-support-header{align-items:center;background:#3771cd;background:var(--primary);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px 18px 20px}.chat-support-header-info{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.chat-support-logo{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;min-width:44px}.chat-support-logo .pluto-logo-container{align-items:center;display:inline-flex;height:auto;min-height:40px;min-width:40px;width:auto}.chat-support-logo .pluto-logo-text{color:#fff;font-size:20px;font-weight:600}.chat-support-logo .logo-symbol .logo-circle,.chat-support-logo .logo-symbol .logo-dash{background:#fff}.chat-support-header-text h3{color:#fff;font-size:16px;font-weight:600;line-height:1.2;margin:0}.chat-support-status{align-items:center;color:#ffffffe6;display:flex;font-size:12px;gap:6px;margin-top:2px}.status-indicator{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-support-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.chat-support-end-conversation{background:#0000;border:1px solid #fff6;border-radius:4px;color:#fffffff2;cursor:pointer;font-size:12px;padding:6px 10px;transition:background .2s ease,border-color .2s ease}.chat-support-end-conversation:hover{background:#ffffff26;border-color:#fff9}.chat-support-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:0;padding:6px;transition:background .2s ease;width:36px}.chat-support-close:hover{background:#ffffff1a}.chat-support-close svg{height:20px;width:20px}.chat-support-messages{background:#fff;background:var(--white-bg-alt);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px;scrollbar-color:#0003 #0000;scrollbar-width:thin}.chat-restoring{color:#64748b;color:var(--text-muted);font-style:italic;margin:0}.chat-support-messages::-webkit-scrollbar{width:6px}.chat-support-messages::-webkit-scrollbar-track{background:#0000}.chat-support-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-message{animation:fadeIn .2s ease-out;display:flex;flex-direction:column;max-width:75%}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-items:flex-end;align-self:flex-end}.chat-message.support{align-items:flex-start;align-self:flex-start}.chat-message-content{word-wrap:break-word;border-radius:16px;padding:12px 16px;position:relative}.chat-message.user .chat-message-content{background:#3771cd;background:var(--primary);border-bottom-right-radius:4px;color:#fff}.chat-message.support .chat-message-content{background:#f8f9fa;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-bottom-left-radius:4px;color:#000;color:var(--text-dark)}.chat-message-content p{font-size:14px;line-height:1.5;margin:0;word-break:break-word}.chat-message-time{display:block;font-size:11px;margin-top:4px;opacity:.7}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{animation:typing 1.4s infinite;background:#64748b;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-quick-replies{background:#f8f9fa;background:var(--light-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);flex-shrink:0;padding:16px 20px}.quick-replies-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.quick-replies-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.quick-reply-btn{background:#fff;background:var(--white-bg-alt);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#000;color:var(--text-dark);cursor:pointer;font-size:13px;font-weight:500;padding:10px 12px;text-align:left;transition:all .2s ease}.quick-reply-btn:hover{background:#3771cd;background:var(--primary);border-color:#3771cd;border-color:var(--primary);color:#fff;transform:translateY(-1px)}.quick-reply-btn:active{transform:translateY(0)}.quick-reply-btn.quick-reply-back{background:#0000;border-style:dashed;color:#64748b;color:var(--text-muted)}.quick-reply-btn.quick-reply-back:hover{background:#f8f9fa;background:var(--light-bg);border-color:#e2e8f0;border-color:var(--border);color:#000;color:var(--text-dark)}.chat-support-input-form{background:#fff;background:var(--white-bg-alt);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);flex-shrink:0}.chat-input-container{align-items:center;display:flex;gap:8px;padding:16px 20px}.chat-input{background:#fff;background:var(--white-bg-alt);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;color:#000;color:var(--text-dark);flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease}.chat-input:focus{border-color:#3771cd;border-color:var(--primary)}.chat-input::placeholder{color:#64748b;color:var(--text-muted)}.chat-send-btn{align-items:center;background:#3771cd;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-send-btn:hover:not(:disabled){background:#1a1a1a;background:var(--sidebar-hover);transform:scale(1.05)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-send-btn svg{height:18px;width:18px}.chat-input-footer{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;padding:8px 20px 16px}.char-count{font-weight:500}.powered-by{opacity:.6}@media (max-width:768px){.chat-support-overlay{border-radius:0;bottom:0;box-shadow:none;height:100vh;left:0;max-height:100vh;right:0;width:100%}.chat-support-container.mobile{max-width:100%;width:100%}.quick-replies-grid{grid-template-columns:1fr}}@media (max-width:480px){.chat-support-header{padding:14px 16px}.chat-support-messages{padding:16px}.chat-input-container{padding:12px 16px}.chat-input-footer{padding:8px 16px 12px}}.billing-page{margin:0 auto;max-width:1400px;padding:24px;width:100%}.billing-header{margin-bottom:32px}.billing-title{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px}.billing-subtitle{color:#64748b;color:var(--text-muted);font-size:16px;margin:0}.billing-content{display:flex;flex-direction:column;gap:32px}.subscription-plans-section{margin-bottom:32px}.subscription-plans-section h2{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:24px;font-weight:700;margin:0 0 8px}.subscription-plans-section>p{color:#64748b;color:var(--text-muted);font-size:14px;margin:0 0 24px}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.subscription-card{background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.subscription-card.compact{padding:20px}.subscription-card.clickable-plan-card{cursor:pointer}.subscription-card.clickable-plan-card:hover{border-color:#3771cd;border-color:var(--primary);box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.subscription-card.current{background:linear-gradient(135deg,#fff,#00000005);background:linear-gradient(135deg,var(--card-bg) 0,#00000005 100%);border-color:#3771cd;border-color:var(--primary)}.subscription-card.premium{background:linear-gradient(135deg,#6b72801f,#9ca3af0f);border-color:#9ca3af;position:relative}.subscription-card.premium:before{background:linear-gradient(135deg,#6b72800f,#0000);border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.subscription-card.premium>*{position:relative;z-index:1}.subscription-card.plan-annual{background:linear-gradient(145deg,color-mix(in srgb,#3771cd 12%,#fff),color-mix(in srgb,#3771cd 4%,#fff) 50%,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--card-bg)) 0,color-mix(in srgb,var(--primary) 4%,var(--card-bg)) 50%,var(--card-bg) 100%);border:2px solid #3771cd;border:2px solid var(--primary);box-shadow:0 4px 20px color-mix(in srgb,#3771cd 15%,#0000),inset 0 0 0 1px color-mix(in srgb,#3771cd 20%,#0000);box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 15%,#0000),0 0 0 1px color-mix(in srgb,var(--primary) 20%,#0000) inset;position:relative}.subscription-card.plan-annual:after{background:linear-gradient(90deg,#3771cd,color-mix(in srgb,#3771cd 70%,#fff));background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#fff));border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.subscription-card.plan-annual:before{display:none}.subscription-card.plan-annual:hover{border-color:#3771cd;border-color:var(--primary);box-shadow:0 12px 32px color-mix(in srgb,#3771cd 20%,#0000),inset 0 0 0 1px color-mix(in srgb,#3771cd 25%,#0000);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 20%,#0000),0 0 0 1px color-mix(in srgb,var(--primary) 25%,#0000) inset}.plan-annual-ribbon{background:#3771cd;background:var(--primary);border-radius:0 14px 0 12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.2px;padding:6px 14px;position:absolute;right:0;top:0;white-space:nowrap;width:auto;z-index:2}.subscription-card.plan-annual .tier-badge.tier-badge-annual{font-weight:600;letter-spacing:.2px;text-transform:none}.subscription-card.plan-annual .price-note{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:500;margin:-4px 0 16px}.subscription-card.plan-annual .price.price-annual .amount{font-size:36px;font-weight:700}.plan-annual-savings{color:#059669;font-size:14px;font-weight:600;margin:0 0 16px}.account-status-card{background:#fff;background:var(--card-bg);border:2px solid #e2e8f0;border:2px solid var(--border)}.tier-badge{background:#0000001a;border-radius:8px;color:#000;color:var(--text-dark);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding:6px 12px;text-transform:uppercase}.tier-badge.centered{text-align:center;width:100%}.tier-badge.premium{background:#3771cd;background:var(--primary);color:#fff}.tier-badge.lite{background:#6b7280;color:#fff}.subscription-card.lite{background:linear-gradient(135deg,#6b728014,#9ca3af0a);border-color:#9ca3af}.subscription-card h3{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:20px;font-weight:700;margin:0 0 16px}.price{align-items:baseline;display:flex;gap:4px;margin-bottom:20px}.price .currency{font-size:18px;font-weight:600}.price .amount,.price .currency{color:#000;color:var(--text-dark)}.price .amount{font-family:Rubik,sans-serif;font-size:36px;font-weight:700}.price .period{color:#64748b;color:var(--text-muted);font-size:14px}.usage-stats{background:#f8f9fa;background:var(--light-bg);border-radius:12px;margin-bottom:20px;padding:16px}.usage-stats .stat{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.usage-stats .stat:last-child{margin-bottom:0}.usage-stats .label{color:#64748b;color:var(--text-muted);font-size:14px}.usage-stats .value{color:#000;color:var(--text-dark);font-size:14px;font-weight:600}.features-list{flex:1 1;margin-bottom:24px}.features-list.compact{margin-bottom:20px}.features-list ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.features-list li{align-items:flex-start;color:#000;color:var(--text-dark);display:flex;font-size:14px;gap:8px;line-height:1.5}.features-list .checkmark{color:#10b981;color:var(--success);flex-shrink:0;font-weight:700;margin-top:2px}.upgrade-buttons{margin-top:auto;padding-top:20px}.upgrade-btn{border:none;border-radius:8px;cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.upgrade-btn.primary{background:#3771cd;background:var(--primary);color:#fff}.upgrade-btn.primary:hover:not(:disabled){background:#1a1a1a;background:var(--sidebar-hover);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.upgrade-btn:disabled{cursor:not-allowed;opacity:.5}.current-plan-badge{background:#f8f9fa;background:var(--light-bg);border-radius:8px;color:#3771cd;color:var(--primary);font-size:14px;font-weight:600;padding:12px;text-align:center}.billing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.billing-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;padding:24px}.billing-card .card-header{margin-bottom:20px}.billing-card .card-header h3{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:20px;font-weight:700;margin:0 0 8px}.billing-card .card-header p{color:#64748b;color:var(--text-muted);font-size:14px;margin:0}.payment-info{display:flex;flex-direction:column;gap:16px}.next-invoice{align-items:center;background:#f8f9fa;background:var(--light-bg);border-radius:12px;display:flex;justify-content:space-between;padding:16px}.next-invoice .label{color:#64748b;color:var(--text-muted);font-size:14px}.next-invoice .value{color:#000;color:var(--text-dark);font-size:14px;font-weight:600}.subscription-management{display:flex;flex-direction:column;gap:12px}.primary-btn{background:#3771cd;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.primary-btn:hover:not(:disabled){background:#1a1a1a;background:var(--sidebar-hover);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.5}.secondary-btn{background:#fff;background:var(--white-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#000;color:var(--text-dark);cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.secondary-btn:hover{background:#f8f9fa;background:var(--light-bg);border-color:#3771cd;border-color:var(--primary)}.products-list{display:flex;flex-direction:column;gap:16px}.product-item{align-items:center;background:#f8f9fa;background:var(--light-bg);border-radius:12px;display:flex;justify-content:space-between;padding:16px}.product-info{display:flex;flex-direction:column;gap:4px}.product-name{color:#000;color:var(--text-dark);font-size:16px;font-weight:600}.product-details{color:#64748b;color:var(--text-muted);font-size:14px}.product-status{border-radius:8px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.product-status.active{background:#10b9811a;color:#10b981;color:var(--success)}.product-status.canceled{background:#ef44441a;color:#ef4444;color:var(--error)}.product-status.past_due{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.product-status.trialing{background:#3b82f61a;color:#000;color:var(--info)}.cancel-notice{font-size:11px;font-weight:400;margin-left:4px;text-transform:none}.billing-history{margin-top:32px}.history-table{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.table-header{grid-gap:16px;background:#f8f9fa;background:var(--light-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#64748b;color:var(--text-muted);display:grid;font-size:12px;font-weight:600;gap:16px;grid-template-columns:1fr 1fr 1fr 2fr 1fr;letter-spacing:.5px;padding:16px;text-transform:uppercase}.table-body{display:flex;flex-direction:column}.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 2fr 1fr;padding:16px}.table-row:last-child{border-bottom:none}.col-amount,.col-date,.col-download,.col-reference,.col-type{color:#000;color:var(--text-dark);font-size:14px}.invoice-status{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.invoice-status.paid{background:#10b9811a;color:#10b981;color:var(--success)}.invoice-status.pending{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.invoice-status.failed{background:#ef44441a;color:#ef4444;color:var(--error)}.download-btn{align-items:center;background:#f8f9fa;background:var(--light-bg);border-radius:6px;color:#000;color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.download-btn:hover{background:#3771cd;background:var(--primary);color:#fff}.no-data{color:#64748b;color:var(--text-muted);font-size:14px;padding:40px;text-align:center}.billing-history-content{padding:32px 24px;text-align:center}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.plan-details-modal{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:1}.modal-close:hover{background:#f8f9fa;background:var(--light-bg);color:#000;color:var(--text-dark)}.plan-details-content{padding:32px}.plan-details-header{margin-bottom:32px;text-align:center}.plan-details-header h2{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:28px;font-weight:700;margin:16px 0}.plan-price-large{align-items:baseline;display:flex;gap:4px;justify-content:center;margin:16px 0}.plan-price-large .currency{font-size:24px;font-weight:600}.plan-price-large .amount{font-family:Rubik,sans-serif;font-size:48px;font-weight:700}.plan-price-large .period{color:#64748b;color:var(--text-muted);font-size:18px}.plan-features-full{margin-bottom:32px}.plan-features-full h3{color:#000;color:var(--text-dark);font-family:Rubik,sans-serif;font-size:18px;font-weight:700;margin:0 0 16px}.plan-features-full ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.plan-features-full li{align-items:flex-start;color:#000;color:var(--text-dark);display:flex;font-size:15px;gap:12px;line-height:1.6}.plan-features-full .checkmark{color:#10b981;color:var(--success);flex-shrink:0;font-weight:700;margin-top:2px}.plan-status-info{background:#f8f9fa;background:var(--light-bg);border-radius:12px;margin-bottom:32px;padding:20px}.status-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.status-item:last-child{margin-bottom:0}.status-item .label{color:#64748b;color:var(--text-muted);font-size:14px}.status-item .value{color:#000;color:var(--text-dark);font-size:14px;font-weight:600}.current-plan-indicator{background:#0000000d;border-radius:8px;color:#3771cd;color:var(--primary);font-size:14px;font-weight:600;margin-top:16px;padding:12px;text-align:center}.plan-actions{display:flex;flex-wrap:wrap;gap:12px}.plan-actions button{flex:1 1;min-width:120px}.downgrade-btn{background:#ef4444;background:var(--error);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.downgrade-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.downgrade-btn:disabled{cursor:not-allowed;opacity:.5}.payment-form-section{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;margin-top:32px;padding:24px}@media (max-width:768px){.billing-page{padding:16px}.billing-title{font-size:24px}.billing-grid,.plans-grid{gap:16px;grid-template-columns:1fr}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.col-amount,.col-date,.col-download,.col-reference,.col-type{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.col-download{border-bottom:none}.table-header>div{display:none}.table-header>div:first-child{display:block;font-weight:600;margin-bottom:8px}.plan-details-modal{margin:20px;max-height:calc(100vh - 40px)}.plan-actions{flex-direction:column}.plan-actions button{width:100%}}@media (max-width:480px){.billing-page{padding:12px}.billing-card,.subscription-card{padding:16px}.plan-details-content{padding:24px}}
/*# sourceMappingURL=main.b057e20d.css.map*/