html{scroll-behavior:smooth}:root{--primary:#5d4037;--primary-dark:#4e342e;--primary-light:#795548;--primary-glow:#5d40374d;--secondary:#d7ccc8;--secondary-dark:#bcaaa4;--secondary-glow:#d7ccc84d;--gold:gold;--accent:#8d6e63;--green:#4caf50;--orange:#ff9800;--red:#f44336;--background:#1a1a1a;--surface:#2d2d2d;--surface-light:#3d3d3d;--bg-elevated:#333;--text:#fff;--text-secondary:#b0b0b0;--text-muted:grey;--success:#4caf50;--error:#f44336;--warning:#ff9800;--info:#2196f3;--border-color:#404040;--border-light:#505050;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;background-color:var(--background);color:#fff;color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}body:before{background:radial-gradient(ellipse at top left,#5d403714 0,#0000 50%),radial-gradient(ellipse at bottom right,#d7ccc80d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600}a{color:#d7ccc8;color:var(--secondary);text-decoration:none;transition:color .2s}a:hover{color:#795548;color:var(--primary-light)}button{border:none;cursor:pointer;outline:none;transition:all .2s}button,input,select,textarea{font-family:DM Sans,sans-serif}input,select,textarea{background:#2d2d2d;background:var(--surface);border:1px solid #404040;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#5d4037;border-color:var(--primary);box-shadow:0 0 0 3px #5d40374d;box-shadow:0 0 0 3px var(--primary-glow);outline:none}input::placeholder,textarea::placeholder{color:grey;color:var(--text-muted)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--background)}::-webkit-scrollbar-thumb{background:#404040;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#505050;background:var(--border-light)}.container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#5d4037,#4e342e);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 2px 8px #0000004d,0 0 15px #5d40374d;box-shadow:var(--shadow-sm),0 0 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 4px 16px #0006,0 0 25px #5d40374d;box-shadow:var(--shadow-md),0 0 25px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#d7ccc8,#bcaaa4);background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));box-shadow:0 2px 8px #0000004d,0 0 15px #d7ccc84d;box-shadow:var(--shadow-sm),0 0 15px var(--secondary-glow);color:#1a1a1a;color:var(--background)}.btn-secondary:hover{box-shadow:0 4px 16px #0006,0 0 25px #d7ccc84d;box-shadow:var(--shadow-md),0 0 25px var(--secondary-glow);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #5d4037;border:2px solid var(--primary);color:#795548;color:var(--primary-light)}.btn-outline:hover{background:#5d40374d;background:var(--primary-glow);border-color:#795548;border-color:var(--primary-light)}.btn-ghost{background:#0000;color:#b0b0b0;color:var(--text-secondary)}.btn-ghost:hover{background:#3d3d3d;background:var(--surface-light);color:#fff;color:var(--text)}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);background:linear-gradient(135deg,var(--error),#d32f2f);color:#fff}.btn-danger:hover{background:#d32f2f}.btn-success{background:linear-gradient(135deg,#4caf50,#388e3c);background:linear-gradient(135deg,var(--success),#388e3c);color:#fff}.btn-lg{font-size:1.1rem;padding:1rem 2rem}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.card{background:#2d2d2d;background:var(--surface);border:1px solid #404040;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s}.card:hover{border-color:#505050;border-color:var(--border-light);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md)}.badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.badge-primary{background:#5d40374d;background:var(--primary-glow);color:#795548;color:var(--primary-light)}.badge-success{background:#4caf5033;color:#4caf50;color:var(--success)}.badge-warning{background:#ff980033;color:#ff9800;color:var(--warning)}.badge-error{background:#f4433633;color:#f44336;color:var(--error)}.badge-info{background:#d7ccc84d;background:var(--secondary-glow);color:#d7ccc8;color:var(--secondary)}.form-group{margin-bottom:1.25rem}.form-group label{color:#b0b0b0;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table-container{border:1px solid #404040;border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}th{background:#333;background:var(--bg-elevated);color:#b0b0b0;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}tr:hover td{background:#3d3d3d;background:var(--surface-light)}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:#2d2d2d;background:var(--surface);border:1px solid #404040;border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{font-size:1.25rem}.modal-close{background:none;border:none;color:grey;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:.25rem}.modal-close:hover{color:#fff;color:var(--text)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #404040;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.loading{align-items:center;display:flex;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:3px solid #404040;border-top-color:#5d4037;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.performance-stars{display:flex;gap:2px}.star{background:#3d3d3d;background:var(--surface-light);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:16px;width:16px}.star.filled{background:gold;background:var(--gold)}.stat-card{background:#2d2d2d;border:1px solid #404040;border:1px solid var(--border-color);text-align:center}.stat-card .stat-value{color:#795548;color:var(--primary-light);margin-bottom:.25rem}.stat-card .stat-label{color:#b0b0b0;font-size:.9rem}.text-primary{color:#795548;color:var(--primary-light)}.text-secondary{color:#b0b0b0;color:var(--text-secondary)}.text-muted{color:grey;color:var(--text-muted)}.text-success{color:#4caf50;color:var(--success)}.text-danger{color:#f44336;color:var(--error)}.text-gold{color:gold;color:var(--gold)}.text-cyan{color:#d7ccc8;color:var(--secondary)}.text-green{color:#4caf50;color:var(--green)}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.tabs{background:#2d2d2d;overflow-x:auto}.tab{color:#b0b0b0;white-space:nowrap}.tab:hover{color:#fff}.tab.active{background:#5d4037}.avatar{border:2px solid #404040;border:2px solid var(--border-color)}.avatar-placeholder{background:#5d4037}.image-placeholder{background:#3d3d3d;background:var(--surface-light);border:2px dashed #404040;border:2px dashed var(--border-color);border-radius:8px;color:grey;color:var(--text-muted);height:150px}@media (max-width:768px){.container{padding:0 1rem}.form-row{grid-template-columns:1fr}.modal{margin:.5rem}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-left:240px;padding:2rem}@media (max-width:768px){.main-content{margin-left:0;padding-bottom:80px}}.loading-screen{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh}.page-header h1{color:var(--text);font-size:2rem;margin-bottom:.5rem}.page-header p{color:var(--text-secondary)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--surface-light);border-radius:12px;padding:1.5rem}.stat-card .stat-label{color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.5rem}.stat-card .stat-value{color:var(--text);font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.stat-card .stat-value.primary{color:var(--primary-light)}.stat-card .stat-value.success{color:var(--success)}.stat-card .stat-value.warning{color:var(--warning)}.section{margin-bottom:2rem}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.25rem}.actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-input{max-width:400px;min-width:200px}.search-input input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b0b0b0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");background-position:.75rem;background-repeat:no-repeat;background-size:1.25rem;padding-left:2.5rem;width:100%}.grid-2{grid-gap:1.5rem;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-gap:1.5rem;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{margin-top:60px;padding:1rem 0}.page-header h1{font-size:1.5rem}}.empty-state{color:var(--text-secondary)}.empty-state svg{height:64px;margin-bottom:1rem;opacity:.5;width:64px}.empty-state h3{color:var(--text);margin-bottom:.5rem}.tabs{background:var(--surface);border-radius:10px;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.25rem}.tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{background:var(--primary);color:#fff}.alert-warning{background:#ff980026;border:1px solid var(--warning);color:var(--warning)}.alert-info{background:#2196f326;border:1px solid var(--info);color:var(--info)}.avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.avatar-lg{height:56px;width:56px}.avatar-placeholder{align-items:center;background:var(--primary);color:#fff;display:flex;font-weight:600;justify-content:center;text-transform:uppercase}.hero,.landing-page{min-height:100vh}.hero{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--background) 100%);display:flex;justify-content:center;overflow:hidden;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%235D4037' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";opacity:.5}.hero-overlay,.hero:before{bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay{background:radial-gradient(ellipse at center,#0000 0,var(--background) 70%)}.hero-content{max-width:800px;padding:2rem;position:relative;text-align:center}.hero-content h1{color:var(--secondary);font-family:Playfair Display,serif;font-size:5rem;font-weight:700;letter-spacing:15px;margin-bottom:.5rem;text-shadow:0 4px 20px #0000004d}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;letter-spacing:5px;margin-bottom:1.5rem;text-transform:uppercase}.hero-tagline{color:var(--text);font-size:1.1rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:500px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-lg{font-size:1rem;padding:1rem 2.5rem}.hero-scroll{align-items:center;animation:bounce 2s infinite;bottom:2rem;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.about-section{background:var(--background);padding:6rem 0}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.section-label{color:var(--primary-light);display:inline-block;font-size:.85rem;letter-spacing:3px;margin-bottom:1rem;text-transform:uppercase}.about-text h2{color:var(--secondary);font-size:2.5rem;margin-bottom:1.5rem}.about-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.about-stats{display:flex;gap:2rem}.about-stat{display:flex;flex-direction:column}.stat-number{color:var(--primary-light);font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700}.about-image,.image-placeholder{display:flex;justify-content:center}.image-placeholder{align-items:center;aspect-ratio:16/10;background:var(--surface);border:2px dashed var(--primary);border-radius:16px;color:var(--primary);max-width:400px;width:100%}.featured-section{background:var(--surface);padding:6rem 0}.featured-section .section-header{margin-bottom:3rem;text-align:center}.featured-section .section-header h2{color:var(--secondary);font-size:2.5rem}.featured-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.featured-card{background:var(--background);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}.featured-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.featured-image{aspect-ratio:16/10;overflow:hidden}.featured-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.featured-card:hover .featured-image img{transform:scale(1.05)}.featured-image .image-placeholder{border:none;border-radius:0;height:100%;max-width:none}.featured-content{padding:1.5rem}.featured-brand{color:var(--primary-light);font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.featured-content h3{color:var(--text);font-size:1.25rem;margin:.5rem 0}.featured-price{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.section-cta{margin-top:3rem;text-align:center}.cta-section{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);padding:6rem 0}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-content h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.cta-content p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.landing-footer{background:var(--background);border-top:1px solid var(--surface-light);padding:4rem 0 2rem}.footer-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.footer-brand .logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;letter-spacing:3px}.footer-brand p{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-secondary);font-weight:500}.footer-links a:hover{color:var(--secondary)}.footer-bottom{border-top:1px solid var(--surface-light);color:var(--text-secondary);font-size:.9rem;padding-top:2rem;text-align:center}@media (max-width:992px){.hero-content h1{font-size:3.5rem;letter-spacing:10px}.about-content{gap:2rem;grid-template-columns:1fr}.about-image{order:-1}.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{min-height:auto;padding:8rem 1rem 4rem}.hero-content h1{font-size:2.5rem;letter-spacing:5px}.hero-subtitle{font-size:1rem;letter-spacing:3px}.hero-buttons{flex-direction:column}.hero-scroll{display:none}.about-section,.cta-section,.featured-section{padding:4rem 0}.about-text h2,.cta-content h2,.featured-section .section-header h2{font-size:1.75rem}.about-stats{flex-direction:column;gap:1rem}.featured-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:2rem;text-align:center}}.fade-section{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.fade-section.animate-in{opacity:1;transform:translateY(0)}.animate-in .about-stat,.animate-in .featured-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.animate-in .about-stat:first-child,.animate-in .featured-card:first-child{animation-delay:.1s}.animate-in .about-stat:nth-child(2),.animate-in .featured-card:nth-child(2){animation-delay:.2s}.animate-in .about-stat:nth-child(3),.animate-in .featured-card:nth-child(3){animation-delay:.3s}.animate-in .featured-card:nth-child(4){animation-delay:.4s}.animate-in .featured-card:nth-child(5){animation-delay:.5s}.animate-in .featured-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-content{animation:heroEntrance 1s ease forwards}@keyframes heroEntrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer-links button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:inherit;font-weight:500;padding:0;transition:color .2s}.footer-links button:hover{color:var(--secondary)}.catalog-page{min-height:100vh;padding-top:70px}.catalog-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);padding:4rem 0;text-align:center}.catalog-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.catalog-header p{color:#fffc;font-size:1.1rem}.catalog-tabs{display:flex;gap:.5rem;margin:2rem 0 1rem}.catalog-tab{background:var(--surface);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.catalog-tab:hover{background:var(--surface-light);color:var(--text)}.catalog-tab.active{background:var(--primary);color:#fff}.catalog-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;padding:2rem 0}.occasion-badge{background:var(--warning);border-radius:4px;color:#000;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.vehicle-card.used{border:2px solid var(--warning)}.vehicle-category.occasion{background:var(--warning);color:#000}.catalog-filters{background:var(--surface);border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:90px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filters-header h3{color:var(--text);font-size:1.1rem}.clear-filters{background:none;border:none;color:var(--primary-light);cursor:pointer;font-size:.85rem}.clear-filters:hover{text-decoration:underline}.filter-group{margin-bottom:1.25rem}.filter-group label{color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.5rem}.filter-group input,.filter-group select{width:100%}.catalog-main{min-height:400px}.catalog-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.vehicles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vehicle-card{background:var(--surface);border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.vehicle-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-4px)}.vehicle-image{aspect-ratio:16/10;overflow:hidden;position:relative}.vehicle-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.vehicle-card:hover .vehicle-image img{transform:scale(1.05)}.vehicle-image .image-placeholder{background:var(--surface-light);border:none;border-radius:0;height:100%;max-width:none}.vehicle-category{background:var(--primary);border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;left:.75rem;padding:.25rem .75rem;position:absolute;top:.75rem}.vehicle-content{padding:1.25rem}.vehicle-brand{color:var(--primary-light);font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.vehicle-content h3{color:var(--text);font-size:1.15rem;margin:.25rem 0 .5rem}.vehicle-price{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700}.vehicle-modal{max-width:700px}.vehicle-detail-image{aspect-ratio:16/9;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.vehicle-detail-image img{height:100%;object-fit:cover;width:100%}.vehicle-detail-image .image-placeholder{aspect-ratio:auto;height:100%;max-width:none}.vehicle-detail-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.detail-row{background:var(--surface-light);border-radius:8px;padding:1rem}.detail-label{color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:.25rem}.detail-value{color:var(--text);font-size:1.1rem;font-weight:600}.detail-value.price{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.5rem}.vehicle-specs{background:var(--surface-light);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.vehicle-specs h4{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.specs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.spec-item{align-items:center;display:flex;justify-content:space-between}.spec-label{color:var(--text);font-size:.9rem}.turbo-badge{border-radius:4px;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.turbo-badge.yes{background:#4caf5033;color:var(--success)}.turbo-badge.no{background:var(--surface);color:var(--text-secondary)}.vehicle-description h4{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.vehicle-description p{color:var(--text);line-height:1.6}@media (max-width:992px){.catalog-content{grid-template-columns:1fr}.catalog-filters{position:static}}@media (max-width:768px){.catalog-header{padding:2.5rem 0}.catalog-header h1{font-size:1.75rem}.specs-grid,.vehicle-detail-info,.vehicles-grid{grid-template-columns:1fr}}.btn-buyback{align-items:center;background:var(--secondary);border:none;border-radius:8px;color:var(--primary-dark);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-top:1.5rem;padding:.85rem 1.75rem;transition:all .3s}.btn-buyback:hover{background:#fff;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.buyback-modal{max-height:90vh;max-width:600px;overflow-y:auto}.buyback-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:var(--surface-light);border-radius:8px;padding:1.25rem}.form-section h4{color:var(--text);font-size:1rem;margin-bottom:1rem}.form-hint{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.4rem}.form-group input,.form-group textarea{width:100%}.form-group textarea{min-height:100px;resize:vertical}.specs-inputs{display:flex;flex-direction:column;gap:1rem}.spec-input{align-items:center;display:flex;gap:1rem}.spec-input label{color:var(--text);font-size:.9rem;min-width:100px}.spec-slider{align-items:center;display:flex;flex:1 1;gap:1rem}.spec-slider input[type=range]{-webkit-appearance:none;background:var(--surface);border-radius:3px;cursor:pointer;flex:1 1;height:6px}.spec-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:transform .2s;transition:transform .2s;width:18px}.spec-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.spec-value{color:var(--primary-light);font-weight:600;min-width:35px}.turbo-input{padding-top:.5rem}.toggle-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:var(--surface);border-radius:26px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem}.btn-primary,.btn-secondary{border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:var(--primary);border:none;color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#0000;border:1px solid var(--surface-light);color:var(--text-secondary)}.btn-secondary:hover{background:var(--surface-light);color:var(--text)}.buyback-success{padding:2rem;text-align:center}.buyback-success .success-icon{color:var(--success);margin-bottom:1.5rem}.buyback-success h3{color:var(--text);font-size:1.5rem;margin-bottom:1rem}.buyback-success p{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.buyback-success .btn-primary{margin-top:1.5rem}@media (max-width:600px){.form-row{grid-template-columns:1fr}.spec-input{flex-wrap:wrap}.spec-input label{margin-bottom:.25rem;min-width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.login-page{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--background) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{max-width:420px;width:100%}.login-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-decoration:none}.login-logo .logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;letter-spacing:8px}.login-logo .logo-subtitle{color:var(--text-secondary);font-size:.85rem;letter-spacing:3px;margin-top:.25rem;text-transform:uppercase}.login-card{background:var(--surface);border-radius:16px;padding:2.5rem;text-align:center}.login-card h1{color:var(--text);font-size:1.75rem;margin-bottom:.75rem}.login-card>p{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.discord-btn{align-items:center;background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s;width:100%}.discord-btn:hover:not(:disabled){background:#4752c4;transform:translateY(-2px)}.discord-btn:disabled{cursor:not-allowed;opacity:.7}.login-footer{border-top:1px solid var(--surface-light);margin-top:2rem;padding-top:1.5rem}.login-footer a{color:var(--text-secondary);font-size:.9rem}.login-footer a:hover{color:var(--primary-light)}@media (max-width:480px){.login-card{padding:1.5rem}.login-logo .logo-text{font-size:2rem}}.complete-profile-page{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--background) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.complete-profile-container{max-width:420px;width:100%}.profile-logo{display:flex;justify-content:center;margin-bottom:2rem;text-decoration:none}.profile-logo .logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:6px}.profile-card{background:var(--surface);border-radius:16px;padding:2.5rem}.profile-header{margin-bottom:2rem;text-align:center}.discord-avatar{border:3px solid var(--primary);border-radius:50%;height:80px;margin-bottom:1rem;width:80px}.profile-header h1{color:var(--text);font-size:1.5rem;margin-bottom:.5rem}.profile-header p{color:var(--text-secondary);font-size:.95rem}.btn-block{margin-top:1rem;width:100%}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.pending-page{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--background) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.pending-container{max-width:480px;width:100%}.pending-logo{display:flex;justify-content:center;margin-bottom:2rem;text-decoration:none}.pending-logo .logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:6px}.pending-card{background:var(--surface);border-radius:16px;padding:2.5rem;text-align:center}.pending-icon{color:var(--warning);margin-bottom:1.5rem}.pending-card h1{color:var(--text);font-size:1.5rem;margin-bottom:1rem}.pending-card>p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.pending-user{align-items:center;background:var(--surface-light);border-radius:12px;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1.25rem}.pending-avatar{border:2px solid var(--primary);border-radius:50%;height:50px;width:50px}.pending-user-info{display:flex;flex-direction:column;text-align:left}.pending-name{color:var(--text);font-weight:600}.pending-discord{color:var(--text-secondary);font-size:.85rem}.pending-actions{display:flex;flex-direction:column;gap:.75rem}.pending-actions .btn{width:100%}.dashboard-page{padding-bottom:3rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.welcome-section h1{color:var(--secondary);font-size:2rem;margin-bottom:.25rem}.welcome-section p{color:var(--text-secondary)}.grade-badge{border-radius:20px;font-size:.9rem;padding:.5rem 1.25rem}.dashboard-section{margin-bottom:2.5rem}.dashboard-section h2{color:var(--text);font-size:1.25rem;margin-bottom:1.25rem}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-card{align-items:center;background:var(--surface);border:1px solid var(--surface-light);border-radius:12px;color:var(--text);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s}.action-card:hover{background:var(--surface-light);border-color:var(--primary);transform:translateY(-2px)}.action-icon{align-items:center;background:#5d403733;border-radius:12px;color:var(--primary-light);display:flex;height:60px;justify-content:center;width:60px}.action-card span{font-size:.95rem;font-weight:500;text-align:center}.recent-sales{background:var(--surface);border-radius:12px;overflow:hidden}.sale-item{align-items:center;border-bottom:1px solid var(--surface-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.sale-item:last-child{border-bottom:none}.sale-info{display:flex;flex-direction:column}.sale-vehicle{color:var(--text);font-weight:600}.sale-client{color:var(--text-secondary);font-size:.85rem}.sale-amount{align-items:flex-end;display:flex;flex-direction:column}.sale-price{color:var(--text);font-weight:600}.sale-commission{color:var(--success);font-size:.85rem}.view-all{color:var(--primary-light);font-size:.9rem;font-weight:500}.view-all:hover{text-decoration:underline}.stat-card.lifetime{border-left:3px solid var(--primary)}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.welcome-section h1{font-size:1.5rem}.quick-actions{grid-template-columns:repeat(2,1fr)}.action-card{padding:1.25rem 1rem}.action-icon{height:50px;width:50px}.action-icon svg{height:24px;width:24px}}.sales-page{padding-bottom:3rem}.sales-page .search-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.sales-page .search-input{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text);flex:1 1;font-size:.95rem;min-width:200px;padding:.75rem 1rem}.sales-page .search-input:focus{border-color:var(--primary);outline:none}.sales-page .filter-select{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text);cursor:pointer;font-size:.95rem;min-width:150px;padding:.75rem 1rem}.sales-page .filter-select:focus{border-color:var(--primary);outline:none}.sale-vehicle-card{background:var(--surface);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.sale-vehicle-image{aspect-ratio:16/10;overflow:hidden;position:relative}.sale-vehicle-image img{height:100%;object-fit:cover;width:100%}.sale-vehicle-image .image-placeholder{background:var(--surface-light);border:none;border-radius:0;height:100%;max-width:none}.sale-vehicle-image .image-placeholder.small{aspect-ratio:auto}.used-badge{background:var(--warning);border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;position:absolute;right:.5rem;top:.5rem}.sale-vehicle-info{flex:1 1;padding:1rem}.sale-vehicle-info .brand{color:var(--primary-light);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.sale-vehicle-info h3{color:var(--text);font-size:1rem;margin:.25rem 0}.sale-vehicle-info .price{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700}.sale-vehicle-card .btn{margin:0 1rem 1rem}.sale-summary{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.sale-summary h3{font-size:1.1rem;margin:0}.client-select{display:flex;gap:.5rem}.client-select input{flex:1 1}.client-dropdown{background:var(--surface);border:1px solid var(--surface-light);border-radius:8px;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.client-option{cursor:pointer;padding:.75rem 1rem;transition:background .2s}.client-option.selected,.client-option:hover{background:var(--surface-light)}.form-group{position:relative}.commission-preview{align-items:center;background:#4caf501a;border:1px solid var(--success);border-radius:8px;display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem}.commission-preview span:first-child{color:var(--text-secondary)}.commission-amount{color:var(--success);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700}.sales-history table .badge{font-size:.7rem;margin-left:.5rem}.commission-cell{color:var(--success);font-weight:600}@media (max-width:768px){.client-select{flex-direction:column}}.used-vehicles-page{padding-bottom:3rem}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background:var(--surface);border:1px solid var(--surface-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--text)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.used-card{background:var(--surface);border-radius:12px;overflow:hidden}.used-card.sold{opacity:.7}.used-card-image{aspect-ratio:16/10;overflow:hidden;position:relative}.used-card-image img{height:100%;object-fit:cover;width:100%}.used-card-image .image-placeholder{background:var(--surface-light);border:none;border-radius:0;height:100%;max-width:none}.used-card-image .badge{position:absolute;right:.5rem;top:.5rem}.used-card-content{padding:1rem}.used-card-content .brand{color:var(--primary-light);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.used-card-content h3{color:var(--text);font-size:1.1rem;margin:.25rem 0 .5rem}.license-plate{background:var(--surface-light);border-radius:4px;color:var(--primary-light);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;padding:.2rem .5rem}.price-row{display:flex;gap:1rem;margin-bottom:1rem}.price-item{background:var(--surface-light);border-radius:6px;flex:1 1;padding:.5rem;text-align:center}.price-item .label{color:var(--text-secondary);display:block;font-size:.7rem;margin-bottom:.25rem}.price-item .value{color:var(--text);font-size:.95rem;font-weight:600}.price-item .value.highlight{color:var(--success)}.specs-preview{background:var(--surface-light);border-radius:8px;margin-bottom:1rem;padding:.75rem}.spec-row{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.spec-row span:first-child{color:var(--text-secondary);font-size:.8rem}.spec-row .turbo{border-radius:4px;font-size:.75rem;font-weight:600;padding:.15rem .4rem}.spec-row .turbo.yes{background:#4caf5033;color:var(--success)}.spec-row .turbo.no{background:var(--surface);color:var(--text-secondary)}.used-card-footer{align-items:center;border-top:1px solid var(--surface-light);display:flex;justify-content:space-between;padding-top:.75rem}.seller-info{display:flex;flex-direction:column;gap:.25rem}.seller{color:var(--text-secondary);font-size:.8rem}.buyer{color:var(--success);font-size:.75rem;font-weight:500}.card-actions{display:flex;gap:.5rem}.form-section-title{border-bottom:1px solid var(--surface-light);color:var(--text-secondary);font-size:.9rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.performance-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.perf-input{display:flex;flex-direction:column;gap:.5rem}.perf-input label{color:var(--text-secondary);font-size:.85rem}.perf-input input[type=range]{-webkit-appearance:none;appearance:none;background:var(--surface-light);border-radius:3px;height:6px;outline:none;width:100%}.perf-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border-radius:50%;cursor:pointer;height:18px;width:18px}.perf-input span{color:var(--primary-light);font-size:.9rem;font-weight:600}.perf-input.checkbox{align-items:center;flex-direction:row}.perf-input.checkbox label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.perf-input.checkbox input[type=checkbox]{accent-color:var(--primary);height:18px;width:18px}.main-tabs{border-bottom:2px solid var(--surface-light);margin-bottom:1.5rem;padding-bottom:0}.main-tab,.main-tabs{display:flex;gap:.5rem}.main-tab{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;position:relative;transition:all .2s}.main-tab:hover{color:var(--text)}.main-tab.active{color:var(--primary-light)}.main-tab.active:after{background:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-badge{border-radius:10px;font-size:.7rem;font-weight:600;min-width:20px;padding:.15rem .5rem;text-align:center}.badge-hidden{background:var(--surface-light)!important;color:var(--text-secondary)!important}.btn-icon.warning{background:#ff980033;color:var(--warning)}.btn-icon.warning:hover{background:var(--warning);color:#fff}.buyback-requests-section{padding:1rem 0}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{background:var(--surface);border-radius:12px;overflow:hidden}.request-card.completed{opacity:.6}.request-card.rejected{border-left:3px solid var(--error);opacity:.6}.request-card.pending{border-left:3px solid var(--warning)}.request-card.contacted{border-left:3px solid var(--info)}.request-header{align-items:center;background:var(--surface-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.request-vehicle{align-items:center;display:flex;gap:.75rem}.request-vehicle h3{color:var(--text);font-size:1.1rem;margin:0}.request-date{color:var(--text-secondary);font-size:.85rem}.request-body{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);padding:1.25rem}.request-client,.request-notes,.request-specs{background:var(--surface-light);border-radius:8px;padding:1rem}.request-client h4,.request-notes h4,.request-specs h4{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.request-client p{color:var(--text);margin:.25rem 0}.request-client .phone{align-items:center;color:var(--primary-light);display:flex;font-weight:500;gap:.5rem;margin-top:.5rem}.request-image{background:var(--surface-light);border-radius:8px;max-height:150px;overflow:hidden}.request-image img{height:100%;object-fit:cover;width:100%}.specs-mini{display:flex;flex-direction:column;gap:.5rem}.spec-mini{align-items:center;display:flex;justify-content:space-between}.spec-mini span:first-child{color:var(--text-secondary);font-size:.8rem}.request-notes{grid-column:span 3}.request-notes p{color:var(--text);line-height:1.5;margin:0}.request-actions{border-top:1px solid var(--surface-light);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.btn-outline.danger{border-color:var(--error);color:var(--error)}.btn-outline.danger:hover{background:#f443361a}.badge-info{background:#2196f333;color:#2196f3}.process-info{background:var(--surface-light);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.process-info p{color:var(--text);margin:.25rem 0}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem}.page-header .btn{width:100%}.filter-buttons{flex-wrap:wrap}.performance-inputs,.request-body{grid-template-columns:1fr}.request-notes{grid-column:span 1}.request-actions{flex-wrap:wrap}.request-actions .btn{flex:1 1;min-width:120px}}.clients-page{padding-bottom:3rem}.client-count{color:var(--text-secondary);font-size:.9rem}.client-info{align-items:center;display:flex;gap:.75rem}.client-info .avatar{font-size:.85rem;height:40px;width:40px}.client-name{color:var(--text);display:block;font-weight:600}.client-notes{color:var(--text-secondary);display:block;font-size:.8rem}.contact-info{display:flex;flex-direction:column;font-size:.9rem}.contact-info .email{color:var(--text-secondary);font-size:.85rem}.total-spent{color:var(--success);font-weight:600}.client-summary{background:var(--surface-light);border-radius:8px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem}.summary-stat{display:flex;flex-direction:column}.summary-stat .label{color:var(--text-secondary);font-size:.8rem}.summary-stat .value{color:var(--text);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.history-info{display:flex;flex-direction:column}.history-vehicle{color:var(--text);font-weight:600}.history-date{color:var(--text-secondary);font-size:.8rem}.history-price{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem}.page-header .btn{width:100%}.actions-bar{align-items:stretch;flex-direction:column}.search-input{max-width:none}.client-count{text-align:center}}.commissions-page .stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.stat-box{background:var(--surface);border:1px solid var(--surface-light);border-radius:10px;padding:1.25rem}.stat-box.current{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none}.stat-box .stat-label{color:var(--text-secondary);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-box.current .stat-label{color:#ffffffb3}.stat-box .stat-value{color:var(--text);font-size:1.75rem}.stat-box.current .stat-value{color:#fff}.stat-box .stat-sub{color:#fff9;display:block;font-size:.8rem;margin-top:.25rem}.commissions-page .section h2{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}@media (max-width:992px){.commissions-page .stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.commissions-page .stats-row{grid-template-columns:1fr}}.admin-page{animation:fadeIn .3s ease;padding-bottom:3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-page .tabs{background:var(--surface);border-bottom:none;border-radius:10px;display:inline-flex;gap:.25rem;margin-bottom:2rem;padding:.25rem}.admin-page .tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s;white-space:nowrap}.admin-page .tab:hover{background:var(--surface-light);color:var(--text)}.admin-page .tab.active{background:var(--primary);border-bottom:none;color:#fff}.tab-badge{background:var(--error);border-radius:20px;color:#fff;font-size:.65rem;font-weight:700;margin-left:.25rem;padding:2px 6px}.admin-section{animation:fadeIn .2s ease}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem}.header-actions{display:flex;gap:.5rem}.user-cell{align-items:center;display:flex;gap:.75rem}.user-cell .name{color:var(--text);display:block;font-weight:500}.user-cell .discord{color:var(--text-muted);font-size:.85rem}.avatar-sm{border-radius:50%;height:32px;object-fit:cover;width:32px}.pending-section{background:var(--surface);border:1px solid var(--warning);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.pending-section h3{color:var(--warning);margin-bottom:1rem}.pending-list{display:flex;flex-direction:column;gap:.75rem}.pending-user-card{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;gap:1rem;padding:1rem}.pending-user-info{flex:1 1}.pending-user-info .name{color:var(--text);display:block;font-weight:600}.pending-user-info .discord{color:var(--text-muted);font-size:.85rem}.pending-user-card select{min-width:180px}.grades-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grade-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s}.grade-card:hover{border-color:var(--grade-color,var(--primary));box-shadow:0 8px 30px #0000004d,0 0 20px #5d40374d;transform:translateY(-4px)}.grade-card-top{height:6px}.grade-card-inner{padding:1.5rem}.grade-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:0}.grade-header h4{font-size:1.25rem;font-weight:700;margin:0}.grade-id{color:var(--text-muted);font-size:.85rem}.grade-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem;min-height:1.5rem}.grade-commission{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.commission-label{color:var(--text-muted);font-size:.85rem}.commission-value{font-family:Playfair Display,serif;font-size:1.5rem}.grade-users-count{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.grade-permissions{margin-bottom:1rem}.permissions-label{color:var(--text-muted);display:block;font-size:.85rem;margin-bottom:.5rem}.permissions-list{display:flex;flex-wrap:wrap;gap:.25rem}.permission-tag{background:var(--surface-light);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.75rem;padding:4px 10px;text-transform:capitalize}.permission-tag.more{background:var(--primary-glow);border-color:var(--primary);color:var(--primary-light)}.perm-badge{background:var(--surface-light);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.75rem;padding:4px 10px}.grade-actions{display:flex;gap:.5rem}.grade-actions .btn{flex:1 1}.permissions-section{margin-top:1.5rem}.permissions-section .form-label{font-weight:600;margin-bottom:1rem}.permissions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permission-item{background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:1rem;transition:all .2s ease}.permission-item:hover{border-color:var(--text-muted)}.permission-item.checked{background:linear-gradient(135deg,#5d403726,#5d403705);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 15px var(--primary-glow)}.permission-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.permission-label input{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.permission-name{color:var(--text);font-size:.9rem;font-weight:600}.permission-description{color:var(--text-muted);font-size:.75rem;line-height:1.4}.perm-checkbox{background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:6px;padding:1rem;transition:all .2s ease}.perm-checkbox:hover{border-color:var(--text-muted)}.perm-checkbox:has(input:checked){background:linear-gradient(135deg,#5d403726,#5d403705);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 15px var(--primary-glow)}.perm-checkbox input{accent-color:var(--primary);height:18px;margin-right:.5rem;width:18px}.vehicle-cell{align-items:center;display:flex;gap:.75rem}.vehicle-thumb{background:var(--surface-light);border-radius:6px;height:60px;object-fit:contain;width:100px}.vehicle-cell .brand{color:var(--primary-light);display:block;font-size:.75rem;text-transform:uppercase}.vehicle-cell .model{color:var(--text);display:block;font-weight:600}.search-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text);flex:1 1;font-size:.95rem;padding:.75rem 1rem}.search-input:focus{border-color:var(--primary);outline:none}.search-input::placeholder{color:var(--text-muted)}.filter-select{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text);cursor:pointer;font-size:.95rem;min-width:180px;padding:.75rem 1rem}.filter-select:focus{border-color:var(--primary);outline:none}.pagination{align-items:center;background:var(--surface);border-radius:10px;display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem;padding:1rem}.pagination-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}.pagination .btn:disabled{cursor:not-allowed;opacity:.4}.grade-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.commission-col{color:var(--success);font-weight:600}.action-buttons,.table-actions{display:flex;gap:.5rem}.btn-sm{font-size:.85rem;padding:.35rem .75rem}.btn-icon{align-items:center;background:var(--surface-light);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:var(--primary);color:#fff}.btn-icon.danger:hover{background:var(--error)}.finances-tab{animation:fadeIn .2s ease}.period-selector{display:flex;flex-wrap:wrap;gap:.5rem}.period-dates{background:var(--surface);border-radius:8px;color:var(--text-secondary);display:inline-block;font-size:.9rem;margin-top:.75rem;padding:.5rem 1rem}.custom-date-selector{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;padding:1rem}.date-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.date-input-group{display:flex;flex-direction:column;gap:.25rem}.date-input-group label{color:var(--text-muted);font-size:.85rem}.date-input-group input{padding:.5rem;width:180px}.tax-section{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.tax-section h3{color:var(--text);margin-bottom:1rem}.tax-card{border:1px solid var(--error)!important}.tax-brackets-info{background:var(--surface-light);border-radius:8px;padding:1rem}.tax-brackets-info summary{color:var(--text-secondary);cursor:pointer;font-size:.9rem}.tax-brackets-info summary:hover{color:var(--text)}.tax-brackets-table{font-size:.85rem;margin-top:1rem;width:100%}.tax-brackets-table td,.tax-brackets-table th{border-bottom:1px solid var(--border-color);padding:.5rem;text-align:left}.tax-brackets-table th{color:var(--text-muted);font-weight:500}.tax-brackets-table td:last-child{color:var(--primary-light);text-align:right}.finance-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.finance-details h4{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.finance-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.finance-row:last-child{border-bottom:none}.top-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.top-item{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.top-rank{color:var(--gold);font-weight:700;width:30px}.top-name{flex:1 1;font-weight:500}.top-count{color:var(--text-muted);font-size:.9rem}.top-value{color:var(--primary-light);font-weight:600}.commissions-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.commission-card{align-items:center;gap:1.5rem}.commission-info{flex:1 1}.commission-name{color:var(--text);display:block;font-weight:600}.commission-grade{font-size:.85rem}.commission-amount{text-align:right}.commission-amount .amount{color:var(--primary-light);display:block;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.commission-amount .count{color:var(--text-muted);font-size:.85rem}.alert{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.alert-success{background:#4caf5026;border:1px solid var(--success);color:var(--success)}.alert-error{background:#f4433626;border:1px solid var(--error);color:var(--error)}input[type=color]{border:none;border-radius:8px;cursor:pointer;height:40px;padding:0;width:60px}.modal.large{max-width:700px}@media (max-width:768px){.section-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:stretch}.header-actions .btn{flex:1 1}.pending-user-card{flex-wrap:wrap}.pending-user-card select{width:100%}.grades-grid,.permissions-grid{grid-template-columns:1fr}.period-selector{flex-wrap:wrap}.period-selector .btn{flex:1 1;min-width:calc(50% - .25rem)}.date-inputs{align-items:stretch;flex-direction:column}.date-input-group,.date-input-group input{width:100%}.action-buttons,.commission-card{flex-direction:column}.commission-amount,.commission-card{text-align:center}}.brands-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;margin-top:1rem}.brand-card{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.brand-card:hover{border-color:var(--primary);box-shadow:0 4px 15px #00000026}.brand-name{color:var(--text);font-size:.95rem;font-weight:500}.brand-actions{display:flex;gap:.25rem}.brand-actions .btn-icon{padding:.35rem}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.category-card{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s}.category-card:hover{border-color:var(--primary);box-shadow:0 4px 20px #0003}.category-info{flex:1 1}.category-name{color:var(--text);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.category-desc{color:var(--text-muted);display:block;font-size:.85rem}.category-actions{display:flex;gap:.5rem}.commissions-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1.5rem}.commission-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;position:relative;transition:all .2s}.commission-card:hover{border-color:var(--primary);box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.commission-user{align-items:center;display:flex;gap:1rem}.commission-user .avatar{height:48px;width:48px}.commission-user-info{flex:1 1}.commission-user-info .name{color:var(--text);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.commission-stats{display:flex;flex-direction:column;gap:.5rem}.commission-current{background:var(--surface-light);border-radius:8px;padding:1rem;text-align:center}.commission-current .amount{color:var(--primary-light);display:block;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700}.commission-current .label{color:var(--text-muted);font-size:.8rem}.commission-meta{color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between}.commission-arrow{color:var(--text-muted);font-size:1.5rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:all .2s}.commission-card:hover .commission-arrow{color:var(--primary-light);transform:translateY(-50%) translateX(4px)}.employee-detail{animation:fadeIn .3s ease}.employee-header{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.employee-header .avatar,.employee-header .avatar-lg{height:72px;width:72px}.employee-info{flex:1 1;min-width:200px}.employee-info h2{font-size:1.5rem;margin-bottom:.5rem}.employee-header .employee-stats{display:flex;gap:1rem;margin-bottom:0}.stat-box{background:var(--surface-light);border-radius:8px;padding:1rem 1.5rem;text-align:center}.stat-box .stat-value{color:var(--primary-light);display:block;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.stat-box .stat-label{color:var(--text-muted);font-size:.8rem}.empty-state{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted);padding:3rem;text-align:center}.clickable-row{cursor:pointer;transition:all .2s}.clickable-row:hover td{background:var(--primary-glow)!important}.sales-history{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.sales-history h4{border-bottom:1px solid var(--border-color);font-size:1.1rem;margin:0;padding:1rem 1.5rem}.sales-history .table-container{border:none;border-radius:0}.sale-type-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase}.sale-type-badge.new{background:#4caf5026;color:var(--success)}.sale-type-badge.used{background:#ff980026;color:var(--warning)}.no-sales{color:var(--text-muted);padding:3rem;text-align:center}@media (max-width:992px){.employee-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.categories-grid,.commissions-grid{grid-template-columns:1fr}.employee-header{flex-direction:column;text-align:center}.commission-stats,.employee-stats{grid-template-columns:1fr}}.sidebar{background:#121212fa;border-right:1px solid var(--surface-light);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:240px;z-index:1000}.sidebar-header{border-bottom:1px solid var(--surface-light);padding:1.5rem}.sidebar-logo{align-items:center;display:flex;gap:.75rem;text-decoration:none}.logo-icon{background:var(--primary);height:10px;transform:rotate(45deg);width:10px}.logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;letter-spacing:1px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:1rem .75rem}.nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--primary);color:#fff}.nav-item svg{flex-shrink:0}.sidebar-footer{border-top:1px solid var(--surface-light);display:flex;flex-direction:column;gap:.75rem;padding:1rem}.commission-badge{align-items:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.commission-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.commission-value{color:var(--success);font-family:DM Sans,monospace;font-size:1rem;font-weight:700}.user-section{align-items:center;background:var(--surface);border-radius:8px;display:flex;gap:.75rem;padding:.5rem}.user-avatar{border:2px solid var(--primary);border-radius:50%;height:36px;object-fit:cover;width:36px}.user-avatar.placeholder{align-items:center;background:var(--primary);color:#fff;display:flex;font-size:.8rem;font-weight:600;justify-content:center}.user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:var(--text);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-grade{font-size:.7rem;font-weight:500}.btn-logout{background:#0000;border:1px solid var(--surface-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.6rem;transition:all .2s;width:100%}.btn-logout:hover{background:var(--error);border-color:var(--error);color:#fff}@media (max-width:768px){.sidebar{border-right:none;border-top:1px solid var(--surface-light);bottom:0;flex-direction:row;height:auto;left:0;padding:.5rem;position:fixed;right:0;top:auto;width:100%}.sidebar-footer,.sidebar-header{display:none}.sidebar-nav{flex-direction:row;gap:0;justify-content:space-around;padding:0;width:100%}.nav-item{flex:1 1;flex-direction:column;font-size:.7rem;gap:.25rem;justify-content:center;padding:.5rem}.nav-item span{display:block}}.public-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border-bottom:1px solid var(--surface-light);left:0;position:fixed;right:0;top:0;z-index:1000}.public-navbar-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem}.public-logo{display:flex;flex-direction:column;text-decoration:none}.public-logo .logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;letter-spacing:3px}.public-logo .logo-subtitle{color:var(--text-secondary);font-size:.7rem;letter-spacing:4px;margin-top:-2px;text-transform:uppercase}.public-nav-links{align-items:center;display:flex;gap:2rem}.public-nav-links a{color:var(--text-secondary);font-weight:500;position:relative;transition:color .2s}.public-nav-links a:not(.btn).active,.public-nav-links a:not(.btn):hover{color:var(--secondary)}.public-nav-links a:not(.btn).active:after{background:var(--primary);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0}.nav-separator{background:var(--surface-light);height:24px;width:1px}.mobile-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem}.mobile-toggle span{background:var(--text);height:2px;transition:all .2s;width:24px}@media (max-width:768px){.mobile-toggle{display:flex}.public-nav-links{background:var(--background);border-bottom:1px solid var(--surface-light);flex-direction:column;gap:1rem;left:0;opacity:0;padding:1.5rem;pointer-events:none;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s}.public-nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-separator{height:1px;width:100%}.public-nav-links .btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.e6a99429.css.map*/