@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary:#f60;--primary-light:#ff944c;--primary-alpha:#ff66001a;--bg-dark:#0d0d0d;--bg-surface:#141414;--bg-elevated:#1f1f1f;--text:#f2f2f2;--text-muted:#b3b3b3;--text-dim:#666;--border:#ffffff14;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--bg-dark);color:var(--text);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#ffffff08}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:.8rem 1.5rem;font-weight:600;box-shadow:0 4px 15px #ff66004d}header{z-index:1000;border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0}nav{justify-content:space-between;align-items:center;display:flex}.logo-img{width:auto;height:40px}.version-badge{background:var(--primary-alpha);color:var(--primary-light);border:1px solid var(--primary-alpha);vertical-align:top;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.7rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);transition:var(--transition);font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--primary)}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:none}.desktop-only{display:block}.mobile-only{display:none}@media (width<=1024px){.menu-toggle{display:block}.desktop-only{display:none}.nav-links{background:var(--bg-surface);width:100%;height:0;transition:var(--transition);z-index:999;border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;position:fixed;top:73px;left:0;overflow:hidden}.nav-links.open{height:calc(100vh - 73px);padding:2rem}.nav-links li{margin:1rem 0;font-size:1.5rem}.mobile-only{display:block}}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:8rem 2rem;display:grid}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:clamp(1rem,2vw,1.25rem)}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr;padding:4rem 1rem}.hero-visual{order:-1}.hero-actions{justify-content:center}}.hero-actions{gap:1rem;display:flex}.btn-secondary{color:#fff;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:var(--transition);background:0 0;padding:.8rem 1.5rem;font-weight:600}.btn-secondary:hover{border-color:var(--primary);background:#ffffff0d}.hero-visual{justify-content:center;display:flex;position:relative}.blob{background:var(--primary);filter:blur(100px);opacity:.2;border-radius:50%;width:min(80vw,400px);height:min(80vw,400px)}.library-section{padding:6rem 1rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(250px,100%,300px),1fr));gap:2rem;display:grid}.product-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition);overflow:hidden}.product-card:hover{border-color:var(--primary);transform:translateY(-5px)}.product-image{aspect-ratio:1;background:var(--bg-elevated)}.product-image img{object-fit:cover;width:100%;height:100%}.product-info{padding:1.5rem}.product-price{color:#fff;font-size:1.5rem;font-weight:800}.request-grid{grid-template-columns:1fr 1.5fr;gap:3rem;display:grid}@media (width<=1024px){.request-grid{grid-template-columns:1fr}.request-form{padding:1.5rem}}.form-group input,.form-group textarea,.form-group select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;outline:none;width:100%;padding:.8rem}.admin-nav{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);gap:1rem;margin-bottom:2rem;padding:.5rem;display:flex}.admin-nav button{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:.8rem 1.5rem;font-weight:600}.admin-nav button.active{background:var(--primary);color:#fff}.admin-list{flex-direction:column;gap:1rem;display:flex}.admin-item{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.request-item{flex-direction:column;align-items:flex-start;gap:1rem}.request-meta{width:100%}.request-header-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;width:100%;display:flex}.status-select{background:var(--bg-elevated);border:1px solid var(--border);color:#fff;cursor:pointer;border-radius:20px;min-width:160px;margin-left:auto;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.status-nieuw{border-color:var(--primary);color:var(--primary-light)}.status-in-behandeling{color:#3498db;border-color:#3498db}.status-offerte-verzonden{color:#f1c40f;border-color:#f1c40f}.status-geaccepteerd{color:#2ecc71;border-color:#2ecc71}.status-afgewezen{color:#e74c3c;border-color:#e74c3c}.status-voltooid{color:#9b59b6;border-color:#9b59b6}.edit-modal{border-radius:var(--radius-md);border:1px solid var(--primary);margin-bottom:2rem;padding:2rem}.edit-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.upload-preview{border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:1rem;padding:1rem;display:flex}.upload-preview img{object-fit:cover;border-radius:4px;width:60px;height:60px}footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);padding:4rem 1rem}:root{--primary:#ff5e00;--primary-light:#ff8e4c;--primary-dark:#b34100;--primary-alpha:#ff5e001a;--bg-base:#09090b;--bg-surface:#121216;--bg-elevated:#1c1c22;--text-main:#f2f2f2;--text-muted:#a6a6a6;--text-dim:#737373;--border:#ffffff1a;--border-focus:#ff5e0080;--font-main:"Outfit", sans-serif;--container-width:1200px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:600;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 2rem}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#ffffff08}.text-gradient{background:linear-gradient(135deg, var(--primary-light), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 10px 20px #f603}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}