@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--brand-1: #fa827c;--brand-2: #fca49d;--brand-3: #fdc7c2;--brand-4: #fee9e7;--brand-gradient: linear-gradient(135deg, #fa827c 0%, #fca49d 50%, #fdc7c2 100%);--brand-gradient-soft: linear-gradient(135deg, rgba(250,130,124,.18) 0%, rgba(253,199,194,.1) 100%);--bg-0: #fdf8f7;--bg-1: #fdf1ef;--card-bg: rgba(255,255,255,.82);--card-border: rgba(250,130,124,.14);--card-shadow: 0 20px 60px -20px rgba(120,35,30,.18), 0 8px 24px -12px rgba(120,35,30,.1);--card-shadow-hover: 0 28px 80px -16px rgba(120,35,30,.26), 0 12px 32px -8px rgba(120,35,30,.16);--text: #3a1210;--text-soft: #6e3a35;--muted: #a08079;--line: rgba(120,35,30,.08);--line-strong: rgba(120,35,30,.14);--surface-input: rgba(255,255,255,.9);--surface-raised: rgba(255,255,255,.72);--surface-hover: rgba(250,130,124,.08);--top-bar-bg: #fa827c;--top-bar-text: #ffffff;--sidebar-bg: rgba(255,255,255,.85);--sidebar-width: 240px;--accent: #f9968f;--accent-2: #fca49d;--accent-soft: rgba(250,130,124,.14);--accent-ring: rgba(250,130,124,.18);--accent-text: #7c2822;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--danger-soft: rgba(239,68,68,.1);--info: #3b82f6;--top-bar-h: 48px;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--is-dark: 1}}[data-theme=dark]{--bg-0: #1c0f0e;--bg-1: #291514;--card-bg: rgba(41,21,20,.78);--card-border: rgba(252,164,157,.12);--card-shadow: 0 24px 70px -20px rgba(0,0,0,.65), 0 10px 28px -12px rgba(0,0,0,.5);--card-shadow-hover: 0 32px 90px -16px rgba(250,130,124,.32), 0 16px 40px -10px rgba(0,0,0,.5);--text: #ffefed;--text-soft: #ecc4bf;--muted: #a08079;--line: rgba(252,164,157,.08);--line-strong: rgba(252,164,157,.18);--surface-input: rgba(255,255,255,.05);--surface-raised: rgba(255,255,255,.04);--surface-hover: rgba(252,164,157,.1);--top-bar-bg: #a8443f;--top-bar-text: #ffffff;--sidebar-bg: rgba(41,21,20,.9);--accent: #fca49d;--accent-2: #fdc7c2;--accent-soft: rgba(252,164,157,.16);--accent-ring: rgba(252,164,157,.2);--accent-text: #fdd3cf;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea,optgroup{font-family:inherit}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;line-height:1.6}body:before{content:"";position:fixed;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(250,130,124,.2) 0%,transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(253,199,194,.14) 0%,transparent 70%);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}#app{position:relative;z-index:1;height:100%}@media(min-width:700px)and (max-width:991px){#app{zoom:.85}}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;margin:0;line-height:1.25;letter-spacing:-.02em}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease)}.card:hover{box-shadow:var(--card-shadow-hover);border-color:#fa827c3d}.table-card,.card:has(table){box-shadow:none}.table-card:hover,.card:has(table):hover{box-shadow:none;border-color:var(--card-border)}.table-card,.card:has(table){border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.shell-content>*>.table-card:first-child,.shell-content>*>.card:has(table):first-child,.shell-content>*>.tenant-card:first-child,.shell-content>.table-card:first-child,.shell-content>.card:has(table):first-child{margin-top:-10px;padding-top:0;border-top:0;border-top-left-radius:0;border-top-right-radius:0}@media(max-width:699px){.shell-content .table-card,.shell-content .card:has(table){margin-inline:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-left:1px solid var(--card-border);border-right:1px solid var(--card-border)}.shell-content>*>.table-card:first-child,.shell-content>*>.card:has(table):first-child,.shell-content>*>.tenant-card:first-child,.shell-content>.table-card:first-child,.shell-content>.card:has(table):first-child{margin-top:0;border-top:1px solid var(--card-border)}.shell-content>.invoices-view,.shell-content>.hours-view,.shell-content>.contacts-view,.shell-content>.companies-view,.shell-content>.documents-view{margin-left:0;margin-right:0}}body:has(.fab-menu) .iv-fab-bar,body:has(.fab-backdrop) .iv-fab-bar,body:has(.right-panel) .iv-fab-bar,body:has(.side-item) .iv-fab-bar{display:none}.users-card,.roles-card{border-top-left-radius:0;border-top-right-radius:0}.page-search{display:flex;justify-content:flex-end}.dash-controls>.csearch{margin-left:auto}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .2s var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:#f9968f;color:#fff}.btn-primary:hover{background:#f0736c;color:#fff}.btn-primary:active{background:#e4615a;color:#fff}.btn-secondary{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-ring)}.btn-secondary:hover{background:#fa827c38}.btn-ghost{background:transparent;color:var(--text-soft);border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent-ring)}.top-bar .btn-primary{background:color-mix(in srgb,#f9968f 62%,transparent)}.top-bar .btn-primary:hover{background:color-mix(in srgb,#f0736c 78%,transparent)}.top-bar .btn-primary:active{background:color-mix(in srgb,#e4615a 88%,transparent)}.top-bar .btn-secondary{background:color-mix(in srgb,var(--accent-soft) 48%,transparent)}.top-bar .btn-secondary:hover{background:color-mix(in srgb,rgba(250,130,124,.22) 70%,transparent)}.top-bar .btn-ghost:hover{background:color-mix(in srgb,var(--surface-hover) 65%,transparent)}#topbar-actions .csearch-toggle,#topbar-actions .csearch-box,#topbar-actions .iv-chip,#topbar-actions .iv-tabs,#topbar-actions .hv-tabs,#topbar-actions .dv-tabs,#topbar-actions .hv-filter,#topbar-actions .filter,#topbar-actions select{background:color-mix(in srgb,var(--top-bar-text, #fff) 10%,transparent);border-color:color-mix(in srgb,var(--top-bar-text, #fff) 22%,transparent);color:var(--top-bar-text, #fff)}#topbar-actions .iv-tabs button,#topbar-actions .hv-tabs button,#topbar-actions .dv-tabs button{color:color-mix(in srgb,var(--top-bar-text, #fff) 78%,transparent)}#topbar-actions .iv-tabs button.active,#topbar-actions .hv-tabs button.active,#topbar-actions .dv-tabs button.active{color:var(--top-bar-text, #fff);background:transparent}#topbar-actions .hv-tabs button.active,#topbar-actions .dv-tabs button.active{background:color-mix(in srgb,var(--top-bar-text, #fff) 22%,transparent)}#topbar-actions .iv-tabs-glider{background:color-mix(in srgb,var(--top-bar-text, #fff) 22%,transparent);box-shadow:none}#topbar-actions select option{color:var(--text);background:var(--bg-1)}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444429}.btn-sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius-lg)}.btn-icon{padding:8px;border-radius:var(--radius-sm);aspect-ratio:1;justify-content:center}.btn-block{width:100%;justify-content:center}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:var(--text-soft)}.field-input{position:relative;display:flex;align-items:center}.field-input input,.field-input select,.field-input textarea{width:100%;background:var(--surface-input);border:1.5px solid var(--line-strong);border-radius:var(--radius-md);padding:10px 14px 10px 40px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.field-input.no-icon input,.field-input.no-icon select,.field-input.no-icon textarea{padding-left:14px}.field-input input:focus,.field-input select:focus,.field-input textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.field-icon{position:absolute;left:12px;color:var(--muted);width:16px;height:16px;pointer-events:none;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-green{background:var(--accent-soft);color:var(--accent-text)}.badge-mint{background:#fca49d2e;color:#047857}.badge-red{background:var(--danger-soft);color:var(--danger)}.badge-orange{background:#f59e0b24;color:#d97706}.badge-blue{background:#3b82f624;color:#2563eb}.badge-green{background:#8b5cf624;color:#166534}.badge-gray{background:#6b72801f;color:var(--muted)}.badge-darkred{background:#991b1b24;color:#991b1b}.status-online{background:#fca49d38;color:#047857}.status-staat-klaar{background:#93c5fd3d;color:#1d4ed8}.status-in-behandeling{background:#fcd34d42;color:#a16207}.status-nog-doen{background:#fdba7442;color:#c2410c}.status-wordt-geupdate{background:#c4b5fd42;color:#6d28d9}.status-offline{background:#fca5a54d;color:#b91c1c}.status-failliet{background:#a8a29e42;color:#57534e}.divider{height:1px;background:var(--line);margin:0}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s var(--ease)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(16px)}.scale-enter-active,.scale-leave-active{transition:all .25s var(--ease-spring)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.92)}.spinner{width:20px;height:20px;border:2.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:699px){#topbar-actions{display:none!important}#topbar-actions:has(.tb-mob-trigger){display:contents!important}}@media(min-width:700px){#topbar-actions .lv-header,#topbar-actions .cv-header,#topbar-actions .tv-header,#topbar-actions .ld-header,#topbar-actions .cd-header,#topbar-actions .iv-header,#topbar-actions .hv-header,#topbar-actions .dv-header{flex:1;min-width:0;margin:0;align-items:center;flex-wrap:nowrap!important;gap:8px}#topbar-actions .lv-header-left,#topbar-actions .lv-header-right,#topbar-actions .cv-header-left,#topbar-actions .iv-tabs,#topbar-actions .hv-tabs,#topbar-actions .dv-tabs{flex-wrap:nowrap!important;align-items:center;flex-shrink:0}#topbar-actions .iv-chips{flex-wrap:nowrap!important;align-items:center;flex:1 1 0;min-width:0;overflow-x:auto;scrollbar-width:none}#topbar-actions .iv-chips::-webkit-scrollbar{display:none}#topbar-actions .iv-chip{flex-shrink:0}#topbar-actions .ld-header h1{font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#topbar-actions .tv-header h2{font-size:17px;margin:0}}@media(max-width:699px){.lv-header,.cv-header,.tv-header,.ld-header,.cd-header,.tv-tabs{position:fixed!important;bottom:calc(50px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:99;margin:0;padding:6px 12px;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center;min-height:46px;background:#ffffff8c;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-top:1px solid rgba(255,255,255,.6);box-shadow:0 -8px 24px #78231e1a}[data-theme=dark] .lv-header,[data-theme=dark] .cv-header,[data-theme=dark] .tv-header,[data-theme=dark] .ld-header,[data-theme=dark] .cd-header,[data-theme=dark] .tv-tabs{background:#29151499;border-top-color:#fca49d26}.lv-header::-webkit-scrollbar,.cv-header::-webkit-scrollbar,.tv-header::-webkit-scrollbar,.ld-header::-webkit-scrollbar,.cd-header::-webkit-scrollbar,.tv-tabs::-webkit-scrollbar{display:none}.lv-header-left,.lv-header-right,.cv-header-left{display:flex!important;flex-wrap:nowrap!important;gap:8px;flex-shrink:0;align-items:center}.lv-header .list-switcher,.lv-header .search-input,.lv-header .filter,.cv-header .search-input,.cv-header .filter,.tv-header .filter{height:34px;font-size:13px;padding:4px 10px;flex-shrink:0}.lv-header .search-input,.cv-header .search-input{min-width:140px}.shell-content{padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))!important}}.field-flash{animation:field-flash-warn 1.1s var(--ease, ease-out);border-radius:8px}.field-flash.field-invalid,.field-flash.si-title-input--dup{animation:field-flash-red 1.1s var(--ease, ease-out)}@keyframes field-flash-warn{0%{box-shadow:0 0 #f59e0bbf;border-color:#f59e0b}35%{box-shadow:0 0 0 7px #f59e0b66,0 0 16px 2px #f59e0b80;border-color:#f59e0b}to{box-shadow:0 0 #f59e0b00}}@keyframes field-flash-red{0%{box-shadow:0 0 #e14949bf;border-color:#e14949}35%{box-shadow:0 0 0 7px #e1494966,0 0 16px 2px #e1494980;border-color:#e14949}to{box-shadow:0 0 #e1494900}}@media(prefers-reduced-motion:reduce){.field-flash,.field-flash.field-invalid,.field-flash.si-title-input--dup{animation:none}}.si-title-input.field-flash{background:color-mix(in srgb,#f59e0b 22%,var(--surface-input))}.si-title-input--dup.field-flash{background:color-mix(in srgb,#e14949 22%,var(--surface-input))}::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(*){animation:si-vt-out .14s linear both}::view-transition-new(*){animation:si-vt-in .3s cubic-bezier(.16,1,.3,1) both}@keyframes si-vt-out{to{opacity:0}}@keyframes si-vt-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}.itip{display:inline-flex;align-items:center;white-space:nowrap}.itip:after{content:attr(data-tip);max-width:0;opacity:0;overflow:hidden;font-size:12.5px;font-weight:700;line-height:1;transition:max-width .28s var(--ease),opacity .18s,margin-left .24s var(--ease)}@media(hover:hover)and (pointer:fine){.itip:hover:after,.itip:focus-visible:after{max-width:220px;opacity:1;margin-left:6px}}@media(hover:none){.itip:after{content:none}}html.kb-open .mobile-nav{display:none!important}.top-bar{color:var(--top-bar-text, #fff);border-bottom:none}.top-bar .tb-title{color:#fff}.top-bar .tb-title--tenant,[data-theme=dark] .top-bar .tb-title--tenant{color:#ffe9a8}.top-bar .btn-ghost{color:#fff}.top-bar .btn-ghost:hover{background:#ffffff29;color:#fff}.top-bar .btn-ghost.active{background:#ffffff3d;color:#fff}.top-bar .tb-name{color:#fff}.top-bar input{background:#ffffff2e;color:#fff;border-color:#ffffff47}.top-bar input::placeholder{color:#ffffffc7}.top-bar .tb-trial{border-color:#ffffff8c;background:#ffffff29;color:#fff}.top-bar .tb-trial--urgent{border-color:#ffd6d6;background:#780a0a47;color:#ffe1e1}[data-theme=dark] .top-bar .tb-trial{color:#fff}.top-bar .tb-badge{background:#fff;color:#e2665f}.top-bar .tb-avatar{box-shadow:0 0 0 2px #ffffffa6}[data-theme=dark] .s-logo-text-img,[data-theme=dark] .logo-text-img{content:url(/Facturen_AI_Logo_White.png)}:root{--rv-dur: .76s}.reveal{--rv-ease: cubic-bezier(.22, 1, .36, 1)}.reveal:not(.reveal-stagger),.reveal-stagger>*{transition:opacity var(--rv-dur) var(--rv-ease) var(--rd, 0ms),transform var(--rv-dur) var(--rv-ease) var(--rd, 0ms),filter var(--rv-dur) var(--rv-ease) var(--rd, 0ms),clip-path var(--rv-dur) var(--rv-ease) var(--rd, 0ms)}.reveal-up:not(.reveal-stagger),.reveal-stagger.reveal-up>*{opacity:0;transform:translateY(26px);filter:blur(7px)}.reveal-fall:not(.reveal-stagger),.reveal-stagger.reveal-fall>*{opacity:0;transform:translateY(-16px);filter:blur(6px)}.reveal-left:not(.reveal-stagger),.reveal-stagger.reveal-left>*{opacity:0;transform:translate(-38px);filter:blur(7px)}.reveal-right:not(.reveal-stagger),.reveal-stagger.reveal-right>*{opacity:0;transform:translate(38px);filter:blur(7px)}.reveal-pop{--rv-ease: cubic-bezier(.34, 1.56, .64, 1)}.reveal-pop:not(.reveal-stagger),.reveal-stagger.reveal-pop>*{opacity:0;transform:scale(.74);filter:blur(4px)}.reveal-mask:not(.reveal-stagger),.reveal-stagger.reveal-mask>*{opacity:0;transform:translateY(14px);clip-path:inset(0 0 100% 0)}.reveal-mask.reveal-in:not(.reveal-stagger),.reveal-stagger.reveal-mask.reveal-in>*{clip-path:inset(-12% -12% -12% -12%)}.reveal-tilt:not(.reveal-stagger),.reveal-stagger.reveal-tilt>*{opacity:0;transform:perspective(900px) rotateX(-12deg) translateY(32px);transform-origin:center top;filter:blur(6px)}.reveal-deck{--rv-dur: 1s}.reveal-deck:not(.reveal-stagger){opacity:0;transform:perspective(1200px) rotateX(14deg) rotateY(-16deg) translateY(46px) scale(.94);filter:blur(8px)}.reveal-bloom{--rv-dur: .9s}.reveal-bloom:not(.reveal-stagger){opacity:0;transform:scale(.9);filter:blur(12px) brightness(1.5)}.reveal-wipe{--rv-dur: 1.1s}.reveal-wipe:not(.reveal-stagger){clip-path:inset(0 100% 0 0 round 30px)}.reveal-wipe.reveal-in:not(.reveal-stagger){clip-path:inset(0 0 0 0 round 30px)}.reveal-in:not(.reveal-stagger),.reveal-stagger.reveal-in>*{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}}