*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1a1a2e;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";background:#f5f4f7;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.035em;color:#1a1a2e;margin:0;line-height:1.15}h1{font-size:3rem;font-weight:800}h2{font-size:2.25rem;font-weight:700}h3{font-size:1.75rem;font-weight:700}h4{font-size:1.25rem;font-weight:600}h5{font-size:.9375rem;font-weight:600}h6{font-size:.8125rem;font-weight:600}a{color:#635bff;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}a:hover{color:#5046e5}ul,ol{margin:0;padding:0;list-style:none}p{margin:0 0 1rem}:focus-visible{outline:none;box-shadow:0 0 0 4px #635bff1f}img{max-width:100%;height:auto;display:block}::selection{color:#5046e5;background:#eeecff}.auth-page{min-height:100vh;display:flex}@media (width<=768px){.auth-page{flex-direction:column}}.auth-left{background:#fff;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-card{width:100%;max-width:380px}.auth-brand{align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}.auth-logo{color:#fff;background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:800;display:flex}.auth-brand-name{color:#1a1a2e;letter-spacing:-.035em;font-size:1.75rem;font-weight:800}.auth-right{background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-right:before{content:"";background:#ffffff0f;border-radius:50%;width:500px;height:500px;position:absolute;top:-20%;right:-15%}.auth-right:after{content:"";background:#ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-10%;left:-10%}@media (width<=768px){.auth-right{display:none}}.auth-visual{max-width:400px;position:relative}.auth-tagline{color:#fff;letter-spacing:-.035em;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.15}.auth-subtitle{color:#ffffffb3;margin:0;font-size:1.0625rem;line-height:1.65}.auth-card .heading{color:#1a1a2e;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-card .message{color:#9395a5;margin-bottom:2rem;font-size:.8125rem;line-height:1.65}.auth-card .field{margin-bottom:1.25rem}.auth-card .label{color:#1a1a2e;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.auth-card .input{background:#fff;border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.auth-card .input:hover{border-color:#d1d0d9}.auth-card .input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}.auth-card .input.error{border-color:#ff5c5c}.auth-card .error-message{color:#ff5c5c;margin-top:.5rem;font-size:.6875rem;font-weight:500}.auth-card .submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);border:none;border-radius:10px;width:100%;margin-top:1rem;padding:.75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1)}.auth-card .submit:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #635bff4d}.auth-card .submit:active{transform:translateY(0)}.auth-card .submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-card .footer{text-align:center;color:#9395a5;margin-top:2rem;font-size:.8125rem}.auth-card .footer a{color:#635bff;font-weight:600}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn.primary{color:#fff;background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);box-shadow:0 4px 16px #635bff4d}.btn.primary:after{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .15s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #635bff66}.btn.primary:hover:after{opacity:1}.btn.primary:active{transform:translateY(0);box-shadow:0 2px 8px #635bff4d}.btn.secondary{color:#1a1a2e;background:#fff;box-shadow:0 1px 3px #0000000a,0 0 0 1px #00000005}.btn.secondary:hover{background:#eeedf2;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.btn.danger{color:#ff5c5c;background:#fff;box-shadow:0 1px 3px #0000000a,0 0 0 1px #00000005}.btn.danger:hover{background:#fff0f0;transform:translateY(-1px);box-shadow:0 4px 16px #ff5c5c26}.btn.small{border-radius:8px;padding:.25rem .75rem;font-size:.6875rem}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}@media (width<=768px){.btn{min-width:44px;min-height:44px;padding:.75rem 1.25rem}.btn.small{min-width:44px;min-height:44px;padding:.5rem 1rem}}.form-field{margin-bottom:1rem}.form-field .label{text-transform:uppercase;letter-spacing:.05em;color:#9395a5;margin-bottom:.25rem;font-size:.6875rem;font-weight:600;display:block}.form-field .input{color:#1a1a2e;background:#fff;border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.form-field .input::placeholder{color:#9395a5}.form-field .input:hover{border-color:#d1d0d9}.form-field .input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}.form-field select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239395A5' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.form-field textarea.input{resize:vertical;min-height:72px}.form-field .error{color:#ff5c5c;margin-top:.25rem;font-size:.6875rem;font-weight:500}.form-field .help{color:#9395a5;margin-top:.25rem;font-size:.6875rem}.form-field.invalid .input{border-color:#ff5c5c}.form-field.invalid .input:focus{box-shadow:0 0 0 4px #ff5c5c1a}.form-field.required .label:after{content:" *";color:#ff5c5c}@media (width<=768px){.form-field input,.form-field select,.form-field textarea,.form-field .input{min-height:44px}}.form{background:#fff;border:1px solid #e8e7ed;border-radius:20px;padding:1.5rem}.form .title{color:#1a1a2e;margin-bottom:1.25rem;font-size:1.0625rem;font-weight:700}.form .form-row{gap:1rem;display:flex}.form .form-row>*{flex:1;min-width:0}@media (width<=768px){.form .form-row{flex-direction:column;gap:0}}.form .actions{border-top:1px solid #f2f1f5;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.form+.form{margin-top:1.25rem}@media (width<=768px){.form{border-radius:14px;padding:1.25rem}.form .actions{flex-direction:column}.form .actions .btn{justify-content:center;width:100%}}.card{background:#fff;border:1px solid #e8e7ed;border-radius:20px;padding:2rem}.card .header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card .title{color:#1a1a2e;font-size:1.0625rem;font-weight:700}.card .actions{border-top:1px solid #f2f1f5;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.card+.card{margin-top:1.5rem}@media (width<=768px){.card{border-radius:14px;padding:1.25rem}.card .actions{flex-direction:column}.card .actions .btn{justify-content:center;width:100%}}.empty-state{text-align:center;color:#9395a5;padding:3rem 1.5rem}.empty-state .message{margin-bottom:1.25rem;font-size:.8125rem;line-height:1.65}.status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;align-items:center;gap:6px;padding:5px .75rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-badge.concept{color:#9395a5;background:#9395a514}.status-badge.concept:before{background:#9395a5}.status-badge.sent{color:#635bff;background:#635bff14}.status-badge.sent:before{background:#635bff}.status-badge.paid{color:#00c48c;background:#00c48c14}.status-badge.paid:before{background:#00c48c}.status-badge.overdue{color:#ff5c5c;background:#ff5c5c14}.status-badge.overdue:before{background:#ff5c5c;animation:2s ease-in-out infinite dot-pulse}.status-badge.cancelled{color:#c8c8d0;background:#c8c8d01a}.status-badge.cancelled:before{background:#c8c8d0}.status-badge.active{color:#00c48c;background:#00c48c14}.status-badge.active:before{background:#00c48c}.status-badge.archived{color:#c8c8d0;background:#c8c8d01a}.status-badge.archived:before{background:#c8c8d0}.status-badge.paused{color:#ffb020;background:#ffb02014}.status-badge.paused:before{background:#ffb020}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.2}}.list-view{background:#fff;border:1px solid #e8e7ed;border-radius:20px;overflow:hidden}.list-view .row{color:#1a1a2e;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:background .15s cubic-bezier(.4,0,.2,1);display:flex}.list-view .row:not(:last-child){border-bottom:1px solid #f2f1f5}.list-view .row:hover{background:#eeedf2}.list-view .row .primary{flex:1;min-width:0;font-weight:500}.list-view .row .secondary{color:#555770;flex:1;min-width:0;font-size:.8125rem}.list-view .row .meta{color:#9395a5;white-space:nowrap;font-size:.6875rem}@media (width<=768px){.list-view .row{flex-wrap:wrap;gap:.25rem;padding:1rem}.list-view .row .primary{flex:none;width:100%}.list-view .row .secondary,.list-view .row .meta{font-size:.6875rem}}.modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal .overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0a2e80;position:absolute;inset:0}.modal .content{z-index:1;width:100%;max-width:480px;margin:1.5rem;position:relative}@media (width<=768px){.modal .content{max-width:none;margin:1rem}}.date-picker .input{color:#1a1a2e;background:#fff;border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.date-picker .input:hover{border-color:#d1d0d9}.date-picker .input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}@media (width<=768px){.date-picker .input{min-height:44px}}.currency-input{position:relative}.currency-input .symbol{color:#9395a5;pointer-events:none;font-size:.6875rem;font-weight:600;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.currency-input .input{color:#1a1a2e;background:#fff;border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.5rem .75rem .5rem calc(.75rem + 2em);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.currency-input .input:hover{border-color:#d1d0d9}.currency-input .input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}@media (width<=768px){.currency-input .input{min-height:44px}}.amount-field .input{color:#1a1a2e;background:#fff;border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.amount-field .input:hover{border-color:#d1d0d9}.amount-field .input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}@media (width<=768px){.amount-field .input{min-height:44px}}.app-shell{min-height:100vh;display:flex}.app-main{background:#f5f4f7;flex:1;min-width:0;margin-left:260px}@media (width<=768px){.app-main{margin-left:0}}.app-content{max-width:960px;margin:0 auto;padding:2.5rem 2rem}@media (width<=1024px){.app-content{padding:2rem 1.5rem}}@media (width<=768px){.app-content{padding:calc(2rem + 44px) 1rem 1.25rem}}.sidebar{z-index:500;background:#fff;border-right:1px solid #f2f1f5;flex-direction:column;width:260px;height:100vh;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto}@media (width<=768px){.sidebar{transform:translate(-100%);box-shadow:0 24px 64px #0000001f}.sidebar.open{transform:translate(0)}}.sidebar-brand{align-items:center;gap:.75rem;padding:1.5rem 1.25rem;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9375rem;font-weight:800;display:flex}.sidebar-name{color:#1a1a2e;letter-spacing:-.035em;font-size:1.0625rem;font-weight:800}.sidebar-nav{flex:1;padding:0 .75rem}.sidebar-section{margin-bottom:1rem}.sidebar-section-label{color:#9395a5;text-transform:uppercase;letter-spacing:.08em;padding:1rem .75rem .5rem;font-size:.6875rem;font-weight:700;display:block}.sidebar-link{color:#555770;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:2px;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-link:hover{color:#1a1a2e;background:#eeedf2}.sidebar-link.active{color:#635bff;background:#635bff0d;font-weight:600}.sidebar-link.sub{padding-left:2.5rem;font-size:.6875rem}.sidebar-icon{opacity:.6;flex-shrink:0}.sidebar-link.active .sidebar-icon{opacity:1;color:#635bff}.sidebar-footer{border-top:1px solid #f2f1f5;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem 1.25rem;display:flex}.sidebar-user{align-items:center;gap:.75rem;display:flex}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:flex}.sidebar-user-name{color:#1a1a2e;font-size:.8125rem;font-weight:500}.sidebar-logout{color:#9395a5;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-logout:hover{color:#ff5c5c;background:#fff0f0}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:499;background:#0000004d;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-backdrop.visible{display:block}}.mobile-menu-toggle{z-index:501;color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e8e7ed;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 8px #0000000d}.mobile-menu-toggle:hover{box-shadow:0 8px 24px #0000000f}@media (width<=768px){.mobile-menu-toggle{display:flex}}.page-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.page-header .title{letter-spacing:-.035em;color:#1a1a2e;font-size:2.25rem;font-weight:800}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.page-header .title{font-size:1.75rem}.page-header .btn{justify-content:center;width:100%}}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:.75rem;width:100%;max-width:400px;display:flex;position:fixed;top:1.5rem;right:1.5rem}@media (width<=768px){.toast-container{max-width:none;left:1rem;right:1rem}}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.8125rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 16px 48px #00000014}.toast.success{color:#fff;background:#00c48ce6}.toast.error{color:#fff;background:#ff5c5ce6}.toast.warning{color:#1a1a2e;background:#ffb020eb}.toast.info{color:#fff;background:#4c9affe6}.toast .message{flex:1;font-weight:500}.toast .close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.0625rem;line-height:1;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.toast .close:hover{opacity:1}.kvk-search{margin-bottom:1.5rem;position:relative}.kvk-search .search-input-wrapper{position:relative}.kvk-search .search-input-wrapper .input{color:#1a1a2e;background:#fff;border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.kvk-search .search-input-wrapper .input:hover{border-color:#d1d0d9}.kvk-search .search-input-wrapper .input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}.kvk-search .search-input-wrapper .spinner{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.kvk-search .search-input-wrapper .spinner .loading-dot{border:2px solid #e8e7ed;border-top-color:#635bff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite kvk-spin;display:inline-block}.kvk-search .dropdown{z-index:50;background:#fff;border:1px solid #e8e7ed;border-radius:14px;max-height:300px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 48px #00000014}.kvk-search .dropdown .result{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:block}.kvk-search .dropdown .result:not(:last-child){border-bottom:1px solid #f2f1f5}.kvk-search .dropdown .result:hover{background-color:#635bff0d}.kvk-search .dropdown .result .company-name{color:#1a1a2e;font-weight:600;display:block}.kvk-search .dropdown .result .details{color:#9395a5;margin-top:.25rem;font-size:.6875rem;display:block}.kvk-search .dropdown .result .details .kvk-number{margin-left:.5rem}.kvk-search .dropdown .no-results{text-align:center;color:#9395a5;padding:1.5rem;font-size:.8125rem}@keyframes kvk-spin{to{transform:rotate(360deg)}}.client-search{position:relative}.client-search .input{color:#1a1a2e;background:#fff;border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.client-search .input:hover{border-color:#d1d0d9}.client-search .input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}.client-search .selected{background:#eeecff;border:1.5px solid #635bff;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.client-search .selected .name{color:#5046e5;flex:1;font-weight:600}.client-search .selected .clear{color:#9395a5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.client-search .selected .clear:hover{color:#ff5c5c}.client-search .dropdown{z-index:10;background:#fff;border:1px solid #e8e7ed;border-radius:14px;max-height:240px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 48px #00000014}.client-search .dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.25rem;width:100%;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.client-search .dropdown-item:hover{background-color:#635bff0d}.client-search .dropdown-item:not(:last-child){border-bottom:1px solid #f2f1f5}.client-search .dropdown-name{color:#1a1a2e;font-weight:600}.client-search .dropdown-detail{color:#9395a5;font-size:.6875rem}.client-search .dropdown-empty{color:#9395a5;text-align:center;padding:1.5rem;font-size:.8125rem}.settings-mollie .mollie-status,.settings-mollie .jortt-status,.settings-jortt .mollie-status,.settings-jortt .jortt-status{background:#f9f8fb;border-radius:14px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.settings-mollie .status-indicator,.settings-jortt .status-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px}.settings-mollie .status-indicator.connected,.settings-jortt .status-indicator.connected{background-color:#00c48c;box-shadow:0 0 0 4px #00c48c1a}.settings-mollie .status-indicator.disconnected,.settings-jortt .status-indicator.disconnected{background-color:#9395a5;box-shadow:0 0 0 4px #9395a50f}.settings-mollie .status-text,.settings-jortt .status-text{flex:1}.settings-mollie .status-text .status-label,.settings-jortt .status-text .status-label{color:#1a1a2e;margin:0;font-size:.8125rem;font-weight:600}.settings-mollie .status-text .status-description,.settings-jortt .status-text .status-description{color:#9395a5;margin:.25rem 0 0;font-size:.6875rem;line-height:1.65}.clients-page .form-row{gap:1rem;display:flex}.clients-page .form-row .form-field{flex:1;min-width:0}@media (width<=768px){.clients-page .form-row{flex-direction:column;gap:0}}.clients-page .detail-grid{grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem;display:grid}.clients-page .detail-grid .detail-item .detail-label{color:#9395a5;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.clients-page .detail-grid .detail-item .detail-value{color:#1a1a2e;font-size:.9375rem;font-weight:500}@media (width<=768px){.clients-page .detail-grid{grid-template-columns:1fr}}.clients-page .danger-zone{margin-top:2.5rem}.project-details .detail-row{gap:1.5rem;padding:1rem 0;display:flex}.project-details .detail-row:not(:last-child){border-bottom:1px solid #f2f1f5}.project-details .detail-label{color:#9395a5;text-transform:uppercase;letter-spacing:.06em;min-width:160px;padding-top:2px;font-size:.6875rem;font-weight:600}.project-details .detail-value{color:#1a1a2e;flex:1;font-weight:500}.project-details .text-muted{color:#9395a5}@media (width<=768px){.project-details .detail-row{flex-direction:column;gap:.25rem}.project-details .detail-label{min-width:auto}}.settings-page .settings-section{margin-bottom:1.5rem}.settings-page .settings-card{background:#fff;border:1px solid #e8e7ed;border-radius:20px;padding:2rem}@media (width<=768px){.settings-page .settings-card{border-radius:14px;padding:1.25rem}}.settings-page .settings-card-title{margin-bottom:1.5rem;font-size:1.0625rem;font-weight:700}.settings-page .invite-form .invite-row{align-items:flex-end;gap:1rem;display:flex}@media (width<=768px){.settings-page .invite-form .invite-row{flex-direction:column;align-items:stretch}}.settings-page .invite-form .invite-field{flex:1}.settings-page .invite-form .invite-field label{text-transform:uppercase;letter-spacing:.06em;color:#9395a5;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:block}.settings-page .invite-form .invite-field .input{border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.settings-page .invite-form .invite-field .input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}.settings-page .invite-form .invite-field .field-error{color:#ff5c5c;margin-top:.5rem;font-size:.6875rem;font-weight:500}.settings-page .data-table{border-collapse:collapse;width:100%}.settings-page .data-table th{text-align:left;color:#9395a5;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e8e7ed;padding:.75rem 1rem;font-size:.6875rem;font-weight:700}.settings-page .data-table th:last-child{text-align:right}.settings-page .data-table td{vertical-align:middle;border-bottom:1px solid #f2f1f5;padding:.75rem 1rem;font-size:.8125rem}.settings-page .data-table td:last-child{text-align:right}.settings-page .data-table tr:last-child td{border-bottom:none}.settings-page .role-badge{color:#555770;background:#eeedf2;border-radius:9999px;padding:2px .75rem;font-size:.6875rem;font-weight:600;display:inline-block}.settings-page .checkbox-label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.settings-page .checkbox-label input[type=checkbox]{accent-color:#635bff;width:18px;height:18px}.settings-page .checkbox-label span{color:#1a1a2e;font-size:.8125rem}.settings-page .kvk-test-result,.settings-page .jortt-test-result{border-radius:10px;margin-top:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600}.settings-page .kvk-test-result.success,.settings-page .jortt-test-result.success{color:#00875a;background:#e8fbf4}.settings-page .kvk-test-result.error,.settings-page .jortt-test-result.error{color:#d63031;background:#fff0f0}.settings-page .alert{border-radius:14px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.8125rem;font-weight:500}.settings-page .alert.success{color:#00875a;background:#e8fbf4}@media (width<=768px){.settings-page .checkbox-label{min-height:44px}.settings-page .checkbox-label input[type=checkbox]{width:22px;height:22px}}.time-entry-page .mode-tabs,.time-entry-page .view-tabs{background:#fff;border:1px solid #e8e7ed;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.time-entry-page .mode-tabs{margin-bottom:1.25rem}.time-entry-page .view-tabs{margin-bottom:1rem}.time-entry-page .mode-tab,.time-entry-page .view-tab{cursor:pointer;color:#9395a5;background:0 0;border:none;border-radius:7px;padding:.5rem 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1)}.time-entry-page .mode-tab.active,.time-entry-page .view-tab.active{color:#fff;background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);box-shadow:0 4px 16px #635bff4d}.time-entry-page .mode-tab:hover:not(.active),.time-entry-page .view-tab:hover:not(.active){color:#1a1a2e;background:#eeedf2}.time-entry-page .view-tab{padding:.25rem 1rem}.time-entry-page .active-timer{background:#fff;border:1px solid #e8e7ed;border-radius:14px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.time-entry-page .pulse-dot{background:#ff5c5c;border-radius:9999px;flex-shrink:0;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.time-entry-page .timer-elapsed{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.75rem;font-weight:800}.time-entry-page .timer-desc{color:#9395a5;flex:1;font-size:.8125rem}.time-entry-page .quick-entry{background:#fff;border:1px solid #e8e7ed;border-radius:14px;margin-bottom:1.5rem;padding:1rem 1.25rem}.time-entry-page .quick-entry-row{align-items:flex-end;gap:.75rem;display:flex}.time-entry-page .quick-entry-row .input.compact{background:#fff;border:1.5px solid #e8e7ed;border-radius:10px;min-width:0;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.time-entry-page .quick-entry-row .input.compact:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}.time-entry-page .quick-entry-row select.compact{flex-shrink:0;width:160px}.time-entry-page .quick-entry-row .compact.grow{flex:1}.time-entry-page .quick-entry-row .compact.duration{flex-shrink:0;width:80px}@media (width<=768px){.time-entry-page .quick-entry-row{flex-wrap:wrap}.time-entry-page .quick-entry-row select.compact{width:100%}.time-entry-page .quick-entry-row .compact.grow{flex:none;width:100%}.time-entry-page .quick-entry-row .compact.duration{width:100%}}.time-entry-page .toggle-more{color:#635bff;cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:.5rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.6875rem;font-weight:500;display:inline-block}.time-entry-page .toggle-more:hover{text-decoration:underline}.time-entry-page .quick-entry-extra{border-top:1px solid #f2f1f5;margin-top:.75rem;padding-top:1rem}.time-entry-page .quick-entry-extra .quick-entry-row{align-items:flex-start}.time-entry-page .quick-entry-extra .form-field{flex:1;margin-bottom:0}.time-entry-page .checkbox-label{cursor:pointer;color:#1a1a2e;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.time-entry-page .checkbox-label input[type=checkbox]{accent-color:#635bff;width:16px;height:16px}.time-entry-page .entry-list-section{margin-top:2rem}.time-entry-page .entry-row .primary{flex:2;font-weight:500}.time-entry-page .entry-row .secondary{color:#555770;flex:1;font-size:.8125rem}.time-entry-page .entry-row .meta{color:#9395a5;min-width:40px;font-size:.6875rem}.time-entry-page .entry-row .duration{font-variant-numeric:tabular-nums;text-align:right;min-width:55px;font-weight:700}.time-entry-page .entry-row .amount{font-variant-numeric:tabular-nums;text-align:right;color:#555770;min-width:90px;font-size:.8125rem}.time-entry-page .entry-totals{background:#f9f8fb;border-top:2px solid #e8e7ed;border-radius:0 0 20px 20px;padding:.75rem 1.25rem}.time-entry-page .total-row{justify-content:flex-end;align-items:center;gap:1.5rem;font-size:.8125rem;font-weight:700;display:flex}.time-entry-page .total-label{color:#1a1a2e}.time-entry-page .total-duration{font-variant-numeric:tabular-nums;text-align:right;min-width:55px}.time-entry-page .total-amount{font-variant-numeric:tabular-nums;text-align:right;min-width:90px}.expense-filters{max-width:300px;margin-bottom:1.5rem}.expense-group-title{color:#1a1a2e;margin-bottom:.75rem;font-size:1.0625rem;font-weight:700}.expense-group-total{text-align:right;color:#1a1a2e;font-variant-numeric:tabular-nums;border-top:2px solid #e8e7ed;margin-top:.75rem;padding-top:.75rem;font-size:.9375rem;font-weight:800}.expense-project-group{margin-bottom:1rem}.expense-project-group:last-child{margin-bottom:0}.expense-project-title{color:#9395a5;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.expense-project-total{text-align:right;color:#555770;font-variant-numeric:tabular-nums;margin-top:.25rem;padding-top:.25rem;font-size:.8125rem;font-weight:600}.subscription-status{border-radius:9999px;align-items:center;gap:.25rem;padding:3px .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.subscription-status.active{color:#00c48c;background-color:#00c48c1a}.subscription-status.paused{color:#ffb020;background-color:#ffb0201a}.subscription-status.cancelled{color:#c8c8d0;background-color:#c8c8d01a}.invoices-page .invoice-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.invoices-page .invoice-filters .filter-tab{color:#9395a5;cursor:pointer;background:#fff;border:1.5px solid #e8e7ed;border-radius:9999px;padding:.5rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1)}.invoices-page .invoice-filters .filter-tab:hover{color:#1a1a2e;background:#eeedf2;border-color:#d1d0d9}.invoices-page .invoice-filters .filter-tab.active{color:#fff;background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);border-color:#0000;box-shadow:0 4px 16px #635bff4d}.invoices-page .invoice-bulk-actions{background:#eeecff;border:1px solid #635bff1a;border-radius:14px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.invoices-page .invoice-bulk-actions .bulk-count{color:#635bff;font-size:.8125rem;font-weight:700}@media (width<=768px){.invoices-page .invoice-bulk-actions{flex-direction:column;align-items:stretch}.invoices-page .invoice-bulk-actions .btn{justify-content:center;width:100%}}.invoices-page .list-view .row .checkbox-cell{cursor:pointer;flex-shrink:0;width:20px}.invoices-page .list-view .row .checkbox-cell input[type=checkbox]{cursor:pointer;accent-color:#635bff;width:18px;height:18px}.invoices-page .list-view .row .row-link{color:inherit;flex:1;align-items:center;gap:1rem;text-decoration:none;transition:opacity .15s cubic-bezier(.4,0,.2,1);display:flex}.invoices-page .list-view .row .row-link:hover{opacity:.7}.invoices-page .list-view .row .row-link .primary{color:#1a1a2e;font-variant-numeric:tabular-nums;min-width:120px;font-weight:700}.invoices-page .list-view .row .row-link .secondary{color:#1a1a2e;flex:1}.invoices-page .list-view .row .row-link .meta{color:#9395a5;font-size:.6875rem}@media (width<=768px){.invoices-page .list-view .row .row-link{flex-wrap:wrap}.invoices-page .list-view .row .row-link .primary{flex:none;width:100%;min-width:auto}}.invoices-page .invoice-pagination{margin-top:2rem}.invoices-page .invoice-select-all{margin-top:1rem}.invoice-show-page .invoice-header-meta{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.invoice-show-page .invoice-parties{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (width<=768px){.invoice-show-page .invoice-parties{grid-template-columns:1fr}}.invoice-show-page .invoice-lines-table{border-collapse:collapse;width:100%}@media (width<=768px){.invoice-show-page .invoice-lines-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.invoice-show-page .invoice-lines-table th{text-align:left;color:#9395a5;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid #e8e7ed;padding:.75rem 1rem;font-size:.6875rem;font-weight:700}.invoice-show-page .invoice-lines-table td{vertical-align:middle;border-bottom:1px solid #f2f1f5;padding:.75rem 1rem;font-size:.8125rem}.invoice-show-page .invoice-lines-table .text-right{text-align:right}.invoice-show-page .invoice-lines-table .line-actions{justify-content:flex-end;gap:.5rem;display:flex}.invoice-show-page .invoice-lines-table .line-actions button{cursor:pointer;padding:.25rem .5rem;font-size:.6875rem}.invoice-show-page .invoice-lines-table .edit-row td{padding:.5rem}.invoice-show-page .invoice-lines-table .edit-row input{border:1.5px solid #e8e7ed;border-radius:10px;width:100%;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.invoice-show-page .invoice-lines-table .edit-row input:focus{border-color:#635bff;outline:none;box-shadow:0 0 0 4px #635bff1f}.invoice-show-page .invoice-lines-table .edit-row .edit-actions{gap:.25rem;display:flex}.invoice-show-page .btw-summary{background:#f9f8fb;border:1px solid #f2f1f5;border-radius:14px;margin-top:2rem;padding:1.25rem}.invoice-show-page .btw-summary h4{color:#9395a5;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:.6875rem;font-weight:700}.invoice-show-page .btw-summary .btw-group{font-variant-numeric:tabular-nums;justify-content:space-between;padding:.5rem 0;font-size:.8125rem;display:flex}.invoice-show-page .invoice-totals{flex-direction:column;align-items:flex-end;margin-top:2rem;display:flex}@media (width<=768px){.invoice-show-page .invoice-totals{align-items:stretch}.invoice-show-page .invoice-totals .total-row{width:100%}}.invoice-show-page .invoice-totals .total-row{font-variant-numeric:tabular-nums;justify-content:space-between;width:280px;padding:.5rem 0;font-size:.8125rem;display:flex}.invoice-show-page .invoice-totals .total-row.grand-total{border-top:3px solid #1a1a2e;margin-top:.5rem;padding-top:1rem;font-size:1.25rem;font-weight:800}.dashboard-hero{margin-bottom:2.5rem}.dashboard-hero h1{letter-spacing:-.035em;margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1.1}.dashboard-hero p{color:#9395a5;margin:0;font-size:1.0625rem}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem;display:grid}@media (width<=1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.dashboard-stats{grid-template-columns:1fr 1fr}}.stat-card{background:#fff;border:1px solid #e8e7ed;border-radius:14px;padding:1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#d1d0d9}.stat-card.highlight{background:linear-gradient(135deg,#635bff 0%,#8b5cf6 100%);border:none}.stat-card.highlight .stat-value{color:#fff}.stat-card.highlight .stat-label{color:#ffffffb3}.stat-card.alert{border-color:#ff5c5c33}.stat-card.alert .stat-value{color:#ff5c5c}.stat-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;line-height:1.2;display:block}.stat-label{color:#9395a5;margin-top:.25rem;font-size:.6875rem;font-weight:500;display:block}.stat-action{color:#635bff;margin-top:.5rem;font-size:.6875rem;font-weight:600;text-decoration:none;display:inline-block}.stat-action:hover{text-decoration:underline}.dashboard-grid{gap:2rem;display:grid}.dashboard-section .section-title{color:#9395a5;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;font-size:.8125rem;font-weight:700}.dashboard-section .section-body{background:#fff;border:1px solid #e8e7ed;border-radius:14px;overflow:hidden}.dashboard-section .section-empty{text-align:center;color:#9395a5;padding:2.5rem;font-size:.8125rem}.activity-row{color:#1a1a2e;align-items:center;gap:1rem;padding:.75rem 1.25rem;text-decoration:none;transition:background .15s cubic-bezier(.4,0,.2,1);display:flex}.activity-row:not(:last-child){border-bottom:1px solid #f2f1f5}.activity-row:hover{background:#eeedf2}.activity-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;font-weight:500;overflow:hidden}.activity-amount{font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.activity-meta{color:#9395a5;white-space:nowrap;font-size:.6875rem}.activity-meta.overdue{color:#ff5c5c;font-weight:700}