@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(135deg,rgba(2,2,3,.9),#1a1a1a);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}.login-container{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);width:100%;max-width:420px;text-align:center;color:rgba(2,2,3,.9);animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container h2{margin-bottom:2rem;color:#D01818;font-weight:600;font-size:1.8rem}.login-container input{width:100%;padding:.9rem;margin:.6rem 0;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.login-container input:focus{outline:none;border-color:#D01818;box-shadow:0 0 8px rgba(208,24,24,.3)}.login-container button{background:linear-gradient(45deg,#D01818,#e02b2b);color:white;padding:.9rem;border:none;width:100%;border-radius:6px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-container button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(208,24,24,.4)}.error{color:#D01818;margin-top:.8rem;font-size:.9rem;display:none}.error.active{display:block}.dashboard{width:100%;min-height:100vh;background:linear-gradient(135deg,rgba(2,2,3,.9),#1a1a1a)}.sidebar{width:280px;background:linear-gradient(180deg,#D01818,#b01414);height:100%;position:fixed;top:0;left:0;padding:2rem;color:#fff;box-shadow:2px 0 8px rgba(0,0,0,.2);transition:transform .3s ease-in-out}.sidebar h2{margin-bottom:2.5rem;text-align:center;font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.sidebar ul{list-style:none}.sidebar ul li{padding:1rem;margin:.5rem 0;cursor:pointer;border-radius:5px;font-size:1.1rem;font-weight:400;transition:background-color .3s,transform .2s}.sidebar ul li:hover{background-color:rgba(255,255,255,.1);transform:translateX(5px)}.sidebar ul li.active{background-color:rgba(255,255,255,.2);transform:translateX(5px)}.main-content{margin-left:280px;padding:3rem;color:#fff;animation:slideIn .5s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.main-content h2{color:#D01818;margin-bottom:1.5rem;font-size:2rem;font-weight:600}.content-section{display:none}.content-section.active{display:block}.create-btn{background:linear-gradient(45deg,#D01818,#e02b2b);color:#fff;padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-bottom:1.5rem;transition:transform .2s,box-shadow .2s}.create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(208,24,24,.4)}.modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;color:rgba(2,2,3,.9);padding:2rem;border-radius:12px;width:90%;max-width:600px;max-height:80vh;position:relative;animation:fadeIn .3s ease-in-out}.modal-content h3{color:#D01818;margin-bottom:1rem}.modal-content label{display:block;margin:.5rem 0 .2rem;font-weight:500}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;margin-bottom:.5rem}.modal-content textarea{resize:vertical;min-height:80px}.modal-content .form-actions{display:flex;gap:1rem;margin-top:1rem}.modal-content button{padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .2s}.modal-content .submit-btn{background:linear-gradient(45deg,#D01818,#e02b2b);color:#fff}.modal-content .cancel-btn{background:#ddd;color:rgba(2,2,3,.9)}.modal-content button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.cars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.car-card{background:#fff;color:rgba(2,2,3,.9);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;position:relative}.car-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.car-card img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.car-card h3{color:#D01818;margin-bottom:.8rem;font-size:1.5rem;font-weight:600;text-align:center}.car-card .basic-details{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.95rem;color:rgba(2,2,3,.8)}.car-card .basic-details p{margin:.3rem 0}.car-card .basic-details p strong{color:#D01818}.car-card .dropdown-btn{background:linear-gradient(45deg,#D01818,#e02b2b);color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;margin-top:.5rem;transition:background .3s,transform .2s;text-align:center}.car-card .dropdown-btn:hover{background:linear-gradient(45deg,#e02b2b,#D01818);transform:translateY(-2px)}.car-card .more-details{max-height:0;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.95rem;color:rgba(2,2,3,.8);margin-top:.5rem;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}.car-card .more-details.active{max-height:500px;display:grid;opacity:1}.car-card .more-details p{margin:.3rem 0}.car-card .more-details p strong{color:#D01818}.car-card .features{margin-top:.5rem;font-size:.9rem;color:rgba(2,2,3,.8)}.car-card .features ul{list-style:none;padding-left:1rem}.car-card .features ul li{position:relative;margin:.3rem 0}.car-card .features ul li:before{content:"•";color:#D01818;position:absolute;left:-1rem}.car-card .action-buttons{display:flex;gap:.5rem;margin-top:.5rem}.car-card .action-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:transform .2s,box-shadow .2s}.car-card .update-btn{background:#007bff;color:#fff}.car-card .delete-btn{background:#D01818;color:#fff}.car-card .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.contact-card{background:#fff;color:rgba(2,2,3,.9);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .3s,box-shadow .3s;position:relative}.contact-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.contact-card p{font-size:1rem;margin:.5rem 0}.contact-card p strong{color:#D01818}.contact-card .delete-btn{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:#D01818;font-size:1.2rem;transition:color .3s}.contact-card .delete-btn:hover{color:#e02b2b}.loading{color:#fff}.error-message,.loading{font-size:1.2rem;text-align:center}.error-message{color:#D01818}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:16px;padding:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.2)}.modal-content h3{margin:0 0 20px;font-size:1.5rem;text-align:center;color:#1a1a1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-row>div{display:flex;flex-direction:column}label{margin:8px 0 4px;font-weight:600;font-size:.9rem;color:#333}input,select,textarea{padding:10px;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;transition:border .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff}textarea{resize:vertical}.form-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.cancel-btn,.submit-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.submit-btn{background:#007bff;color:white}.submit-btn:hover{background:#0056b3}.cancel-btn{background:#f8f9fa;color:#333;border:1.5px solid #ddd}.cancel-btn:hover{background:#e9ecef}.brands-section-container{padding:1rem}.brands-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.brands-section-title{font-size:1.5rem;font-weight:700;color:#1f2937}.brands-add-btn{background-color:#2563eb;color:white;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem;transition:background-color .2s}.brands-add-btn:hover{background-color:#1d4ed8}.brands-grid-layout{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width:640px){.brands-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.brands-grid-layout{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.brands-grid-layout{grid-template-columns:repeat(4,1fr)}}.brand-card-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background-color:white;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .2s}.brand-card-item:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.brand-logo-wrapper{height:8rem;background-color:#f9fafb;border-radius:.375rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;overflow:hidden}.brand-logo-img{max-height:100%;max-width:100%;object-fit:contain}.brand-name-text{font-weight:600;font-size:1.125rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.brand-created-date{font-size:.75rem;color:#6b7280;margin:.25rem 0 0}.brand-action-buttons{display:flex;gap:.5rem;margin-top:.75rem}.brand-delete-btn,.brand-edit-btn{flex:1;padding:.25rem 0;border-radius:.25rem;font-size:.875rem;border:none;cursor:pointer;transition:background-color .2s}.brand-edit-btn{color:white}.brand-edit-btn,.brand-edit-btn:hover{background-color:#d01818}.brand-delete-btn{background-color:#ef4444;color:white}.brand-delete-btn:hover{background-color:#dc2626}.brands-empty-state{color:#6b7280;font-size:1rem;text-align:center;padding:2rem 0}.brand-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.brand-modal-card{background-color:white;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);width:100%;max-width:28rem}.brand-modal-body{padding:1.5rem}.brand-modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.brand-modal-error{background-color:#fef2f2;color:#dc2626;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.brand-modal-form-group{margin-bottom:1rem}.brand-modal-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.brand-modal-required{color:#ef4444}.brand-modal-input{width:100%;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.brand-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.brand-modal-input-sm{font-size:.875rem}.brand-modal-input::placeholder{color:#9ca3af}.brand-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.brand-modal-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;min-width:80px}.brand-modal-cancel-btn{border:1px solid #d1d5db;background-color:white;color:#374151}.brand-modal-cancel-btn:hover:not(:disabled){background-color:#f9fafb}.brand-modal-submit-btn{background-color:#2563eb;color:white;border:none}.brand-modal-submit-btn:hover:not(:disabled){background-color:#1d4ed8}.brand-modal-btn:disabled{opacity:.5;cursor:not-allowed}.car-modal__form{display:flex;flex-direction:column;gap:16px}.car-modal__row{display:flex;gap:16px;flex-wrap:wrap}.car-modal__field-half{flex:1;min-width:280px}.car-modal__field-full{width:100%}.car-modal__image-preview{position:relative;width:100%;height:300px;margin:16px 0;border:1px solid #ddd;border-radius:8px;overflow:hidden}.car-modal__rich-text{margin:16px 0}.car-modal__label{margin-bottom:8px;display:block;font-weight:500}.car-modal__quill{height:200px}.car-modal__quill .ql-container{height:calc(100% - 42px)}.car-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #eee}.car-modal__error{margin-bottom:16px}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}