@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#00838f;--primary-dark:#005662;--primary-light:#4fb3bf;--secondary:#2c3e50;--secondary-light:#34495e;--text-light:#fff;--text-dark:#333;--background:#f5f5f5;--error:#e74c3c;--success:#2ecc71;--transition:all 0.3s ease;--box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;--box-shadow-hover:0 10px 15px #0000001a,0 4px 6px #0000000d;--container-width:1200px;--header-height:100px;--footer-height:95px;--border-radius:8px;--padding-sm:0.5rem;--padding-md:1rem;--padding-lg:2rem}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#f5f5f5;background-color:var(--background);font-size:16px;scroll-behavior:smooth}body{color:#333;color:var(--text-dark);font-family:Poppins,sans-serif;line-height:1.6}#root,body{min-height:100vh}#root,#root>div,body{display:flex;flex-direction:column}#root>div{flex:1 1;min-height:80vh}a{color:inherit;text-decoration:none;transition:all .3s ease;transition:var(--transition)}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}button{background-color:#00838f;background-color:var(--primary);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-light);cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}button:hover{background-color:#005662;background-color:var(--primary-dark);transform:translateY(-2px)}input{border:1px solid #ddd;border-radius:8px;border-radius:var(--border-radius);font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}input:focus{border-color:#00838f;border-color:var(--primary);box-shadow:0 0 0 2px #00838f33;outline:none}.container{margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:0 1rem;padding:0 var(--padding-md);width:100%}.btn-back{align-items:center;background-color:#00838f;background-color:var(--primary);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;margin:.5rem 0;padding:.4rem .8rem}.btn-back:before{content:"←";font-size:1.2rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.car-modal-overlay{background:#000000b3;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.car-modal,.car-modal-overlay{align-items:center;display:flex}.car-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;flex-direction:column;height:95vh;justify-content:flex-start;max-height:95vh;max-width:900px;min-width:320px;overflow-y:auto;padding:0 0 24px;position:relative;width:40vw}.car-modal-close{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:2rem;height:40px;line-height:1;padding:5px;position:absolute;right:16px;top:16px;width:40px;z-index:10}.car-modal-close:hover{background-color:var(--primary-light);color:var(--text-light);transform:none}.car-modal img{background:#f5f5f5;border-radius:16px 16px 0 0;display:block;height:360px;margin-bottom:0;max-height:360px;max-width:100%;object-fit:cover;width:100%}.car-modal h2{margin:0 0 12px}.car-modal p{font-size:1.1rem;margin:6px 0}.car-engine-section{margin-top:24px;padding:0 1rem;width:100%}.car-engine-title{margin-bottom:8px}.car-engine-table{background:#f8f8f8;border-collapse:collapse;border-radius:8px;margin-top:8px;width:100%}.car-engine-th{background:#e0e0e0}.car-engine-td,.car-engine-th{border:1px solid #ccc;padding:8px}.car-engine-td{vertical-align:middle}.car-engine-td-title{color:#222;font-weight:700}.car-engine-td-empty{color:#888;text-align:center}.car-engine-moto-table{background:none;border-collapse:collapse;width:100%}.car-engine-moto-td{border:none;padding:2px 8px}.car-modal-separator{border:none;border-top:3px solid #e0e0e0;margin:18px auto 16px;width:40%}@media (max-width:1600px){.car-modal{width:50vw}}@media (max-width:1200px){.car-modal{width:60vw}}@media (max-width:992px){.car-modal{width:70vw}.car-modal img{height:300px;max-height:300px}}@media (max-width:768px){.car-modal{height:90vh;padding-bottom:16px;width:85vw}.car-modal img{height:250px;max-height:250px}.car-modal p{font-size:1rem}.car-engine-table{font-size:.9rem}.car-engine-td,.car-engine-th{padding:6px}.car-modal-close{background-color:#ffffffb3;border-radius:50%;font-size:1.8rem;height:35px;right:12px;top:12px;width:35px}}header{background-color:var(--primary);box-shadow:var(--box-shadow);color:var(--text-light);height:var(--header-height);padding:0;position:sticky;top:0;width:100%;z-index:100}header h1{font-size:1.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}#nav{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-width);padding:0 var(--padding-md)}#nav li{position:relative}#nav li a{border-radius:var(--border-radius);color:var(--text-light);font-weight:500;padding:1.5rem 3rem;transition:var(--transition)}#nav li a:hover{background-color:#ffffff1a}#nav li a:active{transform:scale(.98)}header:not(:has(#nav)){align-items:center;display:flex;justify-content:center;padding:.5rem var(--padding-md)}header:not(:has(#nav)) h1{padding-bottom:5px;position:relative}header:not(:has(#nav)) h1:after{background-color:var(--text-light);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(.7);transition:transform .3s ease;width:100%}header:not(:has(#nav)) h1:hover:after{transform:scaleX(1)}.logout-btn{background:var(--primary-dark);border:1px solid var(--primary);border-radius:6px;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;position:absolute;right:32px;top:18px;transition:background .2s,color .2s,transform .2s;z-index:200}.logout-btn:hover{background-color:#ffffff1a;color:#fff}.dashboard-btn{background:var(--primary-dark);border:1px solid var(--primary);border-radius:6px;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:600;left:32px;padding:1rem 2rem;position:absolute;top:18px;transition:background .2s,color .2s,transform .2s;z-index:200}.dashboard-btn:hover{background-color:#ffffff1a;color:#fff}.header-divider{background:#d1d1d1;border-radius:2px;height:3px!important;margin:var(--padding-md) auto;max-width:600px;min-height:3px!important;width:40vw}@media (max-width:1450px) and (min-width:769px){#nav{gap:1rem;justify-content:center;max-width:100%;padding:0 var(--padding-sm)}#nav li a{font-size:.9rem;padding:1.5rem 1rem}header h1{font-size:1.5rem}.dashboard-btn,.logout-btn{font-size:.9rem;padding:.8rem 1.5rem;top:15px}.logout-btn{right:15px}.dashboard-btn{left:15px}}@media (max-width:768px){#nav{flex-direction:column;height:auto;padding:var(--padding-sm) var(--padding-md);padding-bottom:20px;padding-top:60px}#nav li{margin:.5rem 0;text-align:center;width:100%}header{height:auto;position:relative}.dashboard-btn,.logout-btn{position:fixed;top:10px;z-index:200}.logout-btn{right:10px}.dashboard-btn{left:10px}#nav li a{display:inline-block;padding:1rem 2rem;width:80%}}footer{background-color:var(--secondary);color:var(--text-light);margin-top:auto;padding:var(--padding-md) var(--padding-md);width:100%}footer .footer-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:var(--container-width)}.footer-brand{flex:1 1;min-width:150px}.footer-copyright{flex:2 1;font-size:.9rem;opacity:.8;text-align:center}.footer-links{flex:1 1;min-width:150px;text-align:right}footer h1{font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;padding-bottom:5px;position:relative;text-transform:uppercase}footer h1:after{background-color:var(--primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.github-link{align-items:center;color:var(--primary-light);display:inline-flex;font-weight:500;transition:var(--transition)}.github-link:hover{color:var(--text-light);transform:translateX(5px)}.github-link:before{content:"→";margin-right:.5rem;transition:var(--transition)}.github-link:hover:before{transform:translateX(3px)}@media (max-width:768px){footer .footer-container{flex-direction:column;gap:1rem}.footer-brand,.footer-copyright,.footer-links{min-width:100%;text-align:center}footer h1:after{left:50%;transform:translateX(-50%)}.github-link{justify-content:center}.github-link:hover{transform:none}}.profile-page{display:flex;flex-direction:column;min-height:100vh}.profile-page h1{color:var(--primary-dark);font-size:2rem;margin:var(--padding-lg) 0;padding-bottom:10px;position:relative;text-align:center}.profile-page h1:after{background-color:var(--primary);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.profile-cars,.profile-info{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:0 auto var(--padding-lg);max-width:800px;padding:var(--padding-lg);transition:var(--transition)}.profile-cars:hover,.profile-info:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-3px)}.profile-info p{border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:var(--padding-md);padding-bottom:var(--padding-md)}.profile-info p:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-info p strong{color:var(--primary-dark);font-weight:600}.profile-cars h2{border-bottom:2px solid var(--primary-light);color:var(--primary-dark);font-size:1.5rem;margin-bottom:var(--padding-md);padding-bottom:10px}.profile-cars ul{list-style:none;padding:0}.profile-cars li{background-color:#00838f0d;border-left:3px solid var(--primary);border-radius:var(--border-radius);margin-bottom:var(--padding-sm);padding:var(--padding-md);transition:var(--transition)}.profile-cars li:hover{background-color:#00838f1a;transform:translateX(5px)}.profile-cars .car-card{max-width:350px;min-width:260px;padding:20px;position:relative;width:100%}.profile-cars .car-card img{border-radius:8px;height:180px;margin-bottom:10px;max-width:320px;object-fit:cover;width:100%}.delete-car-btn{align-items:center;background-color:var(--error);border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;transition:all .2s ease;width:30px;z-index:10}.delete-car-btn:hover{background-color:#c0392b;transform:scale(1.1)}.delete-car-btn:disabled{background-color:#95a5a6;cursor:not-allowed}@media (max-width:768px){.profile-cars,.profile-info{margin:0 var(--padding-md) var(--padding-md);padding:var(--padding-md)}.profile-page h1{font-size:1.8rem;margin:var(--padding-md) 0}.profile-info p{flex-direction:column;gap:.25rem}}.discover-page h1{color:var(--primary-dark);font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-left:3rem;margin-top:1rem}.error,.loading{font-size:1.2rem;padding:2rem;text-align:center}.like-button,.unlike-button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.8rem 1.5rem}.like-button:hover,.unlike-button:hover{background-color:none!important}.heart-icon.liked{color:#ff3b5c}button.heart-button{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font-weight:400!important;height:auto!important;letter-spacing:normal!important;line-height:1!important;margin:0!important;min-height:auto!important;min-width:auto!important;outline:none!important;padding:0!important;text-decoration:none!important;text-transform:none!important;width:auto!important}button.heart-button:active,button.heart-button:focus,button.heart-button:hover{background:#0000!important;border:none!important;box-shadow:none!important;color:inherit!important;transform:scale(1.2)}.heart-button-plain{outline:none!important}.heart-button-plain,.heart-button-plain:active,.heart-button-plain:focus,.heart-button-plain:hover{background:#0000!important;border:none!important;box-shadow:none!important}.heart-icon{display:block!important;font-size:30px!important}.heart-icon.liked{color:#ff3b5c!important}.connection-container{align-items:center;background:linear-gradient(135deg,#00838f1a,#2c3e501a);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:var(--padding-md)}.connection{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:500px;padding:var(--padding-md);text-align:center;transition:var(--transition);width:100%}.connection:hover{box-shadow:var(--box-shadow-hover)}.connection h1{color:var(--primary);font-size:2rem;margin-bottom:.5rem}.connection p{color:var(--secondary);font-size:1.1rem;margin-bottom:var(--padding-md)}.connection-options{grid-gap:var(--padding-md);display:grid;gap:var(--padding-md);grid-template-columns:1fr 1fr;margin-top:var(--padding-md)}.connection-options button{align-items:center;border-radius:var(--border-radius);display:flex;flex-direction:column;font-size:1.1rem;gap:10px;height:80px;justify-content:center;transition:var(--transition)}.connection-options button:first-child{background-color:var(--primary)}.connection-options button:last-child{background-color:var(--secondary)}.connection-options button:hover{transform:translateY(-5px)}.connection-options button:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:30px;width:30px}.connection-options button:first-child:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}.connection-options button:last-child:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}.connection-separator{align-items:center;color:var(--secondary-light);display:flex;gap:var(--padding-sm);margin:var(--padding-md) 0}.connection-separator:after,.connection-separator:before{background-color:#ddd;content:"";flex:1 1;height:1px}.guest-options{grid-gap:var(--padding-md);display:grid;gap:var(--padding-md)}.guest-options button{background-color:initial;border:1px solid var(--primary);color:var(--primary)}.guest-options button:hover{background-color:var(--primary);color:var(--text-light)}.guest-options button:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:600px){.connection-options{grid-template-columns:1fr}.connection-options button{height:80px}}.register-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:var(--padding-md)}.register-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:450px;overflow:hidden;transition:var(--transition);width:100%}.register-card:hover{box-shadow:var(--box-shadow-hover)}.register-header{align-items:center;background-color:var(--primary);color:var(--text-light);display:flex;gap:1rem;padding:var(--padding-md)}.register-header h1{flex-grow:1;margin-right:2rem;text-align:center}.register-header .btn-back{background-color:initial;margin:0;min-width:40px;padding:.4rem}.register-header .btn-back:hover{background-color:#0000001a}.register-form{padding:var(--padding-md)}.form-row{display:flex;gap:var(--padding-md);margin-bottom:.2rem}.form-group{flex:1 1}.form-group label{margin-bottom:.1rem}.register-form input{margin-bottom:.3rem;padding:.5rem .75rem}.register-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:var(--padding-md)}.register-actions button{width:100%}.register-actions button[type=button]{background-color:initial;border:1px solid var(--primary);color:var(--primary)}.register-actions button[type=button]:hover{background-color:#00838f1a}.password-requirements{color:#666;font-size:.8rem;margin-top:.25rem}.term-condition{align-items:flex-start;display:flex;margin-top:var(--padding-md)}.term-condition input{margin-right:.5rem;width:auto}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--footer-height))}.login-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:450px;overflow:hidden;transition:var(--transition);width:100%}.login-card:hover{box-shadow:var(--box-shadow-hover)}.login-header{align-items:center;background-color:var(--primary);color:var(--text-light);display:flex;gap:1rem;padding:var(--padding-md)}.login-header h1{flex-grow:1;margin-right:2rem;text-align:center}.login-header .btn-back{background-color:initial;margin:0;min-width:40px;padding:.4rem}.login-header .btn-back:hover{background-color:#0000001a}.login-form{padding:var(--padding-md)}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.login-form input{margin-bottom:.5rem;padding:.5rem .75rem}.error-message{background-color:#e74c3c1a;border-left:3px solid var(--error);border-radius:var(--border-radius);color:var(--error);font-size:.9rem;margin-bottom:var(--padding-md);padding:.75rem}.login-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:var(--padding-md)}.login-actions button{width:100%}.login-actions button[type=button]{background-color:initial;border:1px solid var(--primary);color:var(--primary)}.login-actions button[type=button]:hover{background-color:#00838f1a}.login-actions button:disabled{cursor:not-allowed;opacity:.7;transform:none}.dashboard-grid{grid-gap:32px;align-items:flex-start;display:grid;gap:32px;margin:40px auto;max-width:1400px;width:100%}.dashboard-grid-2{grid-template-columns:1fr 1fr}.dashboard-grid-3{grid-template-columns:1fr 1fr 1fr}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;min-width:0;padding:24px 20px 20px}.dashboard-section h2{font-size:1.3rem;margin-bottom:18px;margin-top:0}.dashboard-actions{display:flex;gap:12px;margin-bottom:18px}.dashboard-actions button{align-items:center;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s}.dashboard-actions button,.dashboard-actions button:hover{background:var(--primary-light)}.dashboard-actions button.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:500}.dashboard-actions button.active:hover{background:var(--primary)}.dashboard-form{display:flex;flex-direction:column;gap:10px}.dashboard-form input,.dashboard-form select{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:8px 10px}.dashboard-form button[type=submit]{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:10px 0;transition:background .2s,transform .2s}.dashboard-form button[type=submit]:hover{background:var(--primary-light)}@media (max-width:1200px){.dashboard-grid-2,.dashboard-grid-3{grid-template-columns:1fr}.dashboard-grid{margin:24px auto;max-width:98vw}}.vamodal-overlay{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.vamodal{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;max-height:80vh;max-width:80vw;min-width:320px;overflow-y:auto;padding:32px 24px 24px;position:relative;width:70vw}.vamodal-close{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:2rem;height:40px;line-height:1;padding:5px;position:absolute;right:16px;top:16px;width:40px;z-index:10}.vamodal-close:hover{background-color:var(--primary-light);color:var(--text-light);transform:none}.vamodal-title{margin:0 0 18px;text-align:center}.vamodal-table-wrapper{overflow-x:auto}.vamodal-table{background:#f8f8f8;border-collapse:collapse;border-radius:8px;width:100%}.vamodal-table td,.vamodal-table th{border:none;padding:12px 8px;text-align:left}.vamodal-table tr:nth-child(2n){background-color:#f2f2f2}.vamodal-table tr:nth-child(odd){background-color:#fff}.vamodal-table td:last-child{background:#0000}.vamodal-table th{background:#e0e0e0;border-bottom:2px solid #ccc}.vamodal-delete-btn{padding:.8rem 0}.vamodal-table td.image_url-col{color:#1a237e;cursor:pointer;max-width:350px;overflow:hidden;text-overflow:ellipsis;transition:background .2s;white-space:normal;word-break:break-word}.vamodal-table td.image_url-col.expanded{background:#f0f4ff;color:#222;max-width:350px;white-space:normal;word-break:break-all}.vamodal-table th.image_url-col{max-width:350px}.vamodal-action-col{max-width:280px;min-width:90px;text-align:right;width:1%}.vamodal-update-btn{background:var(--primary-light);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-right:4px;outline:none;padding:.8rem .5rem;transition:background .2s,color .2s,transform .2s;width:120px}.vamodal-update-btn:hover{background:var(--primary);transform:translateY(-2px)}.vamodal-delete-btn{background:#e74e4e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-left:4px;outline:none;padding:.8rem;transition:background .2s,color .2s,transform .2s;width:120px}.vamodal-delete-btn:hover{background:#aa1818}@media (max-width:900px){.vamodal{min-width:0;padding:16px 4px;width:95vw}}.add-page{background:var(--background);min-height:100vh;padding-bottom:2rem}.add-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 2rem 1rem}.add-header h1{color:var(--primary-dark);font-size:2rem;font-weight:700;margin:0 1.5rem 0 0}.add-search-bar{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000000a;font-size:1.1rem;max-width:350px;min-width:260px;padding:.7rem 1.2rem;transition:border .2s}.add-search-bar:focus{border:1.5px solid var(--primary);outline:none}.add-car-btn{align-items:center;background-color:var(--success);border:none;border-radius:16px;box-shadow:0 2px 5px #00000021;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:45px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .2s,transform .2s;width:45px;z-index:10}.add-car-btn:hover:not(:disabled){background-color:#27ae60;transform:scale(1.1)}.add-car-btn:disabled{background-color:#b2bec3;cursor:not-allowed}@media (max-width:1200px){.cars-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.cars-list{grid-template-columns:repeat(2,1fr)}.add-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:600px){.cars-list{grid-template-columns:1fr}.add-header{padding:1rem .5rem}}.liked-page{max-width:100vw}.liked-page h1{color:var(--primary-dark);font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-left:3rem;margin-top:1rem}.error,.loading,.no-likes{font-size:1.2rem;padding:2rem;text-align:center}.error{color:#e74c3c}.cars-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);margin:1rem 0;padding:0 1rem}.car-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;margin:.7rem auto;max-width:350px;padding:16px;position:relative;text-align:center;transition:transform .3s,box-shadow .3s}.car-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-7px)}.unlike-button{background:none;border:none;color:#000;cursor:pointer;margin-top:1rem}.heart-button{align-items:center;background:#0000!important;border:none!important;box-shadow:none!important;cursor:pointer;display:flex;justify-content:center;margin:0!important;outline:none!important;padding:0!important;position:absolute;right:10px;top:10px;transition:transform .2s ease;z-index:10}.heart-button:hover{background:#0000!important;transform:scale(1.2)}.heart-icon{color:#ff3b5c;font-size:30px}@media (max-width:768px){.cars-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
/*# sourceMappingURL=main.ff4eed64.css.map*/