:root{--binance-black:#0b0e11;--binance-dark:#181a20;--binance-card:#1e2329;--binance-border:#2b3139;--binance-yellow:#f3ba2f;--binance-yellow-hover:#fcd535;--binance-text:#eaecef;--binance-text-secondary:#848e9c;--binance-success:#0ecb81;--binance-danger:#f6465d;--binance-warning:#fcd535;--binance-info:#2e8cf0;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.smart-cars-controllers{padding:var(--space-6);background:var(--binance-black);color:var(--binance-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.section-header{margin-bottom:var(--space-8)}.section-header h1{color:var(--binance-text);margin-bottom:var(--space-2);font-size:28px;font-weight:700}.section-header p{color:var(--binance-text-secondary);font-size:16px;font-weight:400}.add-car-section{margin-bottom:var(--space-8);text-align:center}.btn-add-car{background:var(--binance-yellow);color:var(--binance-black);border:1px solid var(--binance-yellow);border-radius:var(--radius-sm);cursor:pointer;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 8px #f3ba2f33}.btn-add-car:hover{background:var(--binance-yellow-hover);border-color:var(--binance-yellow-hover);transform:translateY(-1px)}.btn-add-car:active{transform:translateY(1px)}.form-section{background:var(--binance-card);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8);border:1px solid var(--binance-border);transition:border-color .3s;box-shadow:0 4px 12px #00000026}.form-section:hover{border-color:var(--binance-yellow)}.form-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--binance-border);justify-content:space-between;align-items:center;display:flex}.form-header h3{color:var(--binance-text);margin:0;font-weight:600}.btn-close-form{background:var(--binance-dark);color:var(--binance-text);border:1px solid var(--binance-border);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-close-form:hover{background:var(--binance-border);border-color:var(--binance-yellow)}.smart-car-form .form-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.form-subsection{padding:var(--space-4);border:1px solid var(--binance-border);border-radius:var(--radius-md);background:var(--binance-dark);transition:border-color .3s}.form-subsection:hover{border-color:var(--binance-yellow)}.form-subsection h4{margin:0 0 var(--space-4)0;color:var(--binance-text);padding-bottom:var(--space-2);border-bottom:1px solid var(--binance-border);font-size:16px;font-weight:600}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--binance-text);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--binance-border);border-radius:var(--radius-sm);background:var(--binance-dark);width:100%;color:var(--binance-text);padding:12px 14px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--binance-yellow);outline:none;box-shadow:0 0 0 2px #f3ba2f33}.checkbox-group{gap:var(--space-3);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--binance-text);font-weight:400;display:flex}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--binance-yellow);transform:scale(1.2)}.file-upload{margin-top:var(--space-2)}.file-info{margin:var(--space-2)0;padding:var(--space-2);background:var(--binance-dark);border-radius:var(--radius-sm);color:var(--binance-text-secondary);font-size:14px;font-weight:400}.image-preview{margin-top:var(--space-2)}.image-preview img{border-radius:var(--radius-md);border:1px solid var(--binance-border);max-width:100%;max-height:150px;box-shadow:0 2px 8px #0003}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--binance-border);display:flex}.smart-cars-list{background:var(--binance-card);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026}.list-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.list-header h2{color:var(--binance-text);margin:0;font-size:20px;font-weight:600}.btn-refresh{background:var(--binance-dark);border:1px solid var(--binance-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--binance-text);padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-refresh:hover{background:var(--binance-border);border-color:var(--binance-yellow)}.empty-state{text-align:center;padding:var(--space-8);color:var(--binance-text-secondary);font-size:16px;font-weight:400}.empty-state .btn-primary{margin-top:var(--space-4)}.cars-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.car-card{background:var(--binance-dark);border:1px solid var(--binance-border);border-radius:var(--radius-lg);transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0003}.car-card:hover{border-color:var(--binance-yellow);transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.car-image{cursor:pointer;height:200px;position:relative;overflow:hidden}.car-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.car-image:hover img{transform:scale(1.05)}.car-overlay{opacity:0;background:#0b0e11cc;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.car-image:hover .car-overlay{opacity:1}.view-details{color:var(--binance-black);background:var(--binance-yellow);border-radius:var(--radius-sm);border:1px solid var(--binance-yellow);padding:8px 16px;font-weight:600}.no-image{background:var(--binance-card);height:100%;color:var(--binance-text-secondary);justify-content:center;align-items:center;font-weight:400;display:flex}.car-info{padding:var(--space-4)}.car-info h3{margin:0 0 var(--space-3)0;color:var(--binance-text);font-size:18px;font-weight:600}.car-details p{color:var(--binance-text-secondary);margin:4px 0;font-size:14px;font-weight:400}.car-actions{padding:var(--space-4);border-top:1px solid var(--binance-border);background:var(--binance-card)}.car-status{margin-bottom:var(--space-3)}.status-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:12px;font-weight:600}.status-active{color:var(--binance-success);background:#0ecb8133}.status-inactive{color:var(--binance-danger);background:#f6465d33}.status-maintenance{color:var(--binance-info);background:#2e8cf033}.status-rented{color:var(--binance-yellow);background:#f3ba2f33}.action-buttons{gap:var(--space-2);flex-direction:column;display:flex}.action-buttons button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;box-shadow:0 2px 6px #0003}.action-buttons button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-success{background:var(--binance-success);color:#fff;box-shadow:0 4px 8px #0ecb814d}.btn-success:hover{background:#0ba968}.btn-warning{background:var(--binance-warning);color:var(--binance-black);box-shadow:0 4px 8px #fcd5354d}.btn-warning:hover{background:#f5ce2e}.btn-danger{background:var(--binance-danger);color:#fff;box-shadow:0 4px 8px #f6465d4d}.btn-danger:hover{background:#e03448}.btn-secondary{background:var(--binance-dark);color:var(--binance-text);border:1px solid var(--binance-border);box-shadow:none}.btn-secondary:hover{background:var(--binance-border);border-color:var(--binance-yellow)}.btn-primary{background:var(--binance-yellow);color:var(--binance-black);border:1px solid var(--binance-yellow);box-shadow:0 4px 8px #f3ba2f4d}.btn-primary:hover{background:var(--binance-yellow-hover);border-color:var(--binance-yellow-hover)}.btn-info{background:var(--binance-info);color:#fff;box-shadow:0 4px 8px #2e8cf04d}.btn-info:hover{background:#1e7ad8}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0e11cc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--binance-card);border-radius:var(--radius-lg);border:1px solid var(--binance-yellow);width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0006}.modal-large{max-width:800px}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--binance-border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--binance-text);margin:0;font-weight:600}.btn-close{background:var(--binance-dark);border:1px solid var(--binance-border);cursor:pointer;color:var(--binance-text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;transition:all .2s;display:flex}.btn-close:hover{color:var(--binance-text);background:var(--binance-border);border-color:var(--binance-yellow)}.modal-body{padding:var(--space-5);max-height:calc(80vh - 160px);overflow-y:auto}.modal-actions{padding:var(--space-5);border-top:1px solid var(--binance-border);gap:var(--space-3);justify-content:flex-end;display:flex}.warning-text{color:var(--binance-danger);margin-top:var(--space-4);font-weight:600}.edit-car-form .form-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.current-images{margin-top:var(--space-4)}.current-images h5{margin:0 0 var(--space-3)0;color:var(--binance-text);font-weight:500}.current-images-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.current-image{text-align:center}.current-image p{margin:0 0 var(--space-2)0;color:var(--binance-text-secondary);font-size:12px;font-weight:400}.current-image img{border-radius:var(--radius-md);border:1px solid var(--binance-border);max-width:100%;max-height:100px;box-shadow:0 2px 6px #0003}.note{color:var(--binance-text-secondary);margin:0;font-size:12px;font-style:italic;font-weight:400}.car-details-grid{gap:var(--space-5);display:grid}.detail-section{padding:var(--space-4);border:1px solid var(--binance-border);border-radius:var(--radius-md);background:var(--binance-dark);transition:border-color .3s}.detail-section:hover{border-color:var(--binance-yellow)}.detail-section h4{margin:0 0 var(--space-3)0;color:var(--binance-text);font-size:16px;font-weight:600}.detail-row{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--binance-border);justify-content:space-between;display:flex}.detail-row:last-child{border-bottom:none;margin-bottom:0}.detail-label{color:var(--binance-text-secondary);font-weight:500}.detail-value{color:var(--binance-text);font-weight:400}.full-width{grid-column:1/-1}.document-images{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.document-image{text-align:center}.document-image p{margin:0 0 var(--space-2)0;color:var(--binance-text-secondary);font-weight:500}.document-image img{border-radius:var(--radius-md);border:1px solid var(--binance-border);max-width:100%;max-height:200px;box-shadow:0 2px 8px #0003}.modal,.modal-body,.smart-cars-controllers,.cars-grid,.form-section,.smart-cars-list{scrollbar-width:none;-ms-overflow-style:none}.modal::-webkit-scrollbar{display:none}.modal-body::-webkit-scrollbar{display:none}.smart-cars-controllers::-webkit-scrollbar{display:none}.cars-grid::-webkit-scrollbar{display:none}.form-section::-webkit-scrollbar{display:none}.smart-cars-list::-webkit-scrollbar{display:none}@media (max-width:768px){.smart-cars-controllers{padding:var(--space-4)}.cars-grid{grid-template-columns:1fr}.list-header{gap:var(--space-3);flex-direction:column;align-items:flex-start}.action-buttons{flex-flow:wrap}.modal{width:95%;margin:20px}.document-images{grid-template-columns:1fr}.form-actions{flex-direction:column}.smart-car-form .form-grid{grid-template-columns:1fr}.section-header h1{font-size:24px}.btn-add-car{width:100%;padding:14px 20px}}@media (max-width:480px){.smart-cars-controllers{padding:var(--space-3)}.form-section,.smart-cars-list{padding:var(--space-4)}.modal{border-radius:var(--radius-md);width:100%;margin:10px}}