.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(800px 400px at 80% 10%,rgba(198,169,106,.08),transparent 60%),radial-gradient(600px 400px at 10% 90%,rgba(198,169,106,.05),transparent 55%),#0a0a0b;padding:1rem}.login-box{background:#121214;border-radius:1rem;padding:3rem 2rem;width:100%;max-width:400px;box-shadow:0 24px 60px #0009}.login-box h1{text-align:center;margin-bottom:.5rem;font-size:2rem;color:#c6a96a}.subtitle{text-align:center;color:#b7b4ac;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#f4f2ed}.form-group input{width:100%;padding:.75rem;border:1px solid #26262a;border-radius:.625rem;font-size:1rem;transition:border-color .2s}.form-group input:disabled{background:#121214;cursor:not-allowed}.login-btn{width:100%;padding:.75rem;background:#c6a96a;color:#0a0a0b;border:none;border-radius:.625rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-btn:hover:not(:disabled){background:#ab8f55}.login-btn:disabled{background:#8f8a7d;cursor:not-allowed}.info{background:#c6a96a24;border:1px solid #bfdbfe;color:#ab8f55;padding:.75rem;border-radius:.625rem;margin-top:1.5rem;font-size:.875rem;text-align:center}.dashboard{width:100%}.dashboard h2{margin-bottom:2rem;font-size:1.875rem;color:#f4f2ed}.empty-state{text-align:center;padding:3rem 1rem;background:#121214;border-radius:1rem;border:2px dashed #26262a}.empty-state p{font-size:1.125rem;color:#b7b4ac;margin-bottom:1rem}.cta-button{display:inline-block;padding:.75rem 2rem;background:#c6a96a;color:#0a0a0b;text-decoration:none;border-radius:.625rem;font-weight:600;transition:background .2s}.cta-button:hover{background:#ab8f55}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.vehicle-card{background:#121214;border-radius:1rem;overflow:hidden;box-shadow:0 2px 10px #0006;transition:transform .2s,box-shadow .2s}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000008c,0 0 24px #c6a96a1a}.vehicle-image{width:100%;height:200px;object-fit:cover;background:#121214}.vehicle-info{padding:1.5rem}.vehicle-info h3{margin-bottom:.5rem;font-size:1.125rem;color:#f4f2ed}.kennzeichen{font-weight:600;color:#c6a96a;margin-bottom:.5rem}.fahrzeugtyp,.leistung,.hubraum{font-size:.875rem;color:#b7b4ac;margin-bottom:.25rem}.vehicle-actions{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem}.detail-btn,.delete-btn{flex:1;padding:.625rem;border:none;border-radius:.625rem;cursor:pointer;font-weight:500;transition:background .2s}.detail-btn{background:#c6a96a;color:#0a0a0b}.detail-btn:hover{background:#ab8f55}.delete-btn{background:#2a1212;color:#ff8a8a}.delete-btn:hover{background:#fecaca}@media (max-width: 768px){.vehicles-grid{grid-template-columns:1fr}}.upload-container{width:100%}.upload-container h2{margin-bottom:2rem;font-size:1.875rem;color:#f4f2ed}.upload-card{background:#121214;border-radius:1rem;padding:2rem;box-shadow:0 2px 10px #0006}.upload-area{margin-bottom:2rem}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border:2px dashed #26262a;border-radius:1rem;cursor:pointer;transition:all .2s;background:#121214}.upload-label:hover{border-color:#c6a96a;background:#c6a96a24}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-label p{margin:.5rem 0;color:#f4f2ed}.upload-label p:first-child{font-weight:600;font-size:1.125rem}.upload-hint{color:#b7b4ac;font-size:.875rem}.preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-image{max-width:100%;max-height:400px;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.reset-btn{padding:.625rem 1.25rem;background:#b7b4ac;color:#fff;border:none;border-radius:.625rem;cursor:pointer;font-weight:500;transition:background .2s}.reset-btn:hover{background:#cfccc4}.reset-btn:disabled{background:#33333a;cursor:not-allowed}.file-info{background:#121214;padding:1rem;border-radius:.625rem;margin-bottom:1.5rem}.file-info p{margin:.25rem 0;color:#f4f2ed}.file-size{font-size:.875rem;color:#b7b4ac}.progress-container{margin-bottom:1.5rem}.progress-bar{width:100%;height:8px;background:#26262a;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:#c6a96a;transition:width .3s}.progress-text{text-align:center;color:#b7b4ac;font-size:.875rem}.upload-btn{width:100%;padding:.875rem;background:#c6a96a;color:#0a0a0b;border:none;border-radius:.625rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.upload-btn:hover:not(:disabled){background:#ab8f55}.upload-btn:disabled{background:#8f8a7d;cursor:not-allowed}.error-message{background:#2a1212;border:1px solid #4a1d1d;color:#ff8a8a;padding:.75rem;border-radius:.625rem;margin-bottom:1rem}.success-message{background:#1f1a10;border:1px solid #4a3d22;color:#d9c08c;padding:.75rem;border-radius:.625rem;margin-bottom:1rem}.upload-tips{background:#121214;border-left:4px solid #C6A96A;padding:1.5rem;border-radius:.625rem;margin-top:2rem}.upload-tips h3{margin-bottom:1rem;color:#f4f2ed}.upload-tips ul{list-style:none;padding:0}.upload-tips li{padding:.5rem 0;color:#cfccc4}@media (max-width: 768px){.upload-label{padding:2rem 1rem}.upload-icon{font-size:2rem}}.search-container{width:100%}.search-container h2{margin-bottom:2rem;font-size:1.875rem;color:#f4f2ed}.search-card{background:#121214;border-radius:1rem;padding:2rem;box-shadow:0 2px 10px #0006}.search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600;color:#f4f2ed}.form-group input{padding:.75rem;border:1px solid #26262a;border-radius:.625rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#c6a96a;box-shadow:0 0 0 3px #2563eb1a}.search-buttons{display:flex;gap:1rem;margin-bottom:2rem}.search-btn,.reset-btn{flex:1;padding:.75rem;border:none;border-radius:.625rem;font-weight:600;cursor:pointer;transition:background .2s;font-size:1rem}.search-btn{background:#c6a96a;color:#0a0a0b}.search-btn:hover:not(:disabled){background:#ab8f55}.search-btn:disabled{background:#8f8a7d;cursor:not-allowed}.reset-btn{background:#26262a;color:#f4f2ed}.reset-btn:hover{background:#33333a}.results-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #26262a}.loading,.no-results,.results-count{text-align:center;padding:2rem;color:#b7b4ac}.results-count{color:#16a34a;font-weight:600;margin-bottom:1.5rem}.no-results{color:#dc2626}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.result-card{background:#121214;border-radius:1rem;overflow:hidden;border:1px solid #26262a;transition:all .2s}.result-card:hover{border-color:#c6a96a;box-shadow:0 12px 32px #0000008c,0 0 24px #c6a96a1a}.result-image{width:100%;height:180px;object-fit:cover;background:#26262a}.result-content{padding:1.5rem}.result-content h3{margin-bottom:.75rem;color:#f4f2ed}.result-kennzeichen{font-weight:600;color:#c6a96a;margin-bottom:.5rem}.result-content p{font-size:.875rem;color:#b7b4ac;margin-bottom:.25rem}.view-btn{width:100%;padding:.625rem;background:#c6a96a;color:#0a0a0b;border:none;border-radius:.625rem;cursor:pointer;font-weight:500;margin-top:1rem;transition:background .2s}.view-btn:hover{background:#ab8f55}@media (max-width: 768px){.search-grid{grid-template-columns:1fr}.search-buttons{flex-direction:column}.results-grid{grid-template-columns:1fr}}.detail-container{width:100%}.back-btn{padding:.625rem 1.25rem;background:#26262a;color:#f4f2ed;border:none;border-radius:.625rem;cursor:pointer;font-weight:500;margin-bottom:2rem;transition:background .2s}.back-btn:hover{background:#33333a}.detail-card{background:#121214;border-radius:1rem;overflow:hidden;box-shadow:0 2px 10px #0006}.detail-header{background:#121214;color:#f4f2ed;padding:2.5rem 2rem;text-align:center;border-bottom:1px solid rgba(198,169,106,.35)}.detail-header h1{margin-bottom:.5rem;font-size:2rem}.detail-subtitle{opacity:.9;font-size:1.125rem}.detail-image-container{padding:2rem;text-align:center;background:#121214;border-bottom:1px solid #26262a}.detail-image{max-width:100%;max-height:500px;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem}.detail-section{padding:1.5rem;background:#121214;border-radius:1rem;border-left:4px solid #C6A96A}.detail-section h3{margin-bottom:1.5rem;color:#f4f2ed;font-size:1.125rem}.detail-field{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #26262a}.detail-field:last-child{border-bottom:none}.field-label{font-weight:600;color:#f4f2ed}.field-value{color:#cfccc4;text-align:right;flex:1;margin-left:1rem;overflow-wrap:anywhere;min-width:0}.detail-actions{padding:2rem;border-top:1px solid #26262a;display:flex;gap:1rem}.edit-btn{padding:.875rem 1.5rem;background:#c6a96a;color:#0a0a0b;border:none;border-radius:.625rem;cursor:pointer;font-weight:600;transition:background .2s;font-size:1rem}.edit-btn:hover{background:#1d4ed8}.delete-btn{flex:1;max-width:300px;padding:.875rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:.625rem;cursor:pointer;font-weight:600;transition:background .2s;font-size:1rem}.delete-btn:hover{background:#991b1b}.error-message{background:#2a1212;border:1px solid #4a1d1d;color:#ff8a8a;padding:1rem;border-radius:.625rem;margin-bottom:1rem}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.25rem;color:#b7b4ac}@media (max-width: 768px){.detail-header{padding:1.5rem 1rem}.detail-header h1{font-size:1.5rem}.details-grid{grid-template-columns:1fr;padding:1rem}.detail-actions{flex-direction:column;padding:1rem}.delete-btn{max-width:100%}.detail-field{flex-direction:column}.field-value{text-align:left;margin-left:0;margin-top:.25rem}}.edit-container{max-width:1200px;margin:0 auto;padding:20px}.edit-card{background:#121214;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px;animation:slideIn .3s ease-out}.edit-card h1{color:#f4f2ed;margin-bottom:30px;font-size:28px}.edit-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.edit-section{background:#f8f9fa;padding:20px;border-radius:12px;border-left:4px solid #C6A96A}.edit-section h3{color:#f4f2ed;margin-bottom:15px;font-size:16px;margin-top:0}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{font-weight:600;color:#f4f2ed;margin-bottom:6px;font-size:14px}.form-group input{padding:10px 12px;border:1px solid #26262a;border-radius:10px;font-size:14px;font-family:inherit;transition:border-color .3s,box-shadow .3s}.form-group input:focus{outline:none;border-color:#c6a96a;box-shadow:0 0 0 3px #3498db1a}.form-group input:hover{border-color:#8f8a7d}.edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #26262a}.save-btn,.cancel-btn{padding:12px 24px;border:none;border-radius:10px;font-size:16px;cursor:pointer;font-weight:600;transition:all .3s}.save-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #27ae604d}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#8f8a7d;color:#fff}.cancel-btn:hover:not(:disabled){background:#b7b4ac;transform:translateY(-2px)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{background:#c6a96a;color:#0a0a0b;padding:10px 16px;border:none;border-radius:10px;cursor:pointer;font-weight:600;margin-bottom:20px;transition:all .3s}.back-btn:hover{background:#2980b9;transform:translateY(-2px)}.loading{text-align:center;padding:40px;font-size:18px;color:#b7b4ac}.error-message{background:#ffe0e0;color:#c0392b;padding:20px;border-radius:12px;margin:20px;text-align:center}@media (max-width: 768px){.edit-sections{grid-template-columns:1fr}.edit-card{padding:20px}.edit-actions{flex-direction:column}.save-btn,.cancel-btn{width:100%}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}:root{--noir: #0A0A0B;--noir-2: #121214;--noir-3: #1A1A1D;--elfen: #F4F2ED;--elfen-dim: #B7B4AC;--champ: #C6A96A;--champ-dark: #ab8f55;--linie: rgba(244, 242, 237, .12);--linie-gold: rgba(198, 169, 106, .3);--serif: "Bodoni Moda", Didot, "Times New Roman", serif;--sans: "Inter", system-ui, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--primary: var(--champ);--primary-dark: var(--champ-dark);--danger: #b3543f;--success: var(--champ);--bg-light: var(--noir);--bg-white: var(--noir-2);--text-dark: var(--elfen);--text-muted: var(--elfen-dim);--border: #26262a}html{scroll-behavior:smooth}body{font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--noir);color:var(--elfen);min-height:100vh;line-height:1.7}::selection{background:var(--champ);color:var(--noir)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:1px solid var(--champ);outline-offset:4px}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{background:#0a0a0bc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--linie);padding:.95rem 0;position:sticky;top:0;z-index:100}.navbar-content{max-width:1200px;margin:0 auto;padding:0 1.25rem;display:flex;justify-content:space-between;align-items:center}.navbar h1.logo{display:flex;align-items:center;font-size:1rem}.logo-bar{display:none}.logo-text{font-family:var(--serif);font-weight:500;font-size:19px;letter-spacing:.24em;color:var(--elfen);display:block;line-height:1;text-transform:uppercase}.logo-sub{font-family:var(--sans);font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--champ);display:block;margin-top:6px;font-weight:400}.nav-links{display:flex;gap:2.25rem;align-items:center}.nav-links a{color:var(--elfen-dim);text-decoration:none;font-weight:400;font-size:12px;letter-spacing:.18em;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:var(--elfen)}.logout-btn{margin-left:.75rem;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;background:none;border:1px solid var(--linie-gold);color:var(--champ);padding:10px 22px;cursor:pointer;transition:background .4s,color .4s}.logout-btn:hover{background:var(--champ);color:var(--noir)}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2.5rem 1.25rem}.footer{background:var(--noir);border-top:1px solid var(--linie);padding:2.25rem 1rem;text-align:center;color:var(--elfen-dim);font-size:12.5px;letter-spacing:.05em;margin-top:auto}.footer-sep{margin:0 .7rem;color:var(--linie-gold)}.footer-heart{display:inline-block;animation:heartbeat 2.4s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}30%{transform:scale(1.15)}40%{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.footer-heart{animation:none}}.footer-link{color:var(--champ);font-weight:400;text-decoration:none;border-bottom:1px solid var(--linie-gold);padding-bottom:2px;transition:color .3s,border-color .3s}.footer-link:hover{color:var(--elfen);border-bottom-color:var(--elfen)}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:12px;color:var(--elfen-dim);letter-spacing:.24em;text-transform:uppercase}.error-message{background:#1d1210;border:1px solid #4a2a22;color:#d9a08c;padding:1rem 1.25rem;margin-bottom:1rem;font-size:14px}.success-message{background:#1f1a10;border:1px solid #4a3d22;color:#d9c08c;padding:1rem 1.25rem;margin-bottom:1rem;font-size:14px}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.1}.cta-button,.login-btn,.search-btn,.upload-btn,.submit-btn,.save-btn,.view-btn,.detail-btn,.edit-btn{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase;font-weight:500!important;background:var(--champ)!important;color:var(--noir)!important;border:1px solid var(--champ)!important;border-radius:0!important;transition:opacity .3s,background .3s!important}.cta-button:hover,.login-btn:hover:not(:disabled),.search-btn:hover:not(:disabled),.upload-btn:hover,.submit-btn:hover,.save-btn:hover,.view-btn:hover,.detail-btn:hover,.edit-btn:hover{opacity:.85;background:var(--champ)!important}.reset-btn,.cancel-btn,.back-btn{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase;font-weight:400!important;background:none!important;border:1px solid var(--linie-gold)!important;color:var(--champ)!important;border-radius:0!important;transition:background .4s,color .4s!important}.reset-btn:hover,.cancel-btn:hover:not(:disabled),.back-btn:hover{background:var(--champ)!important;color:var(--noir)!important}.delete-btn{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase;font-weight:400!important;background:none!important;border:1px solid #5c2f26!important;color:#cf8a76!important;border-radius:0!important;transition:background .4s,color .4s!important}.delete-btn:hover{background:#b3543f!important;color:var(--elfen)!important}.vehicle-card,.empty-state,.detail-card,.detail-section,.edit-card,.edit-section,.search-card,.result-card,.login-box,.upload-card,.upload-box{border-radius:0!important;border:1px solid var(--linie)!important;background:var(--noir-2)!important;transition:border-color .4s var(--ease),transform .4s var(--ease)}.vehicle-card:hover,.result-card:hover{border-color:var(--linie-gold)!important;transform:translateY(-4px)}.detail-section:hover,.edit-section:hover{border-color:var(--linie-gold)!important}.detail-section h3,.edit-section h3{border-bottom:1px solid var(--linie);padding-bottom:.75rem;font-size:1.35rem}.field-label,.form-group label{font-family:var(--sans)!important;font-size:10px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--champ)!important;font-weight:500!important}.field-value{color:#cfccc4!important;font-size:15px}input,select,textarea{background:var(--noir)!important;color:var(--elfen)!important;border-radius:0!important;border:1px solid var(--border)!important;font-weight:300;transition:border-color .3s}input:focus,select:focus,textarea:focus{border-color:var(--champ)!important}input::placeholder,textarea::placeholder{color:#6f6c64}img{max-width:100%}@media (max-width: 768px){.navbar-content{flex-direction:column;gap:.85rem}.nav-links{gap:1.25rem;width:100%;justify-content:center;flex-wrap:wrap}.main-content{padding:1.25rem 1rem}.logo-text{font-size:16px}}