.btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;cursor:pointer;padding:10px 18px;border-radius:10px;border:none;font-family:inherit;transition:all .2s}.btn.btn-sm{padding:8px 14px;font-size:13px}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark);box-shadow:0 4px 12px #00b5a54d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--gray-100);color:var(--charcoal);border:1.5px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--pink);color:var(--white);border:none}.btn-danger:hover{background:var(--atp-pink-dark);transform:translateY(-1px);box-shadow:0 4px 12px #e91e8c4d}.btn-danger:active{transform:translateY(0)}.page-header{margin-bottom:12px;animation:fadeInUp .4s ease-out both}.page-header h2{font-size:22px;font-weight:800;color:var(--charcoal)}.page-header p{font-size:14px;margin-top:4px;color:var(--gray-500)}.sort-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;animation:fadeIn .35s ease-out .15s both}.sort-bar-top{display:flex;justify-content:space-between;align-items:center}.results-count{font-size:14px;font-weight:500;color:var(--gray-500)}.view-switcher{display:flex;overflow:hidden;border:1px solid var(--gray-200);border-radius:10px}.view-switch-btn{display:flex;align-items:center;justify-content:center;width:36px;height:34px;border:none;cursor:pointer;transition:all .2s;background:var(--white);color:var(--gray-400)}.view-switch-btn:hover{color:var(--charcoal);background:var(--gray-50)}.view-switch-btn:not(:first-child){border-left:1px solid var(--gray-200)}.view-switch-btn.active{background:var(--teal);color:#fff}.sort-pills{display:flex;flex-wrap:wrap;gap:4px}.sort-pill{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;font-family:inherit;padding:0 10px;height:32px;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .15s;background:var(--white);color:var(--gray-500);white-space:nowrap}.sort-pill app-icon{color:var(--gray-300)}.sort-pill:hover{color:var(--charcoal);border-color:var(--gray-300);background:var(--gray-50)}.sort-pill:hover app-icon{color:var(--gray-500)}.sort-pill.active{background:var(--teal);color:#fff;border-color:var(--teal)}.sort-pill.active app-icon{color:#fff}.sort-pill.sort-pill-clear{color:var(--red);border-color:#ef444466;background:#ef444414}.sort-pill.sort-pill-clear app-icon{color:var(--red)}.sort-pill.sort-pill-clear:hover{background:#ef444426;border-color:var(--red)}@media(max-width:768px){.view-switcher{flex-shrink:0}.sort-pills{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.sort-pills::-webkit-scrollbar{display:none}.sort-pills .sort-pill{flex-shrink:0}}.vehicle-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}.vehicle-grid>*:nth-child(1){animation-delay:.04s}.vehicle-grid>*:nth-child(2){animation-delay:.08s}.vehicle-grid>*:nth-child(3){animation-delay:.12s}.vehicle-grid>*:nth-child(4){animation-delay:.16s}.vehicle-grid>*:nth-child(5){animation-delay:.2s}.vehicle-grid>*:nth-child(6){animation-delay:.24s}.vehicle-grid>*:nth-child(7){animation-delay:.28s}.vehicle-grid>*:nth-child(8){animation-delay:.32s}.vehicle-grid>*:nth-child(9){animation-delay:.36s}.vehicle-grid>*:nth-child(10){animation-delay:.4s}.vehicle-grid>*:nth-child(11){animation-delay:.44s}.vehicle-grid>*:nth-child(12){animation-delay:.48s}.vehicle-table-loading{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.empty-state-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:40px 24px;animation:fadeInUp .4s ease-out both;width:100%}.vehicle-grid .empty-state-card{grid-column:1/-1}.empty-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.empty-state-content app-icon{color:var(--gray-300)}.empty-state-content h3{font-size:18px;font-weight:700;color:var(--charcoal);margin:0}.empty-state-content p{font-size:14px;color:var(--gray-500);margin:0;max-width:320px}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.shape-1{width:600px;height:600px;background:linear-gradient(135deg,var(--teal-light),rgba(0,181,165,.2));top:-200px;right:-100px;animation:float 20s ease-in-out infinite}[data-theme=dark] .shape-1{background:linear-gradient(135deg,#00b5a54d,#00b5a51a)}.shape-2{width:400px;height:400px;background:linear-gradient(135deg,var(--pink-light),rgba(233,30,140,.15));bottom:-100px;left:-100px;animation:float 15s ease-in-out infinite reverse}[data-theme=dark] .shape-2{background:linear-gradient(135deg,#e91e8c33,#e91e8c0d)}.shape-3{width:300px;height:300px;background:linear-gradient(135deg,#00b5a51a,#00968833);top:50%;left:30%;animation:float 18s ease-in-out infinite}:root{--atp-teal: #00BFA5;--atp-teal-dark: #009688;--atp-teal-mid: #0098A8;--atp-teal-light: #E0F7F4;--atp-pink: #E63E8C;--atp-pink-dark: #C0286E;--atp-pink-light: #FCE4F1;--atp-navy: #2B3550;--atp-navy-light: #3D4E6B;--atp-gradient: linear-gradient(135deg, #00BFA5 0%, #E63E8C 100%);--atp-gradient-h: linear-gradient(90deg, #00BFA5 0%, #E63E8C 100%);--font-brand: "Nunito", "Segoe UI", system-ui, sans-serif;--teal: #00BFA5;--teal-dark: #009688;--teal-light: #E0F7F4;--pink: #E63E8C;--pink-light: #FCE4F1;--charcoal: #2B3550;--charcoal-light: #3D4E6B;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--white: #FFFFFF;--emerald: #10B981;--amber: #F59E0B;--orange: #F97316;--red: #EF4444;--sidebar-width: 260px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--bg-primary: #F5F6F8;--bg-card: #FFFFFF;--bg-hover: #F9FAFB;--text-primary: #2B3550;--text-secondary: #6B7280;--border-color: #E5E7EB}[data-theme=dark]{--bg-primary: #111827;--bg-card: #1F2937;--bg-hover: #374151;--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--border-color: #374151;--gray-50: #1F2937;--gray-100: #374151;--gray-200: #4B5563;--gray-300: #6B7280;--gray-400: #9CA3AF;--gray-500: #6B7280;--white: #1F2937;--charcoal: #F9FAFB;--charcoal-light: #D1D5DB;--teal-light: rgba(0, 181, 165, .2);--pink-light: rgba(233, 30, 140, .2)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;transition:background .3s,color .3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{background:#0000}to{background:#00000080}}.animate-fade-in{animation:fadeIn .4s ease-out both}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}.animate-stagger-1{animation-delay:.05s}.animate-stagger-2{animation-delay:.1s}.animate-stagger-3{animation-delay:.15s}.animate-stagger-4{animation-delay:.2s}.animate-stagger-5{animation-delay:.25s}.animate-stagger-6{animation-delay:.3s}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-400)}.loading-state app-icon.spin{animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{font-size:14px;margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-400);text-align:center}.error-state p{font-size:14px;margin:0}.error-state button{margin-top:4px;padding:8px 16px;border-radius:8px;border:1px solid var(--gray-200);background:var(--white);font-size:13px;cursor:pointer;color:var(--charcoal)}.error-state button:hover{background:var(--gray-50)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-400);animation:fadeInUp .4s ease-out both}.empty-state app-icon{margin-bottom:16px;color:var(--gray-300)}.empty-state p{font-size:14px;margin:0}.vehicle-timer.urgent{background:#ef4444e6!important;animation:pulse 1s infinite}.vehicle-timer.warning{background:#f59e0be6!important}.my-bid-amount.winning{color:var(--emerald)}.my-bid-amount.losing{color:var(--amber)}.vt-mybid.winning{color:var(--emerald)}.vt-mybid.losing{color:var(--amber)}.status-badge.winning{background:#10b98126;color:var(--emerald)}.status-badge.losing{background:#f59e0b26;color:var(--amber)}.my-bid-status.winning{background:#10b9811f;border:1px solid rgba(16,185,129,.3)}.my-bid-status.losing{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.my-bid-status.winning .my-bid-status-text{color:var(--emerald)}.my-bid-status.losing .my-bid-status-text{color:var(--amber)}.my-bid-status.winning .my-bid-status-badge{background:var(--emerald)}.my-bid-status.losing .my-bid-status-badge{background:var(--amber)}.condition-badge.uitstekend{background:var(--emerald)}.condition-badge.goed{background:var(--teal)}.condition-badge.redelijk{background:var(--amber)}.condition-badge.matig{background:var(--orange)}.notification-icon.outbid{background:#f59e0b26;color:var(--amber)}.notification-icon.won{background:#10b98126;color:var(--emerald)}.notification-icon.new{background:#2563eb26;color:#60a5fa}.notification-icon.ending{background:var(--pink-light);color:var(--pink)}.activity-icon.bid{background:var(--teal-light);color:var(--teal)}.activity-icon.outbid{background:#f59e0b26;color:var(--amber)}.activity-icon.watch{background:var(--pink-light);color:var(--pink)}.activity-icon.new{background:#2563eb26;color:#60a5fa}.badge.import{background:#fcd34de6;color:var(--amber)}.badge.damage{background:#ef4444e6;color:var(--white)}.badge.ev{background:#10b981e6;color:var(--white)}.delivery-badge.pending{background:#f59e0b26;color:var(--amber)}.delivery-badge.delivered{background:#10b98126;color:var(--emerald)}.damage-section.has-damage{background:#ef444414;border:1px solid rgba(239,68,68,.25)}.damage-section.no-damage{background:#10b98114;border:1px solid rgba(16,185,129,.25)}.damage-title.has-damage{color:var(--red)}.damage-title.no-damage{color:var(--emerald)}.bid-history-item.mine{background:var(--teal-light);border:1px solid rgba(0,181,165,.3)}.bid-history-item.mine .bid-history-person{color:var(--teal)}.chart-bar.active{background:var(--teal)!important}.status-pill.completed{background:#10b98126;color:var(--emerald)}.stat-icon.teal{background:var(--teal)}.stat-icon.pink{background:var(--pink)}.stat-icon.charcoal{background:var(--charcoal)}.dashboard-card-badge.teal{background:var(--teal-light);color:var(--teal)}.dashboard-card-badge.pink{background:var(--pink-light);color:var(--pink)}.dashboard-card-badge.amber{background:#f59e0b26;color:var(--amber)}.welcome-card{position:relative}.welcome-card:before{content:"";position:absolute;border-radius:9999px;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a}.welcome-card:after{content:"";position:absolute;border-radius:9999px;bottom:-30%;right:10%;width:150px;height:150px;background:#ffffff0d}.market-banner{position:relative}.market-banner:before{content:"";position:absolute;border-radius:9999px;top:-30%;right:-10%;width:200px;height:200px;background:#00b5a533}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.search-checkbox input{display:none}.search-checkbox input:checked+.checkbox-custom{background:var(--teal);border-color:var(--teal)}.search-checkbox input:checked+.checkbox-custom:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.settings-toggle{position:relative;display:inline-block;width:52px;height:28px}.settings-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;transition:all .3s;background-color:var(--gray-200);border-radius:28px}.toggle-slider:before{position:absolute;border-radius:9999px;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;box-shadow:0 2px 4px #00000026}.settings-toggle input:checked+.toggle-slider{background-color:var(--teal)}.settings-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.settings-toggle input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--teal-light)}.search-select,.settings-select,.sort-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.hide-scrollbar::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none}.hide-scrollbar,.filters{scrollbar-width:none}.vehicle-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-divider:before,.search-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}[data-theme=dark] .search-input,[data-theme=dark] .search-select,[data-theme=dark] .settings-input,[data-theme=dark] .settings-select,[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .vehicle-image,[data-theme=dark] .detail-image,[data-theme=dark] .my-vehicle-image{background:linear-gradient(135deg,#374151,#4b5563)!important}[data-theme=dark] .search-box input{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .sold-table th{background:var(--bg-primary)}[data-theme=dark] .sold-table td{border-color:var(--border-color)}@media(max-width:1024px){.stats-grid,.vehicle-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-grid{grid-template-columns:1fr!important}.dashboard-card.full-width{grid-column:span 1}.stats-overview,.sold-stats,.detail-content{grid-template-columns:1fr!important}.detail-sidebar{border-left:none!important;border-top:1px solid var(--gray-200)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.vehicle-grid{grid-template-columns:1fr!important;gap:14px!important}.vehicle-image{height:180px!important}.vehicle-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.vehicle-table{min-width:700px}.welcome-card{padding:20px!important;border-radius:16px!important}.welcome-name{font-size:20px!important}.welcome-stats{gap:16px!important;flex-wrap:wrap}.welcome-stat-value{font-size:22px!important}.market-banner{padding:20px!important;border-radius:16px!important}.market-stats{flex-wrap:wrap}.market-stat{min-width:calc(50% - 6px)}.detail-modal{border-radius:0!important}.spec-grid{grid-template-columns:1fr!important}.condition-grid{grid-template-columns:repeat(2,1fr)!important}.sold-table th,.sold-table td{padding:12px!important;font-size:13px!important}.search-form-card{padding:16px!important;border-radius:16px!important}.search-row{flex-direction:column!important;gap:12px!important}.search-field,.search-field.half{min-width:100%!important;flex:1!important}.search-checkboxes{flex-direction:column!important;gap:14px!important}.search-actions{flex-direction:column!important}.search-actions .btn{width:100%;justify-content:center}.settings-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.settings-control{margin-left:0!important;width:100%}.settings-input,.settings-input.wide,.settings-select{width:100%!important}.settings-actions{flex-direction:column!important}.settings-actions .btn{width:100%;justify-content:center}.stat-card{padding:14px!important;gap:10px!important}.stat-icon{width:42px!important;height:42px!important}.stat-value{font-size:22px!important}.stat-label{font-size:12px!important}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.stat-card{flex-direction:column!important;text-align:center;padding:12px!important}.stat-icon{width:36px!important;height:36px!important}.stat-value{font-size:20px!important}.welcome-stats{flex-direction:column!important;gap:12px!important}}@media print{app-sidebar,main.main,app-bottom-nav,app-bid-modal,app-direct-buy-modal,app-shortcuts-modal,app-loader,app-toast,app-cookie-banner{display:none!important}app-taxatie-detail{display:block!important}}