:root{--kp-bg-page: #F9FAFB;--kp-bg-surface: #FFFFFF;--kp-bg-surface-hover: #FDF9F6;--kp-bg-accent: #FDF3EC;--kp-border: #E5E7EB;--kp-border-subtle: #F3F4F6;--kp-text-primary: #111827;--kp-text-secondary: #6B7280;--kp-text-muted: #9CA3AF;--kp-text-hint: #D1D5DB;--kp-copper: #C8702A;--kp-copper-hover: #B05E20;--kp-copper-light: #FDF3EC;--kp-copper-border: #FDDBC5;--kp-sidebar-bg: #FFFFFF;--kp-sidebar-border: #E5E7EB;--kp-sidebar-active-bg: #FDF3EC;--kp-sidebar-active-text: #C8702A;--kp-sidebar-text: #6B7280;--kp-sidebar-section: #D1D5DB;--kp-badge-concept-bg: #F3F4F6;--kp-badge-concept-text: #6B7280;--kp-badge-verzonden-bg: #EFF6FF;--kp-badge-verzonden-text: #1D4ED8;--kp-badge-akkoord-bg: #DCFCE7;--kp-badge-akkoord-text: #15803D;--kp-badge-verlopen-bg: #FEE2E2;--kp-badge-verlopen-text: #B91C1C;--kp-badge-betaald-bg: #FEF3C7;--kp-badge-betaald-text: #B45309;--kp-font: -apple-system, "Inter", sans-serif;--kp-radius-sm: 4px;--kp-radius-md: 6px;--kp-radius-lg: 8px;--kp-radius-xl: 10px;--kpv3-bg: #FBFBFB;--kpv3-card: #FFFFFF;--kpv3-card-border: rgba(0,0,0,.07);--kpv3-accent: #C4892A;--kpv3-accent-grad: linear-gradient(135deg, #C4892A, #96651E);--kpv3-accent-dim: rgba(196,137,42,.1);--kpv3-accent-border: rgba(196,137,42,.24);--kpv3-text: #1C1C1A;--kpv3-text-dim: rgba(28,28,26,.56);--kpv3-text-muted: rgba(28,28,26,.36);--kpv3-green: #1F7A47;--kpv3-green-dim: rgba(31,122,71,.09);--kpv3-blue: #1D6BB5;--kpv3-blue-dim: rgba(29,107,181,.09);--kpv3-amber: #B35A1A;--kpv3-amber-dim: rgba(179,90,26,.09);--kpv3-red: #A32020;--kpv3-red-dim: rgba(163,32,32,.09);--kpv3-neutral: rgba(28,28,26,.42);--kpv3-neutral-dim: rgba(28,28,26,.06);--kpv3-rail: #FFFFFF;--kpv3-top: #FFFFFF;--kpv3-input-bg: #F0F0F0;--kpv3-input-border: rgba(0,0,0,.12)}[data-theme=dark]{--kp-bg-page: #1A1D23;--kp-bg-surface: #1E2128;--kp-bg-surface-hover: #22262E;--kp-bg-accent: #2A1F16;--kp-border: #252830;--kp-border-subtle: #1A1D23;--kp-text-primary: #F0EDE8;--kp-text-secondary: #9DA3B0;--kp-text-muted: #4A4E58;--kp-text-hint: #2E3038;--kp-copper: #E8924A;--kp-copper-hover: #F0A060;--kp-copper-light: #2A1F16;--kp-copper-border: #3D2510;--kp-sidebar-bg: #13151A;--kp-sidebar-border: #252830;--kp-sidebar-active-bg: #2A1F16;--kp-sidebar-active-text: #E8924A;--kp-sidebar-text: #6B7480;--kp-sidebar-section: #3A3D46;--kp-badge-concept-bg: #2A2B30;--kp-badge-concept-text: #9DA3B0;--kp-badge-verzonden-bg: #0F1A2E;--kp-badge-verzonden-text: #60A5FA;--kp-badge-akkoord-bg: #0F2010;--kp-badge-akkoord-text: #4ADE80;--kp-badge-verlopen-bg: #2A1010;--kp-badge-verlopen-text: #F87171;--kp-badge-betaald-bg: #2A2010;--kp-badge-betaald-text: #FCD34D;--kpv3-bg: #111318;--kpv3-card: rgba(255,255,255,.045);--kpv3-card-border: rgba(255,255,255,.08);--kpv3-accent: #D4913A;--kpv3-accent-grad: linear-gradient(135deg,#D4913A,#A86828);--kpv3-accent-dim: rgba(212,145,58,.12);--kpv3-accent-border: rgba(212,145,58,.24);--kpv3-text: #EDECEA;--kpv3-text-dim: rgba(237,236,234,.56);--kpv3-text-muted: rgba(237,236,234,.32);--kpv3-green: #34D399;--kpv3-green-dim: rgba(52,211,153,.11);--kpv3-blue: #60A5FA;--kpv3-blue-dim: rgba(96,165,250,.11);--kpv3-amber: #FBBF24;--kpv3-amber-dim: rgba(251,191,36,.11);--kpv3-red: #F87171;--kpv3-red-dim: rgba(248,113,113,.11);--kpv3-neutral: rgba(237,236,234,.4);--kpv3-neutral-dim: rgba(237,236,234,.07);--kpv3-rail: rgba(14,15,20,.96);--kpv3-top: rgba(14,15,20,.88);--kpv3-input-bg: rgba(255,255,255,.06);--kpv3-input-border: rgba(255,255,255,.12)}:root{--kpv3-mobile-list-pb: 72px}.kp-topbar{box-shadow:0 1px #0000000d}[data-theme=dark] .kp-topbar{box-shadow:none}.kp-main-inner{background:var(--kp-bg-page)!important;font-family:var(--kp-font)!important}.kp-main-inner input:not([type=checkbox]):not([type=radio]):not([type=color]),.kp-main-inner select,.kp-main-inner textarea{border:.5px solid var(--kp-border)!important;border-radius:var(--kp-radius-md)!important;background:var(--kp-bg-surface)!important;color:var(--kp-text-primary)!important;font-size:13px!important;font-family:var(--kp-font)!important;padding:8px 11px!important;outline:none!important;box-shadow:none!important;transition:border-color .12s ease,box-shadow .12s ease}.kp-main-inner input:not([type=checkbox]):not([type=radio]):focus,.kp-main-inner select:focus,.kp-main-inner textarea:focus{border-color:var(--kp-copper)!important;box-shadow:0 0 0 2px var(--kp-copper-light)!important;outline:none!important}.kp-main-inner input::placeholder,.kp-main-inner textarea::placeholder{color:var(--kp-text-hint)!important;opacity:1!important}.kp-main-inner label{color:var(--kp-text-secondary)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.04em!important;font-family:var(--kp-font)!important}.kp-main-inner button{border-radius:var(--kp-radius-md)!important;font-family:var(--kp-font)!important;font-size:13px!important;cursor:pointer!important;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.kp-main-inner button:focus-visible,.kp-main-inner [role=button]:focus-visible{outline:2px solid var(--kp-copper)!important;outline-offset:2px!important}.kp-main-inner button[style*="rgba(249"]{background:var(--kp-copper)!important;border-color:var(--kp-copper)!important;box-shadow:0 1px 4px #c8702a2e!important;color:#fff!important}.kp-main-inner button[style*="rgba(249"]:hover:not(:disabled){background:var(--kp-copper-hover)!important;border-color:var(--kp-copper-hover)!important}.kp-main-inner button[style*="rgba(249"]:disabled{opacity:.55!important;cursor:not-allowed!important}.kp-main-inner button[style*="rgb(249"]:not([style*="rgba(249"]){background:var(--kp-copper-light)!important;border-color:var(--kp-copper)!important;color:var(--kp-copper)!important;border-width:1px!important}.kp-main-inner button:not([style*="rgb(249"]):not([style*="rgba(249"]){border-color:var(--kp-border)!important}.kp-main-inner div[style*=border-bottom][style*="rgb(249"]{border-color:var(--kp-copper)!important;border-bottom-width:1px!important}.kp-main-inner div[style*=border-bottom][style*="rgb(249"]>span:last-of-type{color:var(--kp-text-secondary)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;font-family:var(--kp-font)!important;text-transform:uppercase}.kp-main-inner div[style*="rgb(249"]:not([style*=border-bottom]){background-color:var(--kp-copper)!important}.kp-main-inner h2{font-size:15px!important;font-weight:600!important;color:var(--kp-text-primary)!important;text-transform:none!important;letter-spacing:normal!important;font-family:var(--kp-font)!important}.kp-main-inner table{border-collapse:collapse!important;font-size:13px!important;font-family:var(--kp-font)!important}.kp-main-inner th,.kp-main-inner .kp-th{background:var(--kp-bg-page)!important;color:var(--kp-text-muted)!important;font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:8px 10px!important;border-top:none!important;border-bottom:1px solid var(--kp-border)!important;font-family:var(--kp-font)!important}.kp-main-inner td{padding:8px 10px!important;border-bottom:.5px solid var(--kp-border-subtle)!important;color:var(--kp-text-primary)!important;font-size:12px!important}.kp-main-inner tbody tr:hover td{background:var(--kp-bg-surface-hover)!important}.kp-main-inner tbody tr td:last-child{font-weight:500!important;color:var(--kp-text-primary)!important}.kp-main-inner div[style*="margin-left: auto"][style*=max-width]{background:var(--kp-bg-accent)!important;border:.5px solid var(--kp-copper-border)!important;border-radius:var(--kp-radius-lg)!important;padding:14px 16px!important}.kp-main-inner div[style*="margin-left: auto"][style*=max-width] div[style*="900"]{font-weight:600!important;font-size:15px!important;color:var(--kp-copper)!important}.kp-main-inner ::-webkit-scrollbar{width:5px;height:5px}.kp-main-inner ::-webkit-scrollbar-track{background:transparent}.kp-main-inner ::-webkit-scrollbar-thumb{background:var(--kp-border);border-radius:3px}.kp-main-inner ::-webkit-scrollbar-thumb:hover{background:var(--kp-text-muted)}.kp-main-inner~div [style*=FFF7ED],.kp-main-inner~* [style*=fff7ed]{background:var(--kp-copper-light)!important;border-color:var(--kp-copper)!important;color:var(--kp-copper)!important}:root{--bg-page: #f0f2f7;--bg-card: #ffffff;--bg-hover: #f8fafc;--bg-input: #ffffff;--bg-sidebar: #1e2235;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border: #e2e8f0;--border-input: #cbd5e1;--accent: #f05a1a;--accent-hover: #d94e14;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04)}[data-theme=dark]{--bg-page: #111827;--bg-card: #1f2937;--bg-hover: #374151;--bg-input: #1f2937;--bg-sidebar: #0d1117;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #374151;--border-input: #4b5563}[data-theme=dark] body{background:var(--bg-page);color:var(--text-primary)}[data-theme=dark] .kp-th{background:#1f2937!important;color:#94a3b8!important;border-bottom-color:#374151!important}[data-theme=dark] tbody tr:hover td{background:#374151}.badge-concept{display:inline-block;padding:2px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:#f1f5f9;color:#475569;white-space:nowrap}.badge-verzonden{display:inline-block;padding:2px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:#dbeafe;color:#1e40af;white-space:nowrap}.badge-wachten{display:inline-block;padding:2px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:#fef3c7;color:#92400e;white-space:nowrap}.badge-geaccepteerd{display:inline-block;padding:2px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:#dcfce7;color:#14532d;white-space:nowrap}.badge-verlopen,.badge-afgewezen{display:inline-block;padding:2px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:#fee2e2;color:#7f1d1d;white-space:nowrap}[data-theme=dark] .badge-concept{background:#1e2a3a;color:#94a3b8}[data-theme=dark] .badge-verzonden{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .badge-wachten{background:#3b2a00;color:#fcd34d}[data-theme=dark] .badge-geaccepteerd{background:#14391f;color:#86efac}[data-theme=dark] .badge-verlopen{background:#3b1414;color:#fca5a5}.kp-theme-toggle{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;color:#fff9;font-size:12px;font-family:Barlow,system-ui,sans-serif;font-weight:500;width:100%;transition:background .12s}.kp-theme-toggle:hover{background:#ffffff1a;color:#ffffffe6}.kp-theme-pill{width:28px;height:16px;background:#ffffff26;border-radius:99px;position:relative;transition:background .2s;flex-shrink:0}.kp-theme-pill:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}[data-theme=dark] .kp-theme-pill{background:var(--accent)}[data-theme=dark] .kp-theme-pill:after{transform:translate(12px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:Nunito,system-ui,sans-serif}*{font-family:Nunito,system-ui,sans-serif}input,select,textarea,button{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}input:focus,textarea:focus,select:focus{border-color:#f97316!important;box-shadow:0 0 0 3px #f9731626!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}button:focus-visible,[role=button]:focus-visible{outline:3px solid #f97316;outline-offset:2px}.kp-th{position:sticky!important;top:0!important;background:#f8fafc!important;z-index:2!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:#64748b!important;border-bottom:2px solid #e2e8f0!important;padding:9px 10px!important;white-space:nowrap!important;font-family:Barlow,system-ui,sans-serif!important}tbody tr:hover td{background:#f8fafc}tbody tr.kp-selected td{background:#fff7ed!important}.kp-badge{display:inline-block;padding:2px 9px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.2px;font-family:Barlow,system-ui,sans-serif;white-space:nowrap}.kp-badge-green{background:#f1f5f9;color:#334155}.kp-badge-orange,.kp-badge-red{background:#fff7ed;color:#c2410c}.kp-badge-blue{background:#f1f5f9;color:#334155}.kp-badge-gray,.kp-badge-yellow{background:#f1f5f9;color:#475569}.kp-badge-action{background:#fff7ed;color:#c2410c}.kp-badge-neutral{background:#f1f5f9;color:#475569}@keyframes kp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kp-animate{animation:kp-in .2s ease both}button.kp-btn-primary:hover{background:#ea6c0a!important;border-color:#ea6c0a!important}button.kp-btn-ghost:hover{background:#f1f5f9!important}.kp-hamburger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;flex-shrink:0}.kp-hamburger:hover{background:#f1f5f9}.kp-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:299;animation:kp-fade .18s ease}@keyframes kp-fade{0%{opacity:0}to{opacity:1}}.kp-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--kpv3-top);border-top:1px solid var(--kpv3-card-border);z-index:400;align-items:stretch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.kp-bottom-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--kpv3-text-muted);border:none;background:transparent;padding:8px 4px 4px;transition:color .12s;-webkit-tap-highlight-color:transparent;min-height:52px}.kp-bottom-item.active{color:var(--kpv3-accent)}.kp-bottom-icon{display:none}.kp-page-title{font-family:Barlow Condensed,system-ui,sans-serif;font-size:22px;font-weight:800;letter-spacing:.3px;color:#0f172a;margin:0;line-height:1}@media (min-width: 640px) and (max-width: 1039px){.kp-main-inner{padding:16px!important}}@media (max-width: 639px){.kp-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:260px!important;z-index:300!important;transform:translate(-100%)!important;transition:transform .22s cubic-bezier(.4,0,.2,1)!important}.kp-sidebar.is-open{transform:translate(0)!important}.kp-overlay.is-open{display:block!important}.kp-hamburger,.kp-bottom-nav{display:flex!important}.kp-main-inner{padding:12px 14px 80px!important}.kp-topbar{padding:0 14px!important}}@media (max-width: 1023px){.kp-col-tablet-hide{display:none!important}}.kp-quote-table-wrap{display:block}.kp-quote-cards{display:none;flex-direction:column;gap:8px;padding:8px}.kp-stat-pills{display:flex;gap:5px;flex-wrap:wrap;flex-shrink:0}.kp-stat-pill-mobile{display:none}.kp-status-pills-row{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;flex-shrink:0}.kp-status-pills-row::-webkit-scrollbar{display:none}.kp-status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:all .12s;background:var(--bg-card);color:var(--text-muted);border-color:var(--border);flex-shrink:0;-webkit-tap-highlight-color:transparent}.kp-status-pill .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.kp-status-pill.active{color:#fff;border-color:transparent}.kp-filter-btn-mobile{display:none;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;color:var(--text-secondary);-webkit-tap-highlight-color:transparent}.kp-bottom-sheet-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:500;animation:kp-fade .18s ease}.kp-bottom-sheet-overlay.open{display:block}.kp-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:16px 16px 0 0;padding:20px 16px calc(env(safe-area-inset-bottom,0px) + 20px);z-index:501;max-height:80vh;overflow-y:auto;animation:kp-sheet-in .22s cubic-bezier(.4,0,.2,1)}@keyframes kp-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.kp-quote-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:box-shadow .12s;-webkit-tap-highlight-color:transparent}.kp-quote-card:active{box-shadow:var(--shadow-sm)}.kp-quote-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.kp-quote-card-num{font-weight:700;font-size:13px;color:var(--accent);font-family:monospace}.kp-quote-card-client{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-quote-card-project{font-size:12px;color:var(--text-muted);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-quote-card-footer{display:flex;justify-content:space-between;align-items:center}.kp-quote-card-amount{font-weight:700;font-size:14px;color:var(--text-primary)}.kp-form-shell{display:flex;gap:16px;align-items:flex-start;height:100%}.kp-form-aside{width:280px;flex-shrink:0}.kp-form-main{flex:1;min-width:0}.kp-form-summary{width:260px;flex-shrink:0}@media (max-width: 1023px){.kp-quote-table-wrap{display:none!important}.kp-quote-cards{display:flex!important}.kp-status-pills-row{display:none!important}.kp-filter-btn-mobile{display:flex!important}.kp-form-shell{flex-wrap:wrap}.kp-form-aside{width:260px}.kp-form-summary{width:100%}}@media (max-width: 767px){.kp-quote-table-wrap{display:none!important}.kp-quote-cards{display:flex!important}.kp-status-pills-row{display:none!important}.kp-filter-btn-mobile{display:flex!important}.kp-form-shell{flex-direction:column}.kp-form-aside,.kp-form-summary{width:100%}button,[role=button],a,.kp-quote-card{min-height:44px}}