.account-hero{position:relative;overflow:hidden;margin:8px 0 26px;padding:54px 52px;border-radius:8px;background:linear-gradient(115deg,#fff 0%,#fff 58%,#fff0eb 100%);border:1px solid #dce5ec;box-shadow:0 3px 12px #21334308}.account-hero:after{content:'';position:absolute;width:280px;height:280px;right:6%;top:-145px;border:42px solid #ff5c3511;border-radius:50%;pointer-events:none}.account-hero h1{position:relative;z-index:1;max-width:670px;margin:9px 0 12px;color:#213343;font:750 38px/1.15 Manrope,Arial,sans-serif;letter-spacing:-1px}.account-hero p{max-width:620px;margin:0 0 18px;color:#627d98;font-size:15px;line-height:1.65}.account-auth-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px;align-items:start}.account-card,.admin-card,.dashboard-card{padding:23px;background:#fff;border:1px solid #dce5ec;border-radius:8px;box-shadow:0 2px 7px #21334308}.account-card h2,.admin-card h2,.dashboard-heading h2{margin:7px 0 15px;color:#213343;font:700 20px Manrope,Arial,sans-serif}.account-card>p,.admin-card>p{color:#627d98;font-size:13px;line-height:1.6}.account-form{display:grid;gap:13px}.account-form label{display:grid;gap:6px;color:#334e62;font-size:12px;font-weight:650}.account-form label small{font-weight:400;color:#71879a}.account-form input,.account-form select{width:100%;min-height:41px;padding:9px 11px;border:1px solid #cbd7e1;border-radius:4px;background:#fff;color:#213343;font:13px 'DM Sans',Arial,sans-serif}.account-form input:focus,.account-form select:focus{outline:2px solid #ffd5c6;border-color:#ff5c35}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-submit{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:43px;margin-top:5px;padding:10px 16px;border:1px solid #ff5c35;border-radius:5px;background:#ff5c35;color:#fff;font:700 12px 'DM Sans',Arial,sans-serif;cursor:pointer}.account-submit:hover{background:#e84d28}.account-submit.secondary{background:#fff;color:#c94d2e}.account-private-note{display:grid;gap:4px;margin-top:22px;padding:14px;border-radius:5px;background:#f5f8fa;color:#506779;font-size:12px;line-height:1.5}.account-private-note strong{color:#213343}.notice{margin:0 0 16px;padding:12px 15px;border:1px solid #cde7d8;border-radius:5px;background:#edf8f3;color:#257650;font-size:13px}.notice.error{border-color:#f0d1ca;background:#fff2ef;color:#a43a35}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 22px}.stat-card{display:grid;gap:9px;padding:19px 20px;background:#fff;border:1px solid #dce5ec;border-radius:8px;box-shadow:0 2px 7px #21334308}.stat-card>span,.invoice-customer>span{color:#c94d2e;font-size:10px;font-weight:700;letter-spacing:1px}.stat-card strong{font:750 26px Manrope,Arial,sans-serif;color:#213343}.stat-card small,.stat-card a{font-size:11px;color:#71879a;text-decoration:none}.stat-card a:hover{color:#c94d2e}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-grid a{display:grid;gap:8px;padding:17px;border:1px solid #e1e8ed;border-radius:6px;text-decoration:none;color:#213343}.quick-grid a:hover{border-color:#ffc7b7;background:#fffaf8}.quick-grid b{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#fff0eb;color:#ff5c35;font-size:18px}.quick-grid strong{font:700 14px Manrope,Arial,sans-serif}.quick-grid span,.empty-help{font-size:12px;color:#71879a;line-height:1.55}.content-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.content-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.full-card{margin-top:18px}.admin-table{min-width:0}.admin-table th{background:#edf3f7;color:#213343;border-color:#d6e1e8}.admin-table td{border-color:#e1e8ee;vertical-align:top}.admin-table td strong{color:#213343}.admin-table td small{display:block;color:#71879a;margin-top:4px}.card-list,.invoice-list{display:grid}.card-balance,.invoice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e8edf1}.card-balance:last-child,.invoice-row:last-child{border:0}.card-balance>div,.invoice-row>div:first-child{display:grid;gap:5px;min-width:0}.card-balance strong,.invoice-row strong{font-size:12px;color:#213343}.card-balance>div small,.invoice-row small{font-size:10px;color:#71879a}.card-balance>b,.invoice-row>div:nth-child(2)>b{white-space:nowrap;color:#213343;font:700 16px Manrope,Arial,sans-serif}.card-balance b small{font:400 10px 'DM Sans',Arial,sans-serif;color:#71879a}.invoice-row>div:nth-child(2){display:grid;justify-items:end;gap:5px}.invoice-row>div:first-child a{text-decoration:none}.status-pill{border-radius:20px;padding:4px 8px;background:#eff4f7;color:#506779;font-size:9px}.status-pill.paid{background:#edf8f3;color:#257650}.status-pill.overdue{background:#fff2ef;color:#a43a35}.small-action{border:1px solid #dce5ec;border-radius:4px;background:#fff;padding:7px 9px;color:#506779;font:600 10px 'DM Sans',Arial,sans-serif;cursor:pointer}.small-action:hover{border-color:#ffbda9;color:#c94d2e}.invoice-paper{max-width:920px;margin:0 auto;padding:28px 35px;background:white;border:1px solid #dce5ec;border-radius:8px}.invoice-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.invoice-actions .primary-link{margin:0;border:0;cursor:pointer}.invoice-head{display:flex;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid #dce5ec}.invoice-head h1{margin:7px 0;font:750 32px Manrope,Arial,sans-serif;color:#213343}.invoice-head p,.invoice-seller span{font-size:11px;color:#71879a;line-height:1.7}.invoice-seller{display:grid;align-content:start;text-align:right}.invoice-seller strong{font:700 15px Manrope,Arial,sans-serif}.invoice-customer{display:grid;gap:4px;margin:25px 0 26px;font-size:11px;color:#506779}.invoice-customer strong{font-size:13px;color:#213343}.invoice-lines{margin-top:12px}.invoice-lines th:last-child,.invoice-lines td:last-child{text-align:right}.invoice-totals{display:grid;gap:9px;width:min(320px,100%);margin:20px 0 20px auto}.invoice-totals div{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#506779}.invoice-totals strong{color:#213343}.invoice-totals .grand-total{padding-top:11px;border-top:1px solid #dce5ec;font-size:16px;font-weight:700}.invoice-payment{margin-top:25px;padding:15px;border-radius:5px;background:#f5f8fa;color:#506779;font-size:11px;line-height:1.6}.invoice-payment p{margin:4px 0 0}.site-footer{margin-top:35px}.site-footer .footer-inner{max-width:1320px}.admin-toolbar{justify-content:space-between}@media(max-width:980px){.content-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.three-col>.admin-card:nth-child(3){grid-column:1/-1}.quick-grid{grid-template-columns:1fr}.quick-grid a{grid-template-columns:32px 1fr;align-items:center}.quick-grid a span{grid-column:2}.content-grid{grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr)}}@media(max-width:700px){.account-auth-grid,.content-grid,.content-grid.three-col{grid-template-columns:1fr}.content-grid.three-col>.admin-card:nth-child(3){grid-column:auto}.stats-grid{grid-template-columns:1fr}.account-hero{padding:37px 23px}.account-hero h1{font-size:30px}.invoice-paper{padding:20px 15px}.invoice-head{flex-direction:column}.invoice-seller{text-align:left}.invoice-actions{margin-bottom:25px}.form-pair{grid-template-columns:1fr}.admin-table{min-width:640px}.invoice-lines{min-width:600px}}@media print{body{display:block;height:auto;overflow:visible;background:#fff}.site-header,.site-footer,.invoice-actions{display:none!important}.page{max-width:none!important;padding:0!important;overflow:visible!important}.invoice-paper{max-width:none;border:0;padding:0}.invoice-head,.invoice-totals,.invoice-payment{break-inside:avoid}.admin-table-wrap{overflow:visible}.invoice-lines{min-width:0}}
.account-hero{background-image:linear-gradient(90deg,rgba(5,22,49,.82) 0%,rgba(5,22,49,.67) 43%,rgba(5,22,49,.16) 100%),url('/APP/assets/business-goal-banner.png');background-position:left center,right center;background-size:cover,cover;background-repeat:no-repeat;border-color:#153b6a}.account-hero:after{display:none}.account-hero .eyebrow{color:#ffc0aa}.account-hero h1{color:#fff}.account-hero p{color:#e3edf8}
@media(max-width:700px){.account-hero{background-image:linear-gradient(90deg,rgba(5,22,49,.88) 0%,rgba(5,22,49,.73) 65%,rgba(5,22,49,.52) 100%),url('/APP/assets/business-goal-banner.png')}}
.site-header{background-image:linear-gradient(90deg,rgba(5,22,49,.96) 0%,rgba(5,22,49,.91) 48%,rgba(5,22,49,.62) 100%),url('/APP/assets/business-goal-banner.png');background-position:center, right 52%;background-size:cover;border-bottom:1px solid #24527f;box-shadow:0 3px 12px #07182d30}
.site-header .brand{color:#fff}.site-header .brand-light{color:#c9dbee}.site-header .brand-mark{background:#fff0eb}
.site-header .site-nav a{color:#d4e3f2}.site-header .site-nav a:hover,.site-header .site-nav a.active{color:#fff}.site-header .site-nav a.active:after{background:#ff7656}
.site-header .header-logout button{padding:10px 15px;border:1px solid #ff7656;border-radius:5px;background:#ff5c35;color:#fff;font:700 11px 'DM Sans',Arial,sans-serif;cursor:pointer}.site-header .header-logout button:hover{background:#e84d28;border-color:#e84d28;color:#fff}
.site-header .menu-toggle{border-color:#6383a6;background:#0c2a4c}.site-header .menu-toggle span{background:#fff}
.site-header .site-nav a:focus-visible,.site-header .header-logout button:focus-visible,.site-header .menu-toggle:focus-visible{outline:2px solid #ffd0c1;outline-offset:3px}
@media(max-width:700px){.site-header .site-nav{background:linear-gradient(115deg,#071a34,#0d3158);border-bottom:1px solid #24527f;box-shadow:0 8px 14px #07182d40}.site-header .site-nav a{color:#e0ebf5}.site-header .site-nav a:hover,.site-header .site-nav a.active{color:#fff}.site-header .header-logout button{min-height:40px;padding:8px 11px;font-size:10px}}
.admin-table td:first-child a[href^="/klant"]:after{content:" · bewerken";color:#c94d2e;font-size:10px;font-weight:600}.admin-table td:first-child a[href^="/klant"]:hover{text-decoration:underline}
/* Invoice layout follows the supplied spreadsheet template. */
.invoice-paper{max-width:920px;padding:32px 40px;border-radius:0;box-shadow:none;color:#101010;font-family:'Trebuchet MS',Arial,sans-serif}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:36px;min-height:130px}.invoice-parties .invoice-seller,.invoice-parties .invoice-customer{display:grid;align-content:start;gap:4px;margin:0;color:#101010;font-size:12px;line-height:1.5}.invoice-parties .invoice-seller{text-align:left}.invoice-parties .invoice-customer{text-align:right}.invoice-parties .invoice-seller strong,.invoice-parties .invoice-customer strong{margin-bottom:2px;color:#101010;font:700 16px 'Trebuchet MS',Arial,sans-serif}.invoice-label{color:#506779;font-size:10px;font-weight:700;letter-spacing:.08em}.invoice-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:12px 0 27px}.invoice-meta h1{margin:6px 0;color:#101010;font:700 26px 'Trebuchet MS',Arial,sans-serif;letter-spacing:0}.invoice-meta dl{display:grid;gap:7px;min-width:245px;margin:0}.invoice-meta dl>div{display:grid;grid-template-columns:1fr auto;gap:20px;font-size:12px}.invoice-meta dt{color:#334e62;text-align:right}.invoice-meta dd{min-width:82px;margin:0;color:#101010;text-align:right}.invoice-meta .amount-due{padding-top:8px;border-top:1px solid #aab6bf;font-weight:700}.invoice-meta .amount-due dd{font-size:14px}.invoice-lines{width:100%;border-collapse:collapse}.invoice-lines th{padding:10px 9px;background:#213343;color:#fff;text-align:left;font:700 11px 'Trebuchet MS',Arial,sans-serif}.invoice-lines th:nth-child(n+2),.invoice-lines td:nth-child(n+2){text-align:right;white-space:nowrap}.invoice-lines td{padding:10px 9px;border-bottom:1px solid #dce5ec;color:#101010;font:11px 'Trebuchet MS',Arial,sans-serif;vertical-align:top}.invoice-lines td:first-child{white-space:normal}.invoice-totals{gap:7px;width:min(310px,100%);margin:22px 0 26px auto}.invoice-totals div{font:12px 'Trebuchet MS',Arial,sans-serif;color:#101010}.invoice-totals .grand-total{padding-top:10px;border-top:1px solid #71879a;font-size:14px}.invoice-payment{border-radius:0;border-top:1px solid #dce5ec;background:#fff;padding:13px 0;color:#506779}.invoice-payment strong{color:#213343}@media(max-width:700px){.invoice-paper{padding:20px 14px}.invoice-parties{gap:18px;min-height:0;padding-bottom:26px}.invoice-parties .invoice-seller,.invoice-parties .invoice-customer{font-size:10px}.invoice-parties .invoice-seller strong,.invoice-parties .invoice-customer strong{font-size:13px}.invoice-meta{padding:8px 0 20px;gap:12px}.invoice-meta dl{min-width:0}.invoice-meta dl>div{gap:8px;font-size:10px}.invoice-meta dt{text-align:left}.invoice-lines{min-width:0}.invoice-lines th,.invoice-lines td{padding:8px 5px;font-size:10px}.invoice-lines th:first-child{min-width:130px}}
.rental-invoice-card{padding:24px}.rental-invoice-card>p{max-width:720px}.rental-invoice-form{max-width:720px}.rental-invoice-form>.empty-help{margin:0;color:#71879a;font-size:12px;line-height:1.55}
.error-debug{margin-top:9px;color:#7d302a;font-size:11px}.error-debug summary{cursor:pointer;font-weight:700}.error-debug code{display:block;margin-top:6px;padding:9px;border-radius:4px;background:#fff;color:#632822;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;white-space:pre-wrap}
.invoice-month-card{margin:0 0 22px;padding:24px}.invoice-month-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;padding-bottom:20px;border-bottom:1px solid #e1e8ed}.invoice-month-heading h2{margin:7px 0;color:#213343;font:700 20px Manrope,Arial,sans-serif}.invoice-month-heading p{margin:0;color:#71879a;font-size:12px;line-height:1.5}.invoice-month-filter{display:grid;gap:6px;min-width:240px}.invoice-month-filter>label{color:#334e62;font-size:11px;font-weight:700}.invoice-month-filter>div{display:flex;gap:8px}.invoice-month-filter input{min-width:0;flex:1;padding:8px 9px;border:1px solid #cbd7e1;border-radius:4px;background:#fff;color:#213343;font:12px 'DM Sans',Arial,sans-serif}.invoice-month-filter .account-submit{min-height:36px;margin:0;padding:7px 12px;font-size:11px}.invoice-month-chart{display:grid;gap:21px;padding:24px 3px 5px}.invoice-month-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.invoice-month-label strong{display:inline-flex;align-items:center;gap:9px;color:#213343;font-size:13px}.invoice-month-label i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff5c35}.invoice-month-row.paid .invoice-month-label i{background:#43a77d}.invoice-month-label span{color:#627d98;font-size:12px;text-align:right}.invoice-month-track{height:15px;overflow:hidden;border-radius:10px;background:#edf2f5}.invoice-month-track>div{height:100%;min-width:0;border-radius:inherit;background:#ff5c35;transition:width .25s ease}.invoice-month-row.paid .invoice-month-track>div{background:#43a77d}.invoice-month-empty{margin:22px 0 4px;padding:17px;border-radius:5px;background:#f5f8fa;color:#627d98;font-size:13px}@media(max-width:700px){.invoice-month-card{padding:19px}.invoice-month-heading{flex-direction:column;gap:18px}.invoice-month-filter{width:100%;min-width:0}.invoice-month-label{align-items:flex-start;flex-direction:column;gap:4px}.invoice-month-label span{text-align:left}.invoice-month-track{height:12px}}
.content-grid.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}@media(max-width:700px){.content-grid.billing-grid{grid-template-columns:1fr}}