:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Arial,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}#root{min-height:100vh}:root{--bg:#08090c;--panel:#16181edb;--panel2:#1d2028;--border:#ffffff14;--text:#f6f7fb;--muted:#9da3b4;--red:#d71920;--red2:#7a0b10;--green:#37d67a;--orange:#ffb020;--shadow:0 24px 80px #00000061}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}.app{isolation:isolate;background-color:var(--bg);grid-template-columns:280px 1fr;width:100%;min-height:100vh;display:grid;position:relative;overflow-x:hidden}.sidebar,.content{z-index:2;position:relative}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090cc7;height:100vh;padding:24px;position:sticky;top:0}.content{width:100%;min-width:0;max-width:1650px;margin:0 auto;padding:30px 40px}.brand{align-items:center;gap:14px;margin-bottom:34px;display:flex}.logo{background:linear-gradient(135deg, var(--red), var(--red2));border-radius:15px;place-items:center;width:46px;height:46px;font-weight:900;display:grid;box-shadow:0 14px 40px #d7192059}.brand small{color:var(--muted);margin-top:4px;display:block}nav{gap:10px;display:grid}nav button{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:13px 14px;transition:all .2s}nav button:hover,nav button.active{color:#fff;border-color:var(--border);background:#ffffff12;transform:translate(4px)}.topbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.topControls{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:12px;display:flex}.monthPicker{min-width:220px}.topControls .monthPicker{min-width:210px}.eyebrow{color:#ffb3b6;text-transform:uppercase;letter-spacing:.16em;margin:0 0 7px;font-size:12px;font-weight:800}h1,h2{margin:0}h1{letter-spacing:-.04em;font-size:clamp(34px,5vw,58px)}h2{margin-bottom:18px;font-size:21px}.heroPanel{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:linear-gradient(135deg,#d7192047,#1d2028c7);border-radius:26px;justify-content:space-between;align-items:center;gap:26px;margin-bottom:18px;padding:28px;animation:.35s both rise;display:flex}.heroPanel p{max-width:650px;color:var(--muted)}.heroPanel h2{font-size:clamp(28px,5vw,48px)}.heroAmount{white-space:nowrap;text-align:right;letter-spacing:-.05em;font-size:clamp(30px,5vw,58px);font-weight:900}.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-bottom:18px;display:grid}.dashboardGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start;gap:18px;display:grid}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:1.2fr .8fr}.stat,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;animation:.35s both rise}.stat{padding:20px;transition:all .2s}.panel{width:100%;min-width:0;margin-bottom:18px;padding:22px;overflow:hidden}.stat:hover,.panel:hover{border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 30px 90px #0000006b}.stat span{color:var(--muted);margin-bottom:9px;display:block}.stat strong{font-size:clamp(20px,3vw,31px)}.stat.danger{border-color:#d7192094}.formGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:13px;display:grid}.formGrid label{color:var(--muted);gap:7px;font-size:13px;display:grid}.wide,.formGrid .wide{grid-column:1/-1}input,select{border:1px solid var(--border);width:100%;min-width:0;min-height:46px;color:var(--text);background:#fff1;border-radius:14px;outline:none;padding:12px 14px;transition:all .2s}select option{color:#000}input:focus,select:focus{border-color:#d71920e6;box-shadow:0 0 0 4px #d7192026}.primary,.inlineForm button{color:#fff;background:linear-gradient(135deg, var(--red), var(--red2));cursor:pointer;border:0;border-radius:14px;min-height:46px;margin-top:14px;padding:12px 18px;font-weight:800;transition:all .2s}.primary:hover,.inlineForm button:hover{filter:brightness(1.1);transform:translateY(-1px)}.inlineForm{grid-template-columns:1fr 130px 120px auto;gap:10px;margin-top:16px;display:grid}.check{border:1px solid var(--border);background:#ffffff0b;border-radius:14px;align-items:center;min-height:46px;padding:12px 14px;gap:10px!important;display:flex!important}.check input,.fixedRow input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--red)}.list,.fixedList,.timeline{gap:12px;display:grid}.listItem,.timelineItem{border:1px solid var(--border);background:#ffffff0b;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:15px;transition:all .2s;display:flex}.listItem:hover,.timelineItem:hover{background:#ffffff13;transform:translateY(-1px)}.listItem small,.timelineItem small{color:var(--muted);margin-top:4px;display:block}.listItem.gepland{border-color:#ffb0206b}.listItem.betaald{border-color:#37d67a52}.listItem.geannuleerd{opacity:.45}.right{align-items:center;gap:12px;display:flex}.right button,.fixedRow button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;padding:10px 12px}.right button:hover,.fixedRow button:hover{color:#fff;border-color:var(--red)}.fixedRow{grid-template-columns:32px 1fr 130px 110px 44px;align-items:center;gap:10px;display:grid}.timelineItem{position:relative}.dot{background:var(--red);border-radius:99px;flex:none;width:10px;height:10px;box-shadow:0 0 0 6px #d719201f}.summaryRow{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:13px 0;display:flex}.summaryRow span{color:var(--muted)}.summaryRow.strong{font-size:20px}.good{color:var(--green)}.bad{color:#ff6268}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:14px}th{color:var(--muted);font-size:13px}tbody tr{cursor:pointer;transition:all .18s}tbody tr:hover{background:#d719201c}.app.with-bg-image:before{content:"";z-index:0;background-image:var(--motor-bg);filter:blur(18px)brightness(.32);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.06)}.app.with-bg-image:after{content:"";z-index:1;background:radial-gradient(circle at 0 0,#d719204d,#0000 34%),linear-gradient(120deg,#08090ceb,#08090cb8);position:fixed;inset:0}.theme-rider{--bg:#08090c;--panel:#16181edb;--panel2:#1d2028;--border:#ffffff14;--text:#f6f7fb;--muted:#9da3b4;--red:#d71920;--red2:#7a0b10;background:radial-gradient(circle at top left, #d7192038, transparent 32%), radial-gradient(circle at bottom right, #7a0b1033, transparent 38%), var(--bg)}.theme-dark{--bg:#0d1117;--panel:#161b22eb;--panel2:#161b22;--border:#ffffff1a;--text:#e6edf3;--muted:#8b949e;--red:#8b949e;--red2:#30363d;background:radial-gradient(circle at top left, #94a3b81a, transparent 32%), var(--bg)}.theme-corporate{--bg:#f4f7fb;--panel:#ffffffeb;--panel2:#fff;--border:#0f172a1f;--text:#0f172a;--muted:#64748b;--red:#2563eb;--red2:#1e40af;--green:#15803d;background:radial-gradient(circle at top left, #2563eb29, transparent 34%), radial-gradient(circle at bottom right, #0ea5e924, transparent 36%), var(--bg)}.theme-light{--bg:#f8fafc;--panel:#fffffff0;--panel2:#fff;--border:#0f172a1a;--text:#111827;--muted:#6b7280;--red:#111827;--red2:#374151;background:radial-gradient(circle at top left, #0f172a0f, transparent 32%), var(--bg)}.theme-corporate,.theme-light{color:#111827}.theme-corporate .sidebar,.theme-light .sidebar{color:#111827;background:#ffffffbf}.theme-corporate .brand small,.theme-light .brand small,.theme-corporate .eyebrow,.theme-light .eyebrow,.theme-corporate .summaryRow span,.theme-light .summaryRow span,.theme-corporate .stat span,.theme-light .stat span,.theme-corporate small,.theme-light small,.theme-corporate label,.theme-light label,.theme-corporate .monthPicker,.theme-light .monthPicker{color:#4b5563}.theme-corporate h1,.theme-corporate h2,.theme-corporate h3,.theme-corporate strong,.theme-corporate b,.theme-corporate .heroAmount,.theme-corporate .stat strong,.theme-corporate .summaryRow strong,.theme-corporate .summaryRow b,.theme-light h1,.theme-light h2,.theme-light h3,.theme-light strong,.theme-light b,.theme-light .heroAmount,.theme-light .stat strong,.theme-light .summaryRow strong,.theme-light .summaryRow b{color:#111827}.theme-corporate nav button,.theme-light nav button{color:#374151}.theme-corporate nav button.active,.theme-corporate nav button:hover,.theme-light nav button.active,.theme-light nav button:hover{color:#111827;background:#0f172a14}.theme-corporate input,.theme-corporate select,.theme-light input,.theme-light select{color:#111827;background:#ffffffd9}.theme-corporate .panel,.theme-corporate .stat,.theme-corporate .listItem,.theme-corporate .timelineItem,.theme-light .panel,.theme-light .stat,.theme-light .listItem,.theme-light .timelineItem{color:#111827}.theme-corporate .heroPanel,.theme-light .heroPanel{background:linear-gradient(135deg,#ffffffe6,#e2e8f0c7)}.theme-corporate .panel:hover,.theme-corporate .stat:hover,.theme-light .panel:hover,.theme-light .stat:hover{box-shadow:0 24px 70px #0f172a29}.theme-corporate.with-bg-image:before,.theme-light.with-bg-image:before{filter:blur(18px)brightness(.78)saturate(.75)}.theme-corporate.with-bg-image:after,.theme-light.with-bg-image:after{background:linear-gradient(120deg,#f4f7fbf0,#f4f7fbc7)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=1800px){.content{padding-left:70px;padding-right:70px}}@media (width<=1050px){.app{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;position:static}nav{grid-template-columns:repeat(3,1fr)}nav button{text-align:center}.content{padding:16px}.grid.two{grid-template-columns:1fr 1fr}.heroPanel{flex-direction:column;align-items:flex-start}.fixedRow{grid-template-columns:32px 1fr}.fixedRow input[type=number],.fixedRow button{grid-column:2}.inlineForm{grid-template-columns:1fr}}@media (width<=900px){.heroAmount{text-align:left}}@media (width<=780px){.formGrid{grid-template-columns:1fr}}@media (width<=680px){nav{grid-template-columns:repeat(2,1fr)}.topbar{flex-direction:column;align-items:stretch}.topControls{flex-direction:column;align-items:stretch;width:100%}.topControls .monthPicker{min-width:100%}.grid.two{grid-template-columns:1fr}.heroAmount{white-space:normal}.listItem,.timelineItem{flex-direction:column;align-items:flex-start}.right{justify-content:space-between;width:100%}}.topbar,.topControls{align-items:flex-start}.timelineItem{grid-template-columns:16px minmax(0,1fr) auto;align-items:center;width:100%;display:grid}.timelineItem>div:nth-child(2){text-align:left;min-width:0}.timelineItem strong{display:block}.panel h2{text-align:left}@media (width<=680px){.monthSelectGrid{grid-template-columns:1fr}.timelineItem{grid-template-columns:16px 1fr}.timelineItem b{grid-column:2;justify-self:start}}.yearTotalRow{background:#ffffff0e}.yearTotalRow td{border-top:2px solid var(--border);padding-top:18px;padding-bottom:18px}.yearTotalRow:hover{background:#ffffff14}.themeSwitcher select{cursor:pointer;background:#ffffff0f;width:auto;min-width:120px;font-weight:700}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.topControls{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.monthPicker,.themeSwitcher{flex-direction:column;gap:6px;display:flex}.monthPicker label,.themeSwitcher label{color:var(--text-muted);font-size:13px;font-weight:700}.monthPicker input,.themeSwitcher select{box-sizing:border-box;border-radius:14px;align-items:center;min-width:220px;height:46px;padding:0 16px;display:flex}.themeSwitcher select{min-width:180px}.sidebar nav button.active{background:#ffffff14;border:1px solid #ffffff14;transform:translate(4px)}.sidebar nav button{align-items:center;gap:12px;display:flex}.sidebar nav button svg{flex-shrink:0}.sidebar nav button span{margin-left:2px}.sidebar nav button{transition:background .2s,transform .2s,border .2s}.sidebar nav button:hover{background:#ffffff0d;transform:translate(4px)}.timelineItem{border-bottom:1px solid #ffffff0d;grid-template-columns:14px 1fr auto;align-items:center;gap:16px;padding:16px 0;display:grid}.timelineItem small{opacity:.7}.dot{background:#7c3aed;border-radius:50%;width:10px;height:10px}.timeline{gap:10px;display:grid}.timelineItem{border:1px solid var(--border);background:#ffffff0b;border-radius:16px;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.timelineItem:hover{background:#ffffff13;transform:translateY(-1px)}.timelineItem strong{margin-bottom:4px;display:block}.timelineItem small{color:var(--muted)}.timelineItem b{white-space:nowrap;justify-self:end}.dot{background:var(--red);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #d719201f}.editExpenseGrid{grid-template-columns:160px 1fr 130px 150px;align-items:center;gap:10px;width:100%;display:grid}.editExpenseGrid .wide{grid-column:1/-1}.editActions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.editActions button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:12px;padding:10px 14px}.editActions button:hover{border-color:var(--red)}@media (width<=800px){.editExpenseGrid{grid-template-columns:1fr}.editActions{justify-content:stretch}.editActions button{width:100%}}.incomeList{margin-top:16px}.list{margin-bottom:24px}.listItem{margin-bottom:14px}.list+.stats,.incomeList+.stats,.stats,.panel>.list{margin-top:24px}.panel>.list .listItem{margin-bottom:16px}.panel>.list .listItem:last-child{margin-bottom:0}.loginPage{background:radial-gradient(circle at 0 0,#d7192038,#0000 32%),radial-gradient(circle at 100% 100%,#7a0b1033,#0000 38%),#08090c;place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow);background:#16181eeb;border-radius:26px;padding:34px}.loginCard h1{margin-bottom:24px;font-size:42px;line-height:1}.loginCard input{margin-bottom:14px}.loginCard .primary{width:100%}