:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.auth-page{background:#f5f6f3;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border-radius:20px;gap:20px;width:min(100%,420px);padding:32px;display:grid;box-shadow:0 18px 50px #0000001a}.auth-card h1{margin:4px 0 8px}.auth-eyebrow{color:#1f5138;margin:0;font-weight:700}.auth-card label{gap:8px;font-weight:600;display:grid}.auth-card input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #c9cec9;border-radius:10px;padding:12px 14px}.auth-card button{color:#fff;font:inherit;cursor:pointer;background:#1f5138;border:0;border-radius:10px;padding:13px 18px;font-weight:700}.auth-card button:disabled{opacity:.65;cursor:wait}.auth-error{color:#a52626;margin:0}*{box-sizing:border-box}:root{color:#17231c;font-synthesis:none;text-rendering:optimizelegibility;background:radial-gradient(circle at 100% 0,#c3aa6d14,#0000 28%),linear-gradient(#f6f7f4 0%,#eef2ee 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:0 0;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#163d2a 0%,#102d20 100%);flex-direction:column;height:100vh;padding:30px 20px;display:flex;position:sticky;top:0;box-shadow:20px 0 50px #13372614}.brand{align-items:center;gap:13px;padding:0 8px 30px;display:flex}.brand-mark{color:#173e2c;background:linear-gradient(145deg,#f4ead0,#d8c08a);border:1px solid #ffffff3d;border-radius:15px;place-items:center;width:46px;height:46px;font-size:23px;font-weight:900;display:grid;box-shadow:0 10px 25px #0000002e}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.01em;font-size:18px}.brand span{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:11px}.nav-list{gap:8px;display:grid}.nav-link,.logout-button{color:#ffffffb8;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;width:100%;min-height:48px;padding:0 14px;text-decoration:none;transition:transform .16s,background .16s,color .16s,border-color .16s;display:flex}.nav-link:hover,.logout-button:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav-link.active{color:#fff;background:linear-gradient(135deg,#e2cd9d29,#ffffff14);border-color:#e2cd9d3d;box-shadow:inset 0 1px #ffffff0f}.logout-button{margin-top:auto}.main-content{min-width:0;padding:34px 36px 48px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.page-header--dashboard{background:linear-gradient(135deg,#fffffff2,#fafbf8eb);border:1px solid #d1dad2cc;border-radius:20px;padding:24px 26px;box-shadow:0 18px 50px #1f51380f,inset 0 1px #ffffffe6}.page-header-copy{min-width:0}.header-badge{color:#7b6533;letter-spacing:.08em;text-transform:uppercase;background:#f8f3e8;border:1px solid #dfd2b3;border-radius:999px;align-items:center;min-height:26px;margin-bottom:10px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.page-header h1{letter-spacing:-.045em;margin:3px 0 6px;font-size:clamp(34px,4vw,48px);line-height:1}.eyebrow{color:#5a7462;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.subtitle{color:#6f7d74;margin:0;font-size:15px}.header-filters label{color:#64736a;letter-spacing:.04em;text-transform:uppercase;gap:7px;font-size:11px;font-weight:800;display:grid}.header-filters input,.week-controls input{color:#1d2922;background:#ffffffeb;border:1px solid #d7dfd8;border-radius:10px;min-height:42px;padding:0 12px;box-shadow:inset 0 1px 2px #163d2a0a}.section-heading{justify-content:space-between;align-items:flex-end;margin:0 0 12px;display:flex}.section-heading--compact{margin-top:2px}.section-heading span,.panel-kicker{color:#8f7a48;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.section-heading h2{letter-spacing:-.02em;margin:3px 0 0;font-size:18px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi-card{text-align:center;background:linear-gradient(145deg,#fff 0%,#fbfcfa 100%);border:1px solid #d5ded6f2;border-radius:18px;justify-content:center;align-items:center;min-width:0;min-height:156px;padding:18px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #1f51380e,inset 0 1px #ffffffe6}.kpi-card:after{content:"";background:#1f513809;border-radius:50%;width:100px;height:100px;position:absolute;inset:auto -24px -34px auto}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px #1f513814,inset 0 1px #fffffff2}.kpi-card>span,.kpi-card>small{display:block}.kpi-card>span{color:#68776e;font-size:12px;font-weight:650}.kpi-card>strong{color:#17231c;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:9px;font-size:clamp(24px,2vw,34px);line-height:1;display:block;overflow:hidden}.kpi-card>b{color:#476052;margin-top:7px;font-size:15px;display:block}.kpi-card>small{color:#7d8981;margin-top:8px;font-size:11px}.status-goed{background:linear-gradient(145deg,#fff 0%,#f2faf4 100%);border-color:#b9d8c4}.status-waarschuwing{background:linear-gradient(145deg,#fff 0%,#fff9ec 100%);border-color:#e9d49e}.status-kritiek{background:linear-gradient(145deg,#fff 0%,#fff3f2 100%);border-color:#e8b8b4}.comparison{justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:10px;line-height:1.2;display:flex}.comparison.up{color:#2b774a}.comparison.down{color:#a64942}.insight-grid{grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:14px;margin-bottom:16px;display:grid}.insight-card{background:#fffffff0;border:1px solid #d5ded6f2;border-radius:16px;min-height:116px;padding:20px 22px;display:flex;box-shadow:0 14px 34px #1f51380b}.insight-card--metric{text-align:center;background:linear-gradient(145deg,#fff 0%,#f1f7f2 100%);flex-direction:column;justify-content:center;align-items:center}.insight-card--explanation{flex-direction:column;justify-content:center}.insight-label{color:#6c7a71;font-size:11px;font-weight:700;display:block}.insight-value{color:#1f5138;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:clamp(30px,2.3vw,42px);line-height:1;display:block}.insight-note{color:#839087;letter-spacing:.04em;text-transform:uppercase;margin-top:8px;font-size:10px;display:block}.insight-card--explanation p{color:#6d7a72;max-width:720px;margin:8px 0 0;font-size:13px;line-height:1.6}.attention-panel{background:linear-gradient(135deg,#fffdf8,#fff8eb);border:1px solid #e6c893;border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 12px 30px #a66b1f0b}.attention-panel.all-good{background:linear-gradient(135deg,#fbfefc,#f1faf3);border-color:#b8d5c2}.attention-icon{color:#a66b1f;background:#a66b1f1a;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.attention-panel.all-good .attention-icon{color:#2d7048;background:#2d70481a}.attention-body{flex:1}.attention-panel h2{letter-spacing:-.02em;margin:0 0 5px;font-size:17px}.attention-panel p,.attention-panel ul{color:#68756d;margin:0;font-size:13px}.attention-list{gap:7px;padding-left:18px;display:grid;margin-top:8px!important}.forecast-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.forecast-card{text-align:center;background:linear-gradient(145deg,#fff 0%,#fbfcfa 100%);border:1px solid #d5ded6f2;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:102px;padding:16px;display:flex;box-shadow:0 12px 28px #1f51380a}.forecast-card svg{color:#6b826f;flex:none}.forecast-card span,.forecast-card strong{display:block}.forecast-card span{color:#738078;margin-top:7px;font-size:11px}.forecast-card strong{letter-spacing:-.025em;margin-top:6px;font-size:20px;line-height:1.1}.panel{background:#fffffff2;border:1px solid #d5ded6f2;border-radius:18px;margin-bottom:18px;padding:22px;box-shadow:0 16px 40px #1f51380d,inset 0 1px #ffffffe6}.panel--premium{background:linear-gradient(145deg,#fffffffa,#fafcf9f5)}.panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.panel h2{letter-spacing:-.025em;margin:2px 0 5px;font-size:20px}.panel p{color:#748078;margin:0}.week-panel-header{align-items:center}.week-controls{align-items:center;gap:7px;display:flex}.week-controls button{color:#3d5044;background:#fff;border:1px solid #d7dfd8;border-radius:9px;place-items:center;width:37px;height:37px;transition:transform .15s,background .15s;display:grid}.week-controls button:hover{background:#f5f8f5;transform:translateY(-1px)}.dga-day-note{color:#516158;white-space:nowrap;background:#f5f8f5;border:1px solid #e0e6e1;border-radius:10px;padding:10px 12px;font-size:12px}.chart-wrap{width:100%;height:340px;padding-top:4px}.chart-hint{text-align:center;font-size:10px;color:#879289!important;margin-top:10px!important}.missing-days{flex-wrap:wrap;gap:8px;display:flex}.missing-days button{color:#76542a;background:#fffaf2;border:1px solid #dfc9a9;border-radius:9px;padding:8px 11px;font-size:12px}.month-table-wrap,.table-scroll{overflow-x:auto}.month-table,.data-table{border-collapse:collapse;width:100%}.month-table th,.month-table td,.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e7ece8;padding:12px 13px}.month-table th{color:#536159;width:51%;font-weight:600}.month-table td:nth-child(2),.month-table td:nth-child(3){text-align:right}.strong-row th,.strong-row td{color:#1f5138;background:linear-gradient(90deg,#f3f7f4,#f8faf8);font-weight:800}.detail-row th{color:#68766e;padding-left:36px;font-weight:500}.data-table th{color:#68766e;letter-spacing:.07em;text-transform:uppercase;font-size:10px}.expandable-row th{padding:0}.expand-button{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:12px 13px;font-weight:800;display:inline-flex}.form-panel{max-width:560px}.vertical-form{gap:11px;display:grid}.form-field{gap:5px;display:grid}.form-field span{color:#435248;font-size:12px;font-weight:700}.form-field input,.form-field textarea{color:#1d2922;background:#fff;border:1px solid #ced6cf;border-radius:8px;outline:none;width:100%;min-height:39px;padding:8px 10px}.form-field textarea{resize:vertical;min-height:74px}.form-field input:focus,.form-field textarea:focus{border-color:#50745e;box-shadow:0 0 0 3px #50745e1f}.form-date-nav{border-bottom:1px solid #e7ebe7;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.form-date-nav button{color:#3e5045;background:#fff;border:1px solid #d8ded9;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;display:inline-flex}.form-date-nav strong{font-size:13px}.form-actions{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.primary-button,.secondary-button{border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#214f39,#173e2c);border:0;box-shadow:0 8px 18px #1f513829}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{color:#304239;background:#f6f8f6;border:1px solid #d4dbd5}.message,.completion-state,.purchase-total{border-radius:9px;padding:10px 12px;font-size:12px}.message.succes,.completion-state.complete{color:#28613d;background:#edf8f0}.message.fout{color:#9b3028;background:#fff0ef}.message.waarschuwing,.completion-state{color:#8a641c;background:#fff8e8}.completion-state{align-items:center;gap:7px;display:flex}.purchase-total{color:#3e5145;background:#f2f6f2;justify-content:space-between;gap:10px;display:flex}.row-actions{gap:7px;display:flex}.row-actions button{color:#3b4b41;background:#fff;border:1px solid #d8ded9;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.loading-page{color:#4e6055;place-items:center;min-height:100vh;display:grid}@media (width<=1180px){.kpi-grid,.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.insight-grid{grid-template-columns:1fr}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;position:static}.brand{padding-bottom:14px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-link{justify-content:center;padding:0 8px;font-size:13px}.logout-button{margin-top:10px}.main-content{padding:20px 14px}.page-header,.panel-header,.week-panel-header{flex-direction:column}.header-filters,.header-filters input,.week-controls{width:100%}.week-controls input{flex:1}}@media (width<=620px){.kpi-grid,.forecast-grid{grid-template-columns:1fr}.nav-link{flex-direction:column;gap:4px;min-height:60px;font-size:11px}.panel,.page-header--dashboard{padding:16px}.chart-wrap{height:290px}.dga-day-note{white-space:normal}.form-date-nav{flex-direction:column;align-items:stretch}.form-date-nav button{justify-content:center}}.kpi-card{text-align:center;flex-direction:column}.kpi-card>span,.kpi-card>strong,.kpi-card>b,.kpi-card>small,.kpi-card>.comparison{width:100%;max-width:100%}.kpi-card>strong{text-overflow:clip;white-space:nowrap;overflow:visible}.comparison{flex-wrap:wrap;line-height:1.35}@media (width>=1181px){.kpi-card>strong{font-size:clamp(22px,1.75vw,31px)}.kpi-card>span{justify-content:center;align-items:flex-end;min-height:30px;display:flex}}@media (width<=1350px) and (width>=1181px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.main-content{padding:14px 10px 28px}.page-header{gap:12px;margin-bottom:14px}.page-header h1{font-size:30px}.subtitle{font-size:13px;line-height:1.4}.form-panel{border-radius:14px;max-width:none;padding:14px}.vertical-form{gap:8px}.form-field{gap:4px}.form-field span{font-size:11px}.form-field input,.form-field textarea{border-radius:8px;min-height:36px;padding:7px 9px;font-size:16px}.form-field textarea{min-height:62px}.form-date-nav{grid-template-columns:1fr;gap:8px;margin-bottom:10px;padding-bottom:10px;display:grid}.form-date-nav strong{text-align:center;order:-1;font-size:13px}.form-date-nav button{justify-content:center;min-height:34px;padding:6px 8px;font-size:11px}.form-actions{z-index:5;grid-template-columns:1fr;padding-top:4px;display:grid;position:sticky;bottom:8px}.primary-button,.secondary-button{width:100%;min-height:42px;font-size:13px}.completion-state,.message,.purchase-total{padding:8px 10px;font-size:11px}.purchase-total{align-items:center}.purchase-total strong{font-size:15px}.data-table th,.data-table td{padding:9px 8px;font-size:11px}.data-table th:nth-child(3),.data-table td:nth-child(3){display:none}.row-actions button{width:30px;height:30px}.panel{border-radius:14px;padding:14px}.panel-header{margin-bottom:10px}.panel h2{font-size:17px}.panel p{font-size:12px}}@media (width<=420px){.sidebar{padding:10px}.nav-list{gap:5px}.nav-link{min-height:54px;font-size:10px}.brand{padding-bottom:10px}.brand-mark{width:38px;height:38px;font-size:20px}.page-header h1{font-size:27px}.form-panel,.panel{padding:12px}.form-field input,.form-field textarea{min-height:34px;padding:6px 8px}}.page-header--dashboard{background:linear-gradient(135deg,#fffdf8 0%,#f4f8f4 100%);border-color:#d8e2d9}.kpi-card:first-child{background:linear-gradient(145deg,#fff 0%,#eef6f0 100%);border-color:#bcd4c3}.kpi-card:nth-child(2){background:linear-gradient(145deg,#fff 0%,#fff4f1 100%);border-color:#efc4bc}.kpi-card:nth-child(3){background:linear-gradient(145deg,#fff 0%,#f2f8f4 100%);border-color:#bfdac7}.kpi-card:nth-child(4){background:linear-gradient(145deg,#fff 0%,#fff8e9 100%);border-color:#ecd49f}.kpi-card:first-child:before,.kpi-card:nth-child(2):before,.kpi-card:nth-child(3):before,.kpi-card:nth-child(4):before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.kpi-card:first-child:before{background:#2f6d4a}.kpi-card:nth-child(2):before{background:#b86458}.kpi-card:nth-child(3):before{background:#5a8e6c}.kpi-card:nth-child(4):before{background:#b28b38}.insight-card--metric{background:linear-gradient(145deg,#edf7f0 0%,#fff 100%);border-color:#bfd8c6}.insight-card--explanation{background:linear-gradient(145deg,#fffaf0 0%,#fff 100%);border-color:#ead7ad}.forecast-card:first-child{background:linear-gradient(145deg,#f0f7f2 0%,#fff 100%);border-color:#c6dcca}.forecast-card:nth-child(2){background:linear-gradient(145deg,#fff3f1 0%,#fff 100%);border-color:#ecc8c2}.forecast-card:nth-child(3){background:linear-gradient(145deg,#f3f8f4 0%,#fff 100%);border-color:#cadfce}.forecast-card:nth-child(4){background:linear-gradient(145deg,#fff8eb 0%,#fff 100%);border-color:#ead5a6}.panel--premium:nth-of-type(odd){background:linear-gradient(145deg,#fff 0%,#f7faf7 100%)}.panel--premium:nth-of-type(2n){background:linear-gradient(145deg,#fff 0%,#fffaf3 100%)}.form-panel{background:linear-gradient(145deg,#fff 0%,#f6faf7 100%);border-color:#cfded2}.form-field:nth-of-type(odd) input,.form-field:nth-of-type(odd) textarea{background:#fbfdfb}.form-field:nth-of-type(2n) input,.form-field:nth-of-type(2n) textarea{background:#fffdf8}.purchase-total{background:linear-gradient(135deg,#edf7f0,#f7fbf8);border:1px solid #c8dccd}.completion-state.complete{border:1px solid #bdd7c4}.completion-state:not(.complete){border:1px solid #ead5a5}.data-table tbody tr:nth-child(odd){background:#f0f6f18c}.data-table tbody tr:nth-child(2n){background:#fffaf18c}.data-table tbody tr:hover{background:#eef5ef}.month-table tr:nth-child(odd):not(.strong-row):not(.detail-row){background:#f2f7f380}.month-table tr:nth-child(2n):not(.strong-row):not(.detail-row){background:#fffaf280}.missing-panel{background:linear-gradient(145deg,#fffdf7 0%,#fff8ea 100%);border-color:#ead3a1}@media (width<=700px){.kpi-card,.forecast-card,.insight-card,.panel,.form-panel{box-shadow:0 8px 20px #1f51380a}.form-field input,.form-field textarea{background:#fff!important}}.page-header--cijfers{background:linear-gradient(135deg,#e5f5f2 0%,#f8fcfb 68%);border:1px solid #9fc9c4;border-left:7px solid #287d74;border-radius:16px;padding:18px 20px;box-shadow:0 12px 30px #287d7417}.page-header--cijfers .eyebrow{color:#287d74}.form-panel--cijfers{background:linear-gradient(#edf9f7 0%,#fff 34%);border:2px solid #8fc5be;border-top:7px solid #287d74;position:relative;box-shadow:0 16px 36px #287d741a}.form-panel--cijfers:before{color:#226c65;letter-spacing:.09em;text-transform:uppercase;content:"Dagelijkse omzet en personeelskosten";margin-bottom:14px;font-size:12px;font-weight:900;display:block}.form-panel--cijfers .form-field span{color:#225f5a}.form-panel--cijfers .form-field input,.form-panel--cijfers .form-field textarea{background:#fff;border-color:#9bc9c4}.form-panel--cijfers .form-field input:focus,.form-panel--cijfers .form-field textarea:focus{border-color:#287d74;box-shadow:0 0 0 4px #287d7424}.form-panel--cijfers .primary-button{background:linear-gradient(135deg,#328e84,#206c64);box-shadow:0 9px 20px #287d7438}.form-panel--cijfers .form-date-nav{background:#dff2ef;border:1px solid #b7d9d5;border-radius:10px;padding:10px}.list-panel--cijfers{background:linear-gradient(#f0faf8 0%,#fff 22%);border:1px solid #a8cec9;border-top:5px solid #287d74}.list-panel--cijfers .data-table thead{background:#dcefeb}.list-panel--cijfers .data-table tbody tr:nth-child(odd){background:#f1faf8}.page-header--inkoop{background:linear-gradient(135deg,#fff0d8 0%,#fffaf2 68%);border:1px solid #e0bd79;border-left:7px solid #c27a20;border-radius:16px;padding:18px 20px;box-shadow:0 12px 30px #c27a201a}.page-header--inkoop .eyebrow{color:#a96316}.form-panel--inkoop{background:linear-gradient(#fff3df 0%,#fff 34%);border:2px solid #e0b769;border-top:7px solid #c27a20;position:relative;box-shadow:0 16px 36px #c27a201c}.form-panel--inkoop:before{color:#9c5d13;letter-spacing:.09em;text-transform:uppercase;content:"Inkoop per leverancier";margin-bottom:14px;font-size:12px;font-weight:900;display:block}.form-panel--inkoop .form-field span{color:#8a5518}.form-panel--inkoop .form-field input,.form-panel--inkoop .form-field textarea{background:#fffdfa;border-color:#dfbd7d}.form-panel--inkoop .form-field input:focus,.form-panel--inkoop .form-field textarea:focus{border-color:#c27a20;box-shadow:0 0 0 4px #c27a2026}.form-panel--inkoop .primary-button{background:linear-gradient(135deg,#d58a2b,#a96118);box-shadow:0 9px 20px #c27a203d}.form-panel--inkoop .form-date-nav{background:#ffebc8;border:1px solid #ead09f;border-radius:10px;padding:10px}.form-panel--inkoop .purchase-total{color:#75420d;background:linear-gradient(135deg,#ffe5b6,#fff5e2);border:2px solid #dfb568}.list-panel--inkoop{background:linear-gradient(#fff5e4 0%,#fff 22%);border:1px solid #e1bd78;border-top:5px solid #c27a20}.list-panel--inkoop .data-table thead{background:#ffe8bd}.list-panel--inkoop .data-table tbody tr:nth-child(odd){background:#fff8ec}@media (width<=700px){.page-header--cijfers,.page-header--inkoop{border-left-width:6px;padding:13px 14px}.form-panel--cijfers,.form-panel--inkoop{border-top-width:6px}.form-panel--cijfers:before,.form-panel--inkoop:before{margin-bottom:10px;font-size:10px}.form-panel--cijfers .form-date-nav,.form-panel--inkoop .form-date-nav{padding:8px}}.page-header--maand{background:linear-gradient(135deg,#fff9eb 0%,#fff 72%);border:1px solid #d9c99f;border-left:7px solid #9c7a2e;border-radius:17px;padding:20px 22px;box-shadow:0 14px 34px #9c7a2e14}.page-header--maand .eyebrow{color:#8c6d29}.week-controls--header{background:#ffffffdb;border:1px solid #d7dfd8;border-radius:12px;align-self:center;padding:8px}.missing-panel{background:linear-gradient(#fff3dc 0%,#fff 34%);border:2px solid #e2bd73;border-top:6px solid #c27a20;margin-top:16px}@media (width<=820px){.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.week-controls--header{width:100%}}@media (width<=620px){.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.week-controls--header{grid-template-columns:38px minmax(0,1fr) 38px;display:grid}}