:root{--ink:#182b28;--muted:#73817b;--line:#e2e7e2;--bg:#f4f6f2;--paper:#fff;--green:#173d34;--lime:#d4ed57;--soft:#eaf0e8;--red:#a83b31;--radius:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.4px;font-weight:650;margin-bottom:10px}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:16px}small,.muted{color:var(--muted)}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.brand-emblem{display:grid;place-items:center;background:var(--lime);color:#132d25;font-size:20px;font-weight:900;font-style:italic;letter-spacing:-3px;width:42px;height:42px;border-radius:9px;padding-right:3px}.brand{display:flex;gap:11px;align-items:center;font-size:21px;font-weight:800;letter-spacing:-.8px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a5b4ad;margin-top:2px}.auth-shell{display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh}.auth-brand{background:#122e26;padding:72px 10%;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:clamp(40px,5vw,76px);line-height:1.05;letter-spacing:-3px;margin-top:40px;z-index:1}.auth-brand .eyebrow{color:#cbd8c7;margin-top:18px}.auth-brand>p:not(.eyebrow){color:#b8c9bc;z-index:1}.auth-caption{position:absolute;bottom:35px;font-size:9px;letter-spacing:2px;color:#a9b9a5}.speed-lines{position:absolute;width:400px;height:400px;border:55px solid #234738;border-radius:50%;right:-230px;bottom:0;box-shadow:0 0 0 50px #1c3c30}.auth-form{display:grid;place-items:center;padding:40px}.auth-form>div{max-width:360px;width:100%}.auth-form h2{font-size:32px;margin-top:28px;margin-bottom:10px}.auth-form p{color:var(--muted);margin-bottom:30px}.tag{font-size:9px;letter-spacing:1.5px;font-weight:700;border:1px solid #cbd8c6;padding:7px 10px;border-radius:4px}.auth-form form{display:grid;gap:20px}.form-error{color:var(--red)!important;margin:0!important;font-size:13px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#4a5c53}input,select,textarea{border:1px solid #dbe2d9;border-radius:7px;background:#fff;padding:11px 12px;color:var(--ink);min-width:0;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--green)}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:auto;accent-color:var(--green)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--green);color:#fff;border-radius:7px;padding:12px 18px;font-weight:600;font-size:12px;white-space:nowrap}.primary:hover{background:#245340}.primary.lime{background:var(--lime);color:#1e382b}.compact{padding:10px 14px}.full{width:100%;justify-content:space-between}.secondary{background:#fff;border:1px solid #d7dfd4;color:#365042;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.text-button{background:none;color:var(--green);font-weight:600;font-size:12px}.icon-button{background:none;color:inherit;font-size:22px;padding:5px 8px;line-height:1}.danger{color:var(--red)}#app{display:flex;min-height:100dvh}#sidebar{width:230px;flex-shrink:0;background:#102b23;color:#d0dcd3;padding:32px 22px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column;z-index:10}#sidebar .brand{color:#fff;margin-bottom:48px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#819a88;margin:0 12px 17px}nav{display:flex;flex-direction:column;gap:6px}nav a{padding:12px 13px;border-radius:7px;font-size:12px;display:flex;align-items:center;gap:12px}nav a>span:first-child{font-size:19px;width:20px;color:#a2b89f}nav a.active{background:#284637;color:#e9f8b0}nav a.active>span:first-child{color:var(--lime)}nav a:hover{background:#213d31}.nav-badge{margin-left:auto;font-size:10px;background:#425e3e;padding:2px 6px;border-radius:4px}.new-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:auto}.sidebar-bottom{margin-top:auto;font-size:12px}.sidebar-bottom>a{display:block;padding:14px 12px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #304b3b;padding-top:24px;margin-top:15px}.profile>span{background:#365c40;color:#d6ed98;border-radius:50%;display:grid;place-items:center;width:32px;height:32px}.profile strong{font-size:11px;color:#ebf2e8}.profile small{display:block;font-size:9px;margin-top:4px;color:#9eb29d}.profile button{margin-left:auto;font-size:20px}.workspace{margin-left:230px;min-width:0;flex:1}header{height:76px;border-bottom:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.breadcrumb{font-size:10px;color:#8a948d;letter-spacing:.5px}.breadcrumb strong{color:#3d5449;font-weight:500;margin-left:6px}.top-tools{display:flex;gap:10px;align-items:center;font-size:10px;color:#6a7e6d}.top-tools .primary{margin-left:18px}.live-dot{background:#688c58;width:6px;height:6px;display:inline-block;border-radius:50%}main#content{padding:36px 38px 48px;min-height:calc(100vh - 126px)}footer{padding:17px 38px;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#98a08f}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading p{font-size:12px;color:var(--muted);margin-bottom:0;line-height:1.6}.heading-tools{display:flex;gap:10px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:relative}.stat-label{font-size:11px;color:#778376;margin-bottom:16px}.stat-number{font-size:32px;font-weight:600;letter-spacing:-1px}.stat small{font-size:10px;display:block;margin-top:6px}.stat-icon{position:absolute;right:18px;top:18px;background:#edf2e9;border-radius:6px;padding:7px;font-size:15px;color:#5e7c58}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #edf0e9;gap:15px}.panel-head h3{margin:0}.panel-body{padding:22px}.grid-2{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px}.hero-strip{border-radius:var(--radius);background:#e4eccd;position:relative;overflow:hidden;padding:24px 28px;margin-bottom:27px;display:flex;align-items:center;justify-content:space-between}.hero-strip h3{font-size:21px;letter-spacing:-.6px;margin-bottom:8px}.hero-strip p{font-size:12px;color:#667555;margin:0;line-height:1.7}.hero-number{font-size:80px;position:absolute;right:200px;color:#d2dfb1;font-style:italic;font-weight:900;line-height:1}.hero-strip .primary{z-index:1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{background:#f9faf6;color:#8b9585;font-size:9px;letter-spacing:.7px;font-weight:600;text-align:left;padding:12px 20px;white-space:nowrap}td{padding:16px 20px;border-top:1px solid #edf0e8;vertical-align:middle}td strong{font-size:12px;font-weight:600}td small{display:block;font-size:10px;margin-top:5px}.row-link{cursor:pointer}.row-link:hover{background:#fafbf6}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:600;white-space:nowrap;background:#f0f2eb;color:#69765b}.badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.bezig{background:#e9f0df;color:#60803e}.badge.ingepland{background:#edf0f3;color:#617086}.badge.wacht_op_onderdelen{background:#fff3dd;color:#a47d25}.badge.gereed,.badge.betaald{background:#e3f0e2;color:#437044}.badge.definitief{background:#fff1dc;color:#967529}.badge.spoed{background:#fae6df;color:#a74f38}.badge.confirmed{background:#e4f1db;color:#4d7439}.empty{padding:48px 25px;text-align:center}.empty .empty-icon{font-size:34px;color:#9caf87;margin-bottom:16px}.empty h3{margin-bottom:10px}.empty p{color:var(--muted);font-size:12px;line-height:1.7;max-width:400px;margin:0 auto 20px}.steps{display:grid;gap:22px}.step{display:flex;gap:14px}.step>span{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#edf1e4;font-size:11px;color:#6a8155}.step h4{font-size:12px;margin:1px 0 6px}.step p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filter-bar input{flex:1;min-width:200px}.filter-bar select{width:auto;max-width:200px}.notice{border:1px solid #e0e7cf;border-radius:8px;background:#f4f7e9;color:#68764f;font-size:11px;line-height:1.7;padding:14px 17px;margin-bottom:20px}.notice.warn{background:#fff8e8;border-color:#f0dfb6;color:#8e713c}.search-hero{background:#173b30;border-radius:var(--radius);color:#fff;padding:30px;margin-bottom:22px;position:relative;overflow:hidden}.search-hero h2{font-size:27px;margin-bottom:10px}.search-hero p{color:#adc4aa;font-size:12px;margin-bottom:25px}.vehicle-filters{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px}.vehicle-filters select{background:#244c3c;border:1px solid #4c6951;color:#e7f1e0}.vehicle-filters label{color:#b6c8ad;font-size:10px}.vehicle-filters .primary{align-self:end}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px;min-height:210px}.product-card .product-category{font-size:9px;color:#8a947c;letter-spacing:1px;text-transform:uppercase}.product-card h3{font-size:13px;line-height:1.6;letter-spacing:-.1px;margin:0;flex:1}.product-meta{display:flex;justify-content:space-between;font-size:10px;gap:10px;color:var(--muted)}.product-price{font-size:23px;letter-spacing:-.8px;font-weight:600}.product-price small{font-size:10px;letter-spacing:0;font-weight:400}.product-actions{display:flex;gap:8px}.product-actions .primary{flex:1;font-size:11px;padding:9px}.product-actions .secondary{padding:9px}.source-links{display:flex;gap:8px;flex-wrap:wrap}.source-links a{font-size:11px;border:1px solid var(--line);background:white;border-radius:6px;padding:10px 13px}.count-label{font-size:11px;color:var(--muted);margin:15px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.form-grid label .hint{font-size:10px;font-weight:400;color:var(--muted)}.data-list{display:grid;gap:12px}.customer-card{display:flex;align-items:center;gap:15px;padding:20px;background:white;border:1px solid var(--line);border-radius:10px}.customer-avatar{width:42px;height:42px;background:#e8eedf;color:#637c49;display:grid;place-items:center;border-radius:50%;font-size:15px}.customer-info{flex:1}.customer-info h3{margin:0 0 6px;font-size:13px}.customer-info p{margin:0;font-size:11px;color:var(--muted)}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.tabs{display:flex;gap:6px;margin-bottom:22px}.tabs button{padding:9px 14px;border:1px solid #dfe5d8;background:white;border-radius:6px;font-size:11px;color:#6d7c60}.tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));min-width:910px}.calendar-day{border-right:1px solid var(--line);min-height:320px;padding:12px}.calendar-day:last-child{border:0}.calendar-label{font-size:10px;color:var(--muted);text-align:center;margin-bottom:12px}.calendar-label strong{font-size:24px;display:block;margin-top:10px;font-weight:500}.calendar-day.today{background:#f8faef}.appointment{background:#e8efdc;border-left:3px solid #86a355;padding:10px;border-radius:5px;margin-bottom:10px;cursor:pointer}.appointment strong{display:block;font-size:11px;line-height:1.5}.appointment small{display:block;font-size:10px;margin:4px 0}.appointment time{font-size:9px;font-weight:700;color:#637945}.totals{display:grid;gap:12px;margin:20px 0 0 auto;max-width:280px}.totals>div{display:flex;justify-content:space-between;font-size:12px}.totals .grand{font-size:18px;font-weight:600;border-top:1px solid var(--line);padding-top:14px}.checklist{display:grid;gap:12px}.checklist label{flex-direction:row;font-weight:400;font-size:12px;align-items:center}.detail-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:25px}.detail-meta small{display:block;font-size:10px;margin-bottom:6px}.detail-meta strong{font-size:12px}.order-title{display:flex;justify-content:space-between;align-items:start;gap:20px}.order-title h2{margin-bottom:8px}.order-title p{color:var(--muted);font-size:12px;line-height:1.7}.inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.inline-actions .primary,.inline-actions .secondary{font-size:11px}.line-delete{background:none;color:#a58e80;font-size:18px}.detail-note{white-space:pre-wrap;font-size:12px;line-height:1.8;background:#f7f9f1;border-radius:8px;padding:15px;color:#65725c}.scroll-panel{max-height:70vh;overflow:auto}dialog{border:0;border-radius:15px;padding:28px;width:min(720px,calc(100vw - 32px));max-height:90dvh;color:var(--ink);box-shadow:0 24px 90px #10211640}dialog::backdrop{background:#102b2366;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:24px}.modal-head h2{margin:0}.modal-head .icon-button{align-self:start}.modal-head .eyebrow{font-size:9px}.modal-wide{width:min(1050px,calc(100vw - 32px))}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);padding:14px 22px;background:#183c2d;color:#fff;border-radius:8px;box-shadow:0 8px 24px #10211630;font-size:12px;z-index:100}#toast.error{background:#813a2f}.mobile{display:none}.pagination{display:flex;justify-content:center;gap:12px;margin-top:24px}.settings-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.settings-panels .notice{margin-bottom:15px}.feature-label{display:inline-block;background:#ecf3d4;font-size:9px;letter-spacing:1px;color:#697b43;padding:5px 7px;border-radius:4px}.import-area{font-family:ui-monospace,monospace;font-size:11px;min-height:170px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subsection-title{margin:25px 0 14px;font-size:12px;color:#6f805e}.loader{padding:60px;text-align:center;color:var(--muted)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #d5dfca;border-top-color:#4e6b3c;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){main#content{max-width:1600px;margin:auto;padding-left:55px;padding-right:55px}}@media(max-width:1150px){#sidebar{width:205px;padding:28px 16px}.workspace{margin-left:205px}header{padding:0 25px}main#content{padding:28px 25px}.grid-2,.settings-panels{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:10px}.stat{padding:17px}.stat-label{font-size:10px}.stat-icon{display:none}.vehicle-filters{grid-template-columns:1fr 1fr 1fr}.vehicle-filters .primary{grid-column:1/-1}.hero-number{right:150px}}@media(max-width:760px){.mobile{display:block}#sidebar{transform:translateX(-100%);transition:transform .2s}#sidebar.open{transform:translateX(0);box-shadow:15px 0 60px #102b2350}.workspace{margin-left:0}header{height:66px;padding:0 17px}.top-tools>span{display:none}.top-tools .primary{margin:0;padding:9px;font-size:10px}.breadcrumb{margin-right:auto;font-size:9px}main#content{padding:25px 17px}h1{font-size:29px}.page-heading{align-items:start;gap:12px;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.stat-number{font-size:29px}.stat-label{margin-bottom:12px}.hero-strip{padding:22px;gap:15px;align-items:start;flex-direction:column}.hero-number{right:15px}.product-grid{grid-template-columns:1fr}.form-grid,.pair{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.vehicle-filters{grid-template-columns:1fr}.vehicle-filters .primary{grid-column:auto}.search-hero{padding:24px}.heading-tools{width:100%;justify-content:space-between}.form-actions{flex-wrap:wrap}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form{min-height:100dvh;padding:35px}.detail-meta{grid-template-columns:1fr 1fr}td,th{padding:13px}.customer-card{padding:14px;gap:10px}.customer-card .secondary{font-size:10px;padding:8px}.order-title{flex-direction:column}footer{padding:17px;font-size:8px;gap:20px}#content .inline-actions .primary{flex:1}}