@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0f172a;--bg-surface:#1e293bb3;--bg-surface-hover:#334155cc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--accent-glow:#3b82f680;--danger:#ef4444;--success:#10b981;--border-color:#ffffff1a;--glass-blur:blur(16px);--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--font-main:"Outfit", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0f172a;--bg-surface:#1e293bb3;--bg-surface-hover:#334155cc;--text-primary:#f8fafc;--text-secondary:#94a3b8}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-color:#f8fafc;--bg-surface:#fffc;--bg-surface-hover:#f1f5f9e6;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000000d}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f1f5f9;--bg-surface:#ffffffe6;--bg-surface-hover:#f1f5f9f2;--card-bg:#fff;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a}[data-theme=light] .input{color:#0f172a;background:#fff}[data-theme=light] .sidebar{background:#1e293b;border-right-color:#ffffff14}[data-theme=light] .sidebar .sidebar-logo,[data-theme=light] .sidebar .nav-item{color:#f8fafc}[data-theme=light] .sidebar .nav-item{color:#94a3b8}[data-theme=light] .sidebar .nav-item:hover{color:#f8fafc;background:#ffffff14}[data-theme=light] .sidebar .nav-item.active{background:var(--accent-color);color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;gap:1.5rem;height:100vh;padding:2rem 1rem;display:flex;position:fixed}.sidebar-logo{color:var(--text-primary);align-items:center;gap:.5rem;padding:0 1rem;font-size:1.5rem;font-weight:700;display:flex}.sidebar-logo span{color:var(--accent-color)}.nav-links{flex-direction:column;gap:.5rem;display:flex}.nav-item{color:var(--text-secondary);transition:var(--transition);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-color);color:#fff;box-shadow:0 0 15px var(--accent-glow)}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));flex:1;padding:2rem 3rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-title{font-size:2rem;font-weight:700}.two-col-layout{grid-template-columns:minmax(320px,1.1fr) 2fr;align-items:start;gap:2rem;display:grid}@media (max-width:920px){.two-col-layout{grid-template-columns:1fr!important;gap:1.5rem!important}}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:.5rem;width:100%;margin-top:1rem;overflow-x:auto}.responsive-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}@media (max-width:520px){.responsive-stats-grid{grid-template-columns:1fr!important;gap:1rem!important}}.form-two-col{grid-template-columns:1.2fr 2fr;gap:1rem;display:grid}.form-two-col-equal{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:600px){.form-two-col,.form-two-col-equal{grid-template-columns:1fr!important;gap:.75rem!important}}.werk-tri-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}@media (max-width:520px){.werk-tri-grid{grid-template-columns:1fr!important;gap:.5rem!important}}.klant-timer-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}@media (max-width:640px){.klant-timer-row{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.klant-timer-row .klant-select-field,.klant-timer-row .stopwatch-display,.klant-timer-row .timer-actions{width:100%!important;min-width:100%!important}.klant-timer-row .timer-actions button{justify-content:center!important;width:100%!important;padding:.85rem!important;font-size:1rem!important}}.upgrade-plans-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem;display:grid}@media (max-width:640px){.upgrade-plans-grid{grid-template-columns:1fr!important;gap:1.25rem!important}}.desktop-only-view{display:block}.mobile-only-view{display:none!important}@media (max-width:768px){.desktop-only-view{display:none!important}.mobile-only-view{display:block!important}.mobile-hide{display:none!important}.mobile-show{display:block!important}}.mobile-segmented-control{border:1px solid var(--border-color);background:#0f172a99;border-radius:.75rem;gap:.35rem;width:100%;margin-bottom:1.25rem;padding:.3rem;display:none}[data-theme=light] .mobile-segmented-control{background:#e2e8f0}@media (max-width:768px){.mobile-segmented-control{display:flex!important}}.mobile-segment-btn{color:var(--text-secondary);cursor:pointer;text-align:center;transition:var(--transition);background:0 0;border:none;border-radius:.55rem;flex:1;justify-content:center;align-items:center;gap:.4rem;min-height:42px;padding:.7rem .75rem;font-size:.88rem;font-weight:600;display:flex}.mobile-segment-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.mobile-card-list{flex-direction:column;gap:.85rem;margin-top:.5rem;display:flex}.mobile-item-card{border:1px solid var(--border-color);transition:var(--transition);background:#ffffff08;border-radius:.75rem;flex-direction:column;gap:.65rem;padding:1rem 1.1rem;display:flex}[data-theme=light] .mobile-item-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 4px #0000000f}.mobile-item-card:hover{border-color:#3b82f666}.mobile-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.mobile-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.mobile-card-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.mobile-card-body{color:var(--text-primary);background:#00000026;border-radius:.5rem;padding:.6rem .8rem;font-size:.88rem;line-height:1.45}[data-theme=light] .mobile-card-body{background:#f8fafc}.mobile-card-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.65rem;display:flex}.mobile-card-actions{align-items:center;gap:.5rem;width:auto;display:flex}.mobile-card-actions .btn-touch{cursor:pointer;border:1px solid var(--border-color);min-height:42px;color:var(--text-primary);background:#ffffff0f;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.mobile-card-actions .btn-touch.btn-primary-touch{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.mobile-card-actions .btn-touch.btn-danger-touch{color:var(--danger);background:#ef44441f;border-color:#ef44444d}.search-filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (max-width:600px){.search-filter-row{flex-direction:column!important;align-items:stretch!important;width:100%!important}.search-filter-row input,.search-filter-row select{width:100%!important}}.card{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);transition:var(--transition);border-radius:1rem;padding:1.5rem}.card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.btn{font-weight:600;font-family:var(--font-main);cursor:pointer;transition:var(--transition);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{background:var(--bg-surface-hover)}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-main);transition:var(--transition);background:#0003;border-radius:.75rem;padding:.75rem 1rem}@media (prefers-color-scheme:light){.input{background:#fff}}.input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow);outline:none}select,select.input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid var(--border-color);font-family:var(--font-main);cursor:pointer;appearance:none;transition:var(--transition);border-radius:.75rem;padding:.75rem 1rem;font-size:.95rem;color:#f8fafc!important;background-color:#1e293b!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.15rem!important;padding-right:2.5rem!important}select:focus,select.input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow);outline:none}option,optgroup,select option,select optgroup{font-family:var(--font-main);padding:.6rem .8rem;font-size:.95rem;color:#f8fafc!important;background-color:#0f172a!important}option:checked,select option:checked{color:#fff!important;background-color:#2563eb!important}option:hover,select option:hover{color:#fff!important;background-color:#1e3a8a!important}option:disabled,select option:disabled{color:#64748b!important}[data-theme=light] select,[data-theme=light] select.input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;border-color:#cbd5e1!important}[data-theme=light] option,[data-theme=light] optgroup,[data-theme=light] select option,[data-theme=light] select optgroup{color:#0f172a!important;background-color:#fff!important}[data-theme=light] option:checked,[data-theme=light] select option:checked{color:#fff!important;background-color:#3b82f6!important}[data-theme=light] option:hover,[data-theme=light] select option:hover{color:#1d4ed8!important;background-color:#eff6ff!important}[data-theme=light] option:disabled,[data-theme=light] select option:disabled{color:#94a3b8!important}table{border-collapse:separate;border-spacing:0;width:100%;margin-top:1rem}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:500}tr:last-child td{border-bottom:none}.status-badge{border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.status-paid{color:var(--success);background:#10b98133}.status-pending{color:#f59e0b;background:#f59e0b33}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.invoice-document-wrapper{-webkit-overflow-scrolling:touch;background:#0f172ab3;border-radius:.75rem;justify-content:center;align-items:flex-start;padding:2.5rem 1.5rem;display:flex;overflow-x:auto}.invoice-preview{box-sizing:border-box;border-radius:.5rem;width:100%;max-width:860px;min-height:980px;box-shadow:0 20px 40px -15px #0009,0 0 0 1px #ffffff26;color:#0f172a!important;background:#fff!important;padding:2.25rem 2.75rem!important}.invoice-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.invoice-header-left{flex:56%;max-width:58%}.invoice-header-right{text-align:right;flex:42%}.invoice-type-badge{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;background:#eff6ff;border-radius:999px;margin-bottom:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.invoice-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 .5rem;font-size:2.1rem;font-weight:800;line-height:1.1}.invoice-meta-list{color:#475569;font-size:.88rem;line-height:1.7}.invoice-meta-item{justify-content:flex-end;gap:.6rem;display:flex}.invoice-meta-label{color:#64748b}.invoice-meta-value{color:#0f172a}.invoice-meta-num{font-size:.95rem}.invoice-meta-due{color:#2563eb}.invoice-company-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.6rem;font-weight:800}.invoice-company-details{color:#475569;font-size:.88rem;line-height:1.6}.invoice-company-name{color:#0f172a;margin-bottom:.15rem;font-size:1rem;display:block}.invoice-tax-meta{margin-top:.15rem;font-size:.84rem;display:inline-block}.invoice-client-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.25rem;padding:.85rem 1.15rem}.invoice-client-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-size:.72rem;font-weight:700}.invoice-client-name{color:#0f172a;margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.invoice-client-details{color:#334155;margin:0;font-size:.88rem;line-height:1.55}.invoice-client-kvk{color:#64748b;font-size:.8rem}.invoice-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1.25rem;overflow-x:auto}.invoice-table{border-collapse:collapse;width:100%;margin-top:0}.invoice-table th{text-align:left;color:#0f172a;letter-spacing:.04em;text-transform:uppercase;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:.65rem 1rem;font-size:.82rem;font-weight:700}.invoice-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:.65rem 1rem;font-size:.9rem}.invoice-table .col-bedrag{text-align:right;width:140px}.invoice-table .cell-bedrag{text-align:right;color:#0f172a;font-weight:600}.invoice-table .col-action{text-align:center;width:40px}.invoice-table .cell-action{text-align:center;padding:.4rem}.invoice-table .row-even{background:#fff}.invoice-table .row-odd{background:#f8fafc}.invoice-table .invoice-empty-cell{text-align:center;color:#64748b;padding:1.5rem 1rem;font-size:.92rem;font-style:italic}.btn-remove-line{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:4px;padding:3px 7px;font-size:.75rem;font-weight:700;transition:all .15s}.btn-remove-line:hover{background:#ef444433}.invoice-totals-wrapper{justify-content:flex-end;margin-bottom:1.25rem;display:flex}.invoice-totals-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;width:320px;padding:.85rem 1.15rem}.totals-row{color:#475569;justify-content:space-between;padding:.25rem 0;font-size:.9rem;display:flex}.totals-row strong{color:#0f172a}.totals-row-vat{border-bottom:1px solid #cbd5e1;margin-bottom:.45rem;padding-bottom:.45rem}.totals-row-grand{color:#0f172a;padding:.35rem 0;font-size:1.2rem;font-weight:800}.totals-grand-amount{color:#2563eb}.invoice-payment-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:1.25rem;padding:.85rem 1.15rem;display:flex}.invoice-payment-info{flex:300px}.payment-heading{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.75rem;font-weight:700;display:inline-flex}.payment-text{color:#334155;margin:0;font-size:.84rem;line-height:1.45}.iban-display-card{background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;margin:.4rem 0;padding:.5rem .8rem;display:inline-block}.iban-number{color:#0f172a;letter-spacing:.04em;font-family:monospace;font-size:.96rem;font-weight:700}.iban-meta{color:#64748b;margin-top:.15rem;font-size:.76rem}.iban-meta strong{color:#1e293b}.payment-tip{color:#64748b;margin:0;font-size:.72rem;line-height:1.3}.invoice-qr-box{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;min-width:135px;padding:.65rem .8rem;display:flex;box-shadow:0 2px 6px #0000000a}.qr-badge{color:#0f172a;letter-spacing:.04em;align-items:center;gap:.3rem;margin-bottom:.3rem;font-size:.68rem;font-weight:800;display:flex}.qr-bank-list{color:#64748b;margin-top:.35rem;font-size:.62rem;line-height:1.2}.invoice-toolbar{border-bottom:1px solid var(--border-color);background:#00000026;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1.1rem 2rem;display:flex}.invoice-actions-bar{border-top:1px solid var(--border-color);background:#00000038;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}@page{size:A4 portrait;margin:8mm 10mm}@media print{html,body{color:#000!important;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.sidebar,.page-header,.no-print,.print-hide,.print\:hidden,.mobile-top-bar,.sidebar-backdrop{display:none!important}.app-container{width:100%!important;margin:0!important;padding:0!important;display:block!important}.main-content{background:#fff!important;width:100%!important;margin:0!important;padding:0!important}.card{box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.invoice-document-wrapper{background:0 0!important;margin:0!important;padding:0!important;display:block!important}.invoice-preview{box-shadow:none!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-after:avoid!important;break-inside:avoid!important;border-radius:0!important;width:100%!important;max-width:100%!important;min-height:auto!important;margin:0!important;padding:0!important}table,tr,td,th,.payment-qr-wrapper,.payment-qr-wrapper img{page-break-inside:avoid!important;break-inside:avoid!important}.invoice-logo-container img,.invoice-logo-badge img{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important}}.invoice-logo-container img,.invoice-logo-badge img,.payment-qr-wrapper img,.auto-zzp-brand-logo svg{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;shape-rendering:geometricprecision;text-rendering:geometricprecision}.mobile-top-bar{background:var(--bg-surface);height:60px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;padding:0 1.25rem;display:none;position:fixed;top:0;left:0;right:0}[data-theme=light] .mobile-top-bar{background:#fffffff2;border-bottom-color:#e2e8f0}.mobile-hamburger-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:.5rem;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;display:flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background:#000000a6;display:none;position:fixed;inset:0}@media (max-width:768px){.mobile-top-bar{display:flex}.sidebar{z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);box-shadow:0 20px 25px -5px #00000080}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{display:block}.desktop-theme-toggle{display:none}.main-content{width:100%;margin-left:0;padding:5rem 1.25rem 1.25rem}.page-title{font-size:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.card{padding:1.15rem}.invoice-document-wrapper{background:0 0!important;padding:.75rem .25rem!important}.invoice-preview{border-radius:.75rem!important;max-width:100%!important;min-height:auto!important;padding:1.25rem 1rem!important;box-shadow:0 4px 16px #00000040!important}.invoice-logo-container img{object-fit:contain!important;max-width:100%!important;height:auto!important;max-height:80px!important}.invoice-header{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;margin-bottom:1rem!important;padding-bottom:1rem!important}.invoice-header-left{flex:100%!important;max-width:100%!important}.invoice-header-right{text-align:left!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:.5rem!important;flex:100%!important;padding:.75rem .85rem!important}.invoice-badge-title-row{justify-content:space-between!important;align-items:center!important;margin-bottom:.5rem!important;display:flex!important}.invoice-title{margin:0!important;font-size:1.45rem!important}.invoice-meta-list{flex-direction:column!important;gap:.35rem!important;font-size:.84rem!important;line-height:1.4!important;display:flex!important}.invoice-meta-item{border-bottom:1px dashed #e2e8f0!important;justify-content:space-between!important;padding-bottom:.25rem!important;display:flex!important}.invoice-meta-item:last-child{border-bottom:none!important;padding-bottom:0!important}.invoice-client-box{margin-bottom:1rem!important;padding:.75rem .85rem!important}.invoice-table th{padding:.5rem .4rem!important;font-size:.75rem!important}.invoice-table td{padding:.55rem .4rem!important;font-size:.84rem!important}.invoice-table .col-bedrag{white-space:nowrap!important;width:auto!important}.invoice-totals-wrapper{justify-content:stretch!important;width:100%!important;margin-bottom:1rem!important}.invoice-totals-box{width:100%!important;max-width:100%!important;padding:.75rem .85rem!important}.invoice-payment-box{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;margin-top:1rem!important;padding:.85rem!important}.invoice-payment-info{flex:100%!important;width:100%!important}.invoice-payment-info .iban-display-card{box-sizing:border-box!important;width:100%!important;padding:.5rem .65rem!important}.invoice-payment-info .iban-number{word-break:break-all!important;font-size:.88rem!important}.invoice-qr-box{width:100%!important;max-width:220px!important;margin:0 auto!important;padding:.75rem!important}.invoice-toolbar{gap:.5rem!important;padding:.75rem .85rem!important}.invoice-toolbar .toolbar-item{font-size:.8rem!important}.invoice-actions-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:1rem!important}.invoice-actions-bar .status-hint{text-align:center!important;margin-right:0!important;font-size:.82rem!important}.invoice-actions-bar .btn{justify-content:center!important;width:100%!important;min-height:46px!important;padding:.75rem 1rem!important;font-size:.95rem!important}.factuur-filter-row{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.factuur-filter-controls{flex-direction:column!important;align-items:stretch!important;gap:.65rem!important;width:100%!important}.client-select-wrap{width:100%!important;min-width:100%!important}.btw-select-wrap{justify-content:space-between!important;width:100%!important}}@media (max-width:480px){.main-content{padding:4.5rem .75rem .75rem!important}.card{border-radius:.75rem!important;padding:1.15rem .95rem!important}.input,select,select.input{font-size:16px!important}.invoice-preview{padding:1rem .75rem!important}.invoice-table th,.invoice-table td{padding:.45rem .3rem!important;font-size:.8rem!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:900px){.desktop-nav-links{display:none!important}}