:root{--bg-app: #f5f5f7;--bg-surface: #ffffff;--bg-subtle: #f5f5f7;--bg-hover: rgba(0, 0, 0, .035);--bg-selected: #1e2a4a;--bg-glass: rgba(245, 245, 247, .78);--bg-table-header-new: #fbfbfd;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .16);--border-focus-ring: rgba(0, 0, 0, .55);--text-primary: #0a0a0a;--text-secondary: #6b6b6b;--text-tertiary: #9a9a9a;--text-onaccent: #ffffff;--accent-50: #eef1f7;--accent-100: #d8dfee;--accent-200: #a8b3cf;--accent-500: #2a3a66;--accent-600: #1e2a4a;--accent-700: #131b33;--status-paid-bg: oklch(.95 .03 155);--status-paid-fg: oklch(.38 .08 155);--status-unpaid-bg: oklch(.95 .04 50);--status-unpaid-fg: oklch(.42 .14 50);--status-overdue-bg: oklch(.94 .04 25);--status-overdue-fg: oklch(.45 .16 25);--status-draft-bg: #ececec;--status-draft-fg: #6b6b6b;--status-error-bg: oklch(.94 .04 25);--status-error-fg: oklch(.42 .16 25);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--font-family-body: var(--font-sans);--font-family-heading: var(--font-sans);--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 34px;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-xs);--font-size-body-sm: var(--text-sm);--font-size-body: var(--text-sm);--font-size-md: var(--text-base);--font-size-base: var(--text-base);--font-size-button: var(--text-base);--font-size-lg: var(--text-md);--font-size-xl: var(--text-lg);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-pill: 999px;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-md);--radius-xl: var(--r-lg);--radius-2xl: var(--r-xl);--radius-pill: var(--r-pill);--radius-circle: 50%;--shadow-xs: 0 1px 1px rgba(0,0,0,.03);--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.03);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-pop: 0 24px 64px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--shadow-fab: var(--shadow-md);--shadow-focus: 0 0 0 4px rgba(0, 0, 0, .08);--transition-fast: .12s cubic-bezier(.25, 0, .2, 1);--transition-normal: .2s cubic-bezier(.25, 0, .2, 1);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--s-10: 64px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--row-comfortable: 52px;--row-standard: 44px;--row-compact: 36px;--fld-iban: 22ch;--fld-kvk: 11ch;--fld-btw: 16ch;--fld-amount: 12ch;--fld-phone: 17ch;--fld-date: 13ch;--fld-postcode: 9ch;--fld-percent: 7ch;--fld-qty: 6ch;--fld-email: 32ch;--fld-name: 28ch;--nav-w: 232px;--content-max: 1280px;--sidebar-width: var(--nav-w);--bottom-nav-height: 56px;--fab-size: 56px;--color-primary: var(--accent-600);--color-primary-hover: var(--accent-700);--color-primary-light: var(--accent-50);--color-primary-bg: var(--accent-100);--color-accent: var(--accent-500);--color-accent-light: var(--accent-50);--color-sidebar-bg: var(--bg-surface);--color-sidebar-text: var(--text-secondary);--color-sidebar-text-active: var(--text-primary);--color-sidebar-hover: var(--bg-hover);--color-sidebar-active: var(--bg-hover);--color-sidebar-border: var(--border-subtle);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-secondary);--color-text-placeholder: var(--text-tertiary);--color-text-disabled: var(--text-tertiary);--color-bg: var(--bg-app);--color-bg-card: var(--bg-surface);--color-bg-hover: var(--bg-hover);--color-bg-hover-alt: var(--bg-subtle);--color-bg-table-header: var(--bg-table-header-new);--color-border: var(--border-default);--color-border-light: var(--border-subtle);--color-border-lighter: var(--border-subtle);--color-border-lightest: var(--border-subtle);--color-border-row: var(--border-subtle);--color-success: var(--status-paid-fg);--color-success-light: var(--status-paid-bg);--color-danger: var(--status-overdue-fg);--color-danger-dark: var(--status-overdue-fg);--color-danger-light: var(--status-overdue-bg);--color-danger-border: var(--border-default);--color-warning: var(--status-unpaid-fg);--color-warning-light: var(--status-unpaid-bg);--color-warning-border: var(--border-default);--color-warning-yellow: var(--status-unpaid-fg);--color-warning-yellow-light: var(--status-unpaid-bg);--color-nav-inactive: var(--text-tertiary);--color-gray-toggle: var(--border-strong);--color-viewer-bg: #1c1c1e;--color-viewer-toolbar: #2a2a2c;--color-viewer-btn: rgba(255,255,255,.08);--color-viewer-btn-hover: rgba(255,255,255,.18);--color-dev-border: #ff9800;--color-on-dark: #fff;--color-danger-bg: var(--status-overdue-bg);--color-overlay-modal: rgba(0, 0, 0, .3);--color-overlay-drop: rgba(30, 42, 74, .1);--color-overlay-thumb-strong: rgba(0, 0, 0, .5);--color-overlay-thumb-medium: rgba(0, 0, 0, .4);--color-shadow-page: 0 12px 40px rgba(0, 0, 0, .5);--color-shadow-fab-hover: 0 6px 16px rgba(30, 42, 74, .45);--color-tint-hover: var(--bg-hover);--color-tint-subtle: rgba(0, 0, 0, .02);--color-tint-log-bg: rgba(0, 0, 0, .03)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input,button,select,textarea{font-family:inherit;font-size:inherit}body{font-family:var(--font-family-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--color-primary);color:var(--color-on-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading)}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.content{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(var(--bottom-nav-height) + 1rem)}.sidebar{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);display:flex;background:var(--color-bg-card);border-top:1px solid var(--color-border-light);z-index:100}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--color-nav-inactive);font-size:var(--font-size-xs);gap:2px;transition:color var(--transition-fast)}.bottom-nav .nav-item .nav-icon{font-size:var(--font-size-xl);line-height:1}.bottom-nav .nav-item.active{color:var(--color-primary);font-weight:600}.bottom-nav .nav-item:focus-visible,.sidebar .nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.page-header{margin-bottom:var(--space-4)}.page-header h1{font-size:var(--font-size-2xl);font-weight:700}.multiselect-header{display:flex;align-items:center;gap:.75rem;font-weight:600}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.login-page h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary)}.login-page .subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.test-login{width:100%;max-width:300px}.test-divider{text-align:center;color:var(--color-text-placeholder);font-size:var(--font-size-body-sm);margin-bottom:.75rem;border-top:1px solid var(--color-border-light);padding-top:.75rem}.test-form{display:flex;flex-direction:column;gap:.5rem}.test-input{padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-base);width:100%}.test-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.btn{padding:.75rem 1.5rem;font-size:var(--font-size-button);cursor:pointer;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-card);display:inline-flex;align-items:center;gap:.5rem;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:hover{background:var(--color-bg);box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-dark);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-sm{padding:.4rem .75rem;font-size:var(--font-size-body)}.btn-full{width:100%;justify-content:center;padding:.9rem;font-size:var(--font-size-button)}.btn-back{padding:.5rem .75rem;font-size:var(--font-size-md)}.btn-icon{background:none;border:none;cursor:pointer;font-size:var(--font-size-button);padding:.25rem;border-radius:4px;transition:background var(--transition-fast),transform var(--transition-fast)}.btn-icon:hover{background:var(--color-bg-hover-alt)}.btn-icon:active{transform:scale(.92)}.settings-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.settings-section h2{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.01em}.settings-section .field{margin-bottom:var(--space-3)}.settings-section label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:2px;text-transform:uppercase;letter-spacing:.03em;font-weight:500}.settings-section input[type=text],.settings-section input[type=email],.settings-section input[type=number],.settings-section input[type=date]{width:100%;padding:9px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-body);min-height:36px}@media (max-width: 1023px){.settings-section input[type=text],.settings-section input[type=email],.settings-section input[type=number],.settings-section input[type=date],.select-field{min-height:44px;padding:11px var(--space-3)}.toggle{height:28px}.toggle .slider:before{width:22px;height:22px}.toggle input:checked+.slider:before{transform:translate(16px)}.status-badge{padding:.35rem .75rem}.btn-icon{min-height:32px;min-width:32px;padding:.4rem}}.settings-section input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.select-field{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-body);background:var(--color-bg-card);cursor:pointer}.select-field:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.select-field:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.input-prefix{display:flex;align-items:center;gap:.5rem}.input-prefix span{color:var(--color-text-secondary);font-weight:500}.input-prefix input{flex:1}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-gray-toggle);border-radius:24px;transition:background .2s}.toggle .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:var(--color-on-dark);border-radius:50%;transition:transform .2s}.toggle input:checked+.slider{background:var(--color-primary)}.toggle input:checked+.slider:before{transform:translate(20px)}.toggle input:focus-visible+.slider{outline:2px solid var(--color-primary);outline-offset:2px}.category-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.category-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:var(--color-accent-light);color:var(--color-accent);border-radius:16px;font-size:var(--font-size-body)}.category-tag button{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:var(--font-size-button);line-height:1;padding:0}.add-category{display:flex;gap:.5rem}.add-category input{flex:1}.import-tags-table{width:100%;border-collapse:collapse}.import-tags-table th{text-align:left;padding:.4rem .5rem;font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border)}.import-tags-table td{padding:.4rem .5rem;border-bottom:1px solid var(--color-border-subtle, var(--color-border));vertical-align:middle}.import-tags-table td code{font-family:var(--font-mono, monospace);background:var(--color-tint-subtle);padding:.15rem .4rem;border-radius:4px;font-size:var(--font-size-sm)}.import-tags-table input,.import-tags-table select{width:100%}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:12px;font-size:var(--font-size-sm);font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:filter var(--transition-fast),transform var(--transition-fast)}.status-unprocessed{background:var(--color-bg);color:var(--color-text-disabled)}.status-unpaid{background:var(--color-danger-light);color:var(--color-danger-dark)}.status-paid{background:var(--color-success-light);color:var(--color-success)}.status-disputed{background:var(--color-warning-light);color:var(--color-warning)}.status-processed{background:var(--color-primary-light);color:var(--color-primary-hover)}.status-archived{background:var(--color-bg);color:var(--color-text-secondary)}.status-action_required{background:var(--color-warning-yellow-light);color:var(--color-warning-yellow)}.status-error{background:var(--color-danger-light);color:var(--color-danger-dark)}.status-badge:hover{box-shadow:inset 0 0 0 100vh var(--color-tint-hover)}.status-badge:active{transform:scale(.96)}.status-badge:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.status-badge.connected{background:var(--color-success-light);color:var(--color-success)}.status-badge.disconnected{background:var(--color-warning-light);color:var(--color-warning)}.status-toggle-wrap{position:relative;display:inline-block;z-index:10}.doc-table-row:hover .status-toggle-wrap,.doc-row-mobile:hover .status-toggle-wrap{z-index:20}.status-dropdown{position:absolute;top:100%;left:0;z-index:999;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:var(--shadow-md);padding:.25rem;margin-top:4px;min-width:140px}.status-option{display:block;width:100%;text-align:left;padding:.45rem .75rem;border:none;background:none;cursor:pointer;font-size:var(--font-size-body-sm);font-weight:500;border-radius:6px;transition:background var(--transition-fast)}.status-option:hover{background:var(--color-bg)}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.error-msg{padding:.75rem 1rem;background:var(--color-danger-light);color:var(--color-danger-dark);border-radius:8px;margin-bottom:1rem;font-size:var(--font-size-md)}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;color:var(--color-text-placeholder);text-align:center;gap:.5rem}.placeholder-page .placeholder-icon{font-size:var(--font-size-3xl);margin-bottom:.5rem}.skeleton-row{margin-bottom:4px}.skeleton-pulse{background:linear-gradient(90deg,var(--color-border-lighter) 25%,var(--color-bg) 50%,var(--color-border-lighter) 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:6px;height:20px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid var(--color-border);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-right:.35rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{color:var(--color-text-disabled);font-style:italic;display:inline-flex;align-items:center}.doc-summary{display:flex;flex-wrap:wrap;gap:var(--space-1) 0;font-size:var(--font-size-body);color:var(--color-text-muted);margin-bottom:var(--space-3)}.doc-summary span{margin-right:.35rem}.summary-open{color:var(--color-danger-dark);font-weight:600}.doc-drop-chip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.doc-drop-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.doc-drop-chip-icon{font-size:1rem;line-height:1}.documenten-page.drag-active{position:relative}.page-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-drop);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);will-change:backdrop-filter,opacity;z-index:9000;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .15s ease-out}.page-drop-overlay-card{background:var(--color-bg-card);border:3px dashed var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);text-align:center;box-shadow:var(--shadow-lg)}.page-drop-overlay-icon{font-size:3rem;color:var(--color-primary);line-height:1;margin-bottom:var(--space-2)}.page-drop-overlay-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.page-drop-overlay-sub{font-size:var(--font-size-sm);color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.doc-search{margin-bottom:var(--space-3)}.search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-body);background:var(--color-bg-card);min-width:180px;transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.doc-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.filter-select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-body-sm);background:var(--color-bg-card);flex:1;min-width:0}.tag-filter-wrap{position:relative;flex:1;min-width:0}.tag-filter-button{text-align:left;cursor:pointer;width:100%}.tag-filter-button.active{border-color:var(--color-primary);color:var(--color-primary);font-weight:500}.tag-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-dropdown, 0 4px 12px rgba(0,0,0,.1));max-height:280px;overflow-y:auto;padding:.25rem;min-width:200px}.tag-filter-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:4px;cursor:pointer;font-size:var(--font-size-body-sm)}.tag-filter-option:hover{background:var(--color-tint-hover)}.tag-filter-option.checked{color:var(--color-primary);font-weight:500}.tag-filter-option input{margin:0}.tag-filter-clear{width:100%;text-align:left;padding:.4rem .5rem;background:none;border:none;border-top:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;margin-top:.25rem;font-size:var(--font-size-body-sm)}.tag-filter-clear:hover{color:var(--color-primary)}.filter-reset{flex:0 0 auto}.desktop-only{display:none}.mobile-only{display:revert}.doc-table-wrap{display:none}.doc-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.doc-table thead th:first-child{border-top-left-radius:var(--radius-xl)}.doc-table thead th:last-child{border-top-right-radius:var(--radius-xl)}.doc-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-xl)}.doc-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-xl)}.doc-table thead th{text-align:left;padding:.7rem .75rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border-lighter);background:var(--color-bg-table-header)}.doc-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.doc-table tbody tr:hover{background:var(--color-bg-hover)}.doc-table tbody tr:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.doc-table tbody tr.selected{background:var(--color-primary-light)}.doc-table tbody tr.processing{opacity:.7}.doc-table tbody td{padding:.65rem .75rem;font-size:var(--font-size-md);border-bottom:1px solid var(--color-border-lightest);vertical-align:middle}.col-check{width:40px;text-align:center}.col-check input[type=checkbox]{cursor:pointer;width:16px;height:16px}.col-type{width:40px;text-align:center}.type-icon{font-size:var(--font-size-xl)}.col-title{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.col-invnr{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:var(--font-size-sm);max-width:100px;overflow:hidden;text-overflow:ellipsis}.col-desc{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-muted);font-size:var(--font-size-sm)}.col-amount{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.col-amount.unpaid{color:var(--color-danger-dark)}.doc-row-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.recipient-list{list-style:none;padding:0;margin:0 0 var(--space-3)}.recipient-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.recipient-item:last-child{border-bottom:none}.recipient-row{display:flex;align-items:center;gap:var(--space-3)}.recipient-main{flex:1;min-width:0}.recipient-name{font-weight:600;font-size:var(--font-size-body)}.recipient-aliases-readonly{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.recipient-actions{display:flex;gap:var(--space-1);flex-shrink:0}.recipient-edit{display:flex;flex-direction:column;gap:var(--space-2)}.recipient-name-input{font-weight:600;font-size:var(--font-size-body);padding:6px 10px;border:1px solid var(--color-primary);border-radius:var(--radius-sm)}.recipient-aliases{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.alias-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:12px;font-size:var(--font-size-xs)}.alias-tag-readonly{background:var(--color-bg-subtle);color:var(--color-text-muted)}.alias-tag button{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:.9em;line-height:1}.alias-input{flex:1;min-width:140px;padding:2px 8px;border:1px dashed var(--color-border);border-radius:12px;font-size:var(--font-size-xs);background:transparent}.btn-danger-outline{color:var(--color-danger);border-color:var(--color-danger);background:transparent}.btn-danger-outline:hover{background:var(--color-danger);color:var(--color-on-dark)}.admin-import-page .import-progress{margin:var(--space-3) 0}.admin-import-page .import-progress-bar{height:8px;background:var(--color-bg-subtle);border-radius:4px;overflow:hidden}.admin-import-page .import-progress-fill{height:100%;width:100%;background:var(--color-primary);transform-origin:left center;transition:transform .3s ease;will-change:transform}.admin-import-page .import-progress-stats{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:4px}.admin-import-page .import-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.admin-import-page .import-queue{max-height:50vh}.bulk-action-bar{position:sticky;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg);border-top:1px solid var(--color-border);box-shadow:0 -4px 12px var(--color-shadow-page);margin:var(--space-3) calc(-1 * var(--space-3)) 0}.bulk-action-count{font-weight:600}.bulk-action-btns{display:flex;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 1023px){.bulk-action-bar{bottom:var(--bottom-nav-height, 56px)}}.sup-badges{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.sup-badges+.sup-badges{margin-left:var(--space-2)}.sup-badge-tag,.sup-badge-recipient{display:inline-block;font-size:var(--font-size-xs);padding:1px 6px;border-radius:10px;line-height:1.5;white-space:nowrap}.sup-badge-tag{background:var(--color-bg-subtle);color:var(--color-text);border:1px solid var(--color-border)}.sup-badge-recipient{background:var(--color-primary);color:var(--color-on-dark)}.sup-badge-more{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600}.sup-badges-row{margin-top:var(--space-1)}.modal .import-progress{height:8px;background:var(--color-bg-subtle);border-radius:4px;overflow:hidden;margin:var(--space-3) 0 0}.modal .import-progress-fill{height:100%;width:100%;background:var(--color-primary);transform-origin:left center;transition:transform .2s ease;will-change:transform}.bulk-errors{margin-top:var(--space-3)}.bulk-errors-toggle{background:none;border:0;color:var(--color-text);cursor:pointer;padding:var(--space-1) 0;font-size:var(--font-size-sm);text-align:left;font-weight:600}.bulk-errors-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.bulk-errors-list{margin:var(--space-2) 0 0;padding-left:var(--space-4);max-height:220px;overflow-y:auto;font-size:var(--font-size-sm)}.bulk-errors-list li{margin-bottom:var(--space-1);line-height:1.4}.bulk-error-reason{color:var(--color-text-muted)}.doc-row-invnr{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.col-actions{width:40px;text-align:center}.delete-icon{font-size:var(--font-size-md);opacity:0;transition:opacity var(--transition-fast)}.doc-table-row:hover .delete-icon{opacity:.4}.delete-icon:hover,.delete-icon:focus-visible{opacity:1}.doc-mobile-list{display:flex;flex-direction:column;gap:2px}.doc-row-mobile-wrap{position:relative;overflow:hidden;border-radius:8px}.swipe-delete-bg{position:absolute;top:0;right:0;bottom:0;width:120px;background:var(--color-danger);color:var(--color-on-dark);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-body-sm);font-weight:600}.doc-row-mobile{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .75rem;background:var(--color-bg-card);cursor:pointer;transition:transform var(--transition-normal),background var(--transition-fast);position:relative;z-index:1}.doc-row-mobile:active{background:var(--color-bg-hover)}.doc-row-mobile.selected{background:var(--color-primary-light)}.doc-row-mobile.processing{opacity:.7}.mobile-checkbox{margin-right:.25rem;margin-top:3px;width:16px;height:16px;cursor:pointer}.doc-row-info{flex:1;min-width:0}.doc-row-line1{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.doc-row-title{font-weight:500;font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.doc-row-amount{font-weight:700;font-size:var(--font-size-md);flex-shrink:0;font-variant-numeric:tabular-nums}.doc-row-amount.unpaid{color:var(--color-danger-dark)}.doc-row-line2{display:flex;align-items:center;gap:.5rem;margin-top:3px}.doc-row-date{font-size:var(--font-size-sm);color:var(--color-text-placeholder)}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + 1rem);right:1rem;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:var(--color-on-dark);border:none;font-size:var(--font-size-2xl);cursor:pointer;box-shadow:var(--shadow-fab);z-index:50;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.fab:hover{transform:scale(1.05);box-shadow:var(--color-shadow-fab-hover)}.fab:active{transform:scale(.97)}.fab:focus-visible{outline:2px solid var(--color-sidebar-text-active);outline-offset:2px}.fab-label{display:none}@media (min-width: 1024px){.fab{width:auto;border-radius:28px;padding:0 1.25rem;gap:.4rem;font-size:var(--font-size-xl)}.fab-label{display:inline;font-size:var(--font-size-md);font-weight:600}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-modal);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:var(--color-bg-card);border-radius:var(--radius-2xl);padding:1.5rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-large{max-width:600px}.modal-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end}.duplicate-info{padding:.75rem;background:var(--color-warning-light);border-radius:8px;margin:.75rem 0}.upload-container{display:flex;flex-direction:column;gap:1rem}.upload-header{display:flex;align-items:center;justify-content:space-between}.upload-header h2{font-size:var(--font-size-xl)}.upload-tabs{display:flex;gap:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.upload-tab{flex:1;padding:.6rem;background:var(--color-bg-card);border:none;cursor:pointer;font-size:var(--font-size-md);font-family:inherit;transition:background var(--transition-fast)}.upload-tab.active{background:var(--color-primary);color:var(--color-on-dark)}.upload-tab:not(:last-child){border-right:1px solid var(--color-border)}.upload-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.upload-email-hint{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-primary-light);border:1px solid var(--color-primary-bg);border-radius:var(--radius-md);font-size:var(--font-size-body-sm)}.upload-email-hint-icon{font-size:var(--font-size-lg);color:var(--color-primary);line-height:1;margin-top:1px}.upload-email-hint-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.upload-email-hint-line{color:var(--color-text);line-height:1.4}.upload-email-hint-address{color:var(--color-primary);font-weight:600;text-decoration:none;word-break:break-all}.upload-email-hint-address:hover{text-decoration:underline}.upload-email-hint-address:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.upload-email-hint-sub{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:2rem;text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.dropzone.active{border-color:var(--color-primary);background:var(--color-primary-light)}.dropzone.has-file{border-color:var(--color-success);border-style:solid}.dropzone-text p:first-child{font-weight:600;margin-bottom:.25rem}.dropzone-file{display:flex;align-items:center;justify-content:center;gap:.75rem}.file-size{color:var(--color-text-muted);font-size:var(--font-size-body)}.camera-container{display:flex;flex-direction:column;gap:.75rem}.camera-preview{position:relative}.camera-video{width:100%;border-radius:8px;background:var(--color-viewer-bg)}.camera-controls{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.btn.camera-btn{padding:.75rem 2rem}.thumbnail-strip{padding:.5rem 0}.thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0}.thumbnail{position:relative;flex-shrink:0;width:80px;height:100px;border-radius:6px;overflow:hidden;border:2px solid var(--color-border)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-num{position:absolute;top:2px;left:2px;background:var(--color-overlay-thumb-strong);color:var(--color-sidebar-text-active);font-size:var(--font-size-xs);padding:1px 5px;border-radius:4px}.thumbnail-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:2px;background:var(--color-overlay-thumb-medium);padding:2px}.thumbnail-actions button{background:none;border:none;color:var(--color-on-dark);font-size:var(--font-size-sm);cursor:pointer;padding:2px 4px}.thumbnail-actions button.remove{color:var(--color-danger)}.upload-progress{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-primary-light);border-radius:8px}.spinner{width:20px;height:20px;border:2px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.upload-options{display:flex;flex-direction:column;gap:.75rem}.upload-queue{margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.upload-queue-header{padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);font-size:var(--font-size-sm);font-weight:600;border-bottom:1px solid var(--color-border)}.upload-queue-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.queue-item{display:grid;grid-template-columns:24px 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.queue-item:last-child{border-bottom:none}.queue-icon{text-align:center;font-weight:700;color:var(--color-text-muted);display:inline-block}.queue-item.active .queue-icon{color:var(--color-primary);animation:spin 1.2s linear infinite}.queue-item.done .queue-icon{color:var(--color-success)}.queue-item.duplicate .queue-icon{color:var(--color-warning)}.queue-item.error .queue-icon{color:var(--color-danger)}.queue-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-phase{color:var(--color-text-muted);font-size:var(--font-size-xs)}.viewer-container{background:var(--color-viewer-bg);border-radius:8px;overflow:hidden;position:relative}.viewer-container.fullscreen{border-radius:0}.viewer-toolbar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-viewer-toolbar);color:var(--color-on-dark);font-size:var(--font-size-xs)}.viewer-btn{background:var(--color-viewer-btn);border:none;color:var(--color-on-dark);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:var(--font-size-xs)}.viewer-btn:hover{background:var(--color-viewer-btn-hover)}.viewer-btn-download{padding:4px 10px;font-weight:600;margin-left:var(--space-2)}.viewer-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.zoom-level{min-width:3rem;text-align:center}.page-count{margin-left:auto;color:var(--color-text-muted)}.viewer-content{overflow:auto;max-height:60vh;padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.viewer-content .viewer-page{width:100%!important;max-width:100%}.viewer-content .react-pdf__Page__canvas{max-width:100%!important;height:auto!important}.viewer-page{box-shadow:var(--color-shadow-page)}.viewer-image{max-width:100%;height:auto}.viewer-skeleton{height:300px;background:var(--color-border-lighter);border-radius:8px;display:flex;align-items:center;justify-content:center}.viewer-error{padding:2rem;text-align:center;color:var(--color-danger)}.viewer-empty{padding:2rem;text-align:center;color:var(--color-text-muted);background:var(--color-bg);border-radius:8px}.detail-right{display:none}.detail-mobile-viewer,.detail-mobile-qr{display:block}.detail-split{display:flex;flex-direction:column}.detail-left{flex:1;min-width:0}.detail-sticky-header{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);margin:-1rem -1rem 0;padding:.75rem 1rem 0}.detail-header-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.detail-header-top .btn-back{flex-shrink:0;padding:var(--space-1) var(--space-2);font-size:var(--font-size-body);min-width:auto}.detail-header-top h1{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.save-indicator{font-size:var(--font-size-xs);color:var(--color-primary);flex-shrink:0}.save-done{color:var(--color-success);font-weight:600}.status-badge.processing{animation:pulse 1.5s infinite}.detail-kerninfo{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.detail-kerninfo::-webkit-scrollbar{display:none}.kerninfo-supplier{font-weight:600;color:var(--color-text);white-space:nowrap}.kerninfo-amount{font-weight:700;font-family:var(--font-family-heading);color:var(--color-text);white-space:nowrap}.kerninfo-date{white-space:nowrap;color:var(--color-text-muted)}.detail-kerninfo .status-badge{flex-shrink:0;font-size:var(--font-size-xs);padding:2px 8px}.detail-mobile-viewer{margin-bottom:var(--space-2)}.viewer-toggle{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-body);border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.viewer-toggle:hover{background:var(--color-bg-hover);color:var(--color-text)}.detail-mobile-viewer-content{margin-top:var(--space-2);border-radius:var(--radius-xl);overflow:hidden;max-height:50vh}.detail-mobile-qr{margin-bottom:var(--space-3)}.detail-mobile-qr .qr-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:left}.tab-bar{display:flex;gap:0;position:relative;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:none;border:none;cursor:pointer;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition-fast);position:relative}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);font-weight:600}.tab-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.tab-icon{font-size:var(--font-size-md)}.tab-indicator{position:absolute;bottom:0;left:0;width:1px;height:2px;background:var(--color-primary);border-radius:2px 2px 0 0;transform-origin:left center;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.detail-tab-content{padding-top:var(--space-6)}.tab-gegevens,.tab-notities,.tab-ai{display:flex;flex-direction:column;gap:0}.ai-summary{background:var(--color-primary-light);border:1px solid var(--color-primary-bg)}.ai-summary p{color:var(--color-text);line-height:1.6}.tab-ai-empty{text-align:center;padding:var(--space-4) 0}.ai-extraction-meta{display:flex;flex-direction:column;gap:var(--space-2)}.ai-meta-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-lightest)}.ai-meta-row:last-child{border-bottom:none}.ai-meta-label{color:var(--color-text-muted);font-size:var(--font-size-body)}.ai-meta-value{font-weight:500;font-size:var(--font-size-body)}.process-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.process-error h2{color:var(--color-danger)}.process-error-msg{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-sm);background:var(--color-tint-log-bg);padding:var(--space-2);border-radius:4px;word-break:break-word;margin-bottom:var(--space-2)}.process-log-section{padding:0;overflow:hidden}.process-log-section>.process-log-header{padding:var(--space-3);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.process-log-section>.process-log-header:hover{background:var(--color-bg-hover)}.process-log-section>.process-log-header h2{margin:0}.process-log{list-style:none;padding:0 var(--space-3) var(--space-3);margin:0;display:flex;flex-direction:column;gap:2px}.process-log-item{display:grid;grid-template-columns:80px 60px 1fr;gap:var(--space-2);align-items:start;padding:var(--space-2);border-radius:4px;font-size:var(--font-size-sm);background:var(--color-tint-subtle)}.process-log-warn{background:var(--color-warning-yellow-light)}.process-log-error{background:var(--color-danger-light)}.process-log-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.process-log-level{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em}.process-log-info .process-log-level{color:var(--color-primary)}.process-log-warn .process-log-level{color:var(--color-warning)}.process-log-error .process-log-level{color:var(--color-danger)}.process-log-msg{color:var(--color-text)}.process-log-meta{grid-column:1 / -1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-tint-log-bg);padding:2px var(--space-2);border-radius:3px;word-break:break-all;margin-top:2px}@media (max-width: 640px){.process-log-item{grid-template-columns:64px 1fr}.process-log-level{display:none}}.line-items-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.line-items-table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.line-items-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-row);vertical-align:top}.line-items-table th.num,.line-items-table td.num{text-align:right;white-space:nowrap}.line-items-table tbody tr:last-child td{border-bottom:0}@media (max-width: 639px){.line-items-table,.line-items-table thead,.line-items-table tbody,.line-items-table tr,.line-items-table th,.line-items-table td{display:block}.line-items-table thead{display:none}.line-items-table tr{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-row)}.line-items-table tr:last-child{border-bottom:0}.line-items-table td{padding:.15rem 0;border:0;white-space:normal}.line-items-table td:first-child{font-weight:600;margin-bottom:.2rem}.line-items-table td.num{text-align:left;font-size:var(--font-size-xs);color:var(--color-text-muted)}.line-items-table td.num:before{content:attr(data-label) ": "}.line-items-table td.num:empty{display:none}}.line-items-group{margin-top:var(--space-4)}.line-items-group:first-of-type{margin-top:0}.line-items-group-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.line-items-group-header h3{margin:0;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.line-items-group-total{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--color-text)}.line-items-subgroup{margin-bottom:var(--space-3)}.line-items-subgroup:last-child{margin-bottom:0}.line-items-subgroup-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;margin-bottom:var(--space-1)}.line-items-table--subtotal td,.line-items-table--vat td{color:var(--color-text-muted);font-style:italic}.line-items-total-check{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.line-items-total-check.ok{color:var(--color-success)}.line-items-total-check.warn{color:var(--color-warning)}.line-items-material-link{color:var(--color-primary);text-decoration:none;border-bottom:1px dashed var(--color-primary)}.line-items-material-link:hover{border-bottom-style:solid}.line-items-material-link:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:2px}.line-items-material-arrow{opacity:.6;font-size:.85em}.item-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-row);font-size:var(--font-size-sm)}.item-row:last-child{border-bottom:none}.item-row.low-confidence{background:var(--color-warning-yellow-light);margin:0 -1rem;padding:var(--space-2) 1rem}.item-info{display:flex;flex-direction:column;gap:1px}.item-brand,.item-model{font-size:var(--font-size-xs);color:var(--color-text-muted)}.item-meta{text-align:right;display:flex;flex-direction:column;gap:1px;font-size:var(--font-size-sm)}.item-category{font-size:var(--font-size-xs);color:var(--color-text-placeholder)}.danger-zone{border:1px solid var(--color-danger-border)}.detail-viewer-sticky{border-radius:var(--radius-xl);overflow:hidden;background:var(--color-viewer-bg)}.detail-right-qr{margin-bottom:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:var(--space-3);box-shadow:var(--shadow-sm)}.detail-right-qr .qr-panel{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-3)}.detail-right-qr .qr-mini{width:100%}.detail-right-qr .qr-mini-image{width:96px;height:96px}.qr-hint-panel{padding:var(--space-3);border:1px dashed var(--border-default);border-radius:10px;background:var(--bg-subtle);color:var(--text-secondary)}.qr-hint-panel .qr-hint-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.qr-hint-panel .qr-hint-body{font-size:12px}@media (max-width: 599px){.detail-kerninfo{flex-wrap:wrap;gap:var(--space-2)}.kerninfo-supplier{flex-basis:100%}.tab-icon{display:none}}.editor-container{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;gap:2px;padding:.35rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.editor-btn{padding:.3rem .6rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:var(--font-size-body-sm)}.editor-btn.active{background:var(--color-primary);color:var(--color-on-dark);border-color:var(--color-primary)}.editor-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tiptap-editor{min-height:100px;padding:.75rem;border-radius:var(--radius-sm);transition:box-shadow var(--transition-fast)}.tiptap-editor:focus-within{box-shadow:var(--shadow-focus)}.tiptap-editor .ProseMirror{outline:none;min-height:80px}.tiptap-editor .ProseMirror p{margin-bottom:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 1024px){.app-shell{flex-direction:row}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-sidebar-bg);color:var(--color-on-dark);height:100vh;height:100dvh;position:fixed;left:0;top:0;z-index:100}.sidebar-brand{padding:1.25rem 1rem;border-bottom:1px solid var(--color-sidebar-border)}.sidebar-brand h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-on-dark)}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.sidebar .nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-sidebar-text);text-decoration:none;font-size:var(--font-size-md);transition:background var(--transition-fast),color var(--transition-fast);border-radius:0}.sidebar .nav-item:hover{background:var(--color-sidebar-hover);color:var(--color-on-dark)}.sidebar .nav-item.active{background:var(--color-sidebar-active);color:var(--color-on-dark);font-weight:600}.sidebar .nav-item .nav-icon{font-size:var(--font-size-xl)}.sidebar .nav-item .nav-label{font-size:var(--font-size-md)}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid var(--color-sidebar-border)}.sidebar-user{font-size:var(--font-size-body-sm);color:var(--color-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{display:none}.content{margin-left:var(--sidebar-width);max-width:none;padding:2rem}.fab{bottom:1.5rem;right:1.5rem}.doc-table-wrap{display:block}.doc-mobile-list{display:none}.desktop-only{display:revert}.mobile-only{display:none}.detail-split{flex-direction:row;gap:var(--space-5);align-items:flex-start}.detail-left{flex:0 0 50%;max-width:50%;min-width:0}.detail-sticky-header{margin:-2rem 0 0 -2rem;padding:var(--space-3) 0 0 2rem}.detail-header-top,.detail-kerninfo{padding-right:200px}.detail-tab-content{padding:var(--space-8) 0 var(--space-4)}.detail-mobile-viewer,.detail-mobile-qr{display:none}.detail-right{display:block;flex:0 0 50%;max-width:50%;min-width:0;position:sticky;top:var(--space-3)}.detail-viewer-sticky{max-height:calc(100vh - 2rem)}.detail-right .viewer-content{height:calc(100vh - 100px);max-height:calc(100vh - 100px);overflow-x:hidden}.detail-right-qr{margin-top:var(--space-4)}}.iban-status{font-size:var(--font-size-body);white-space:nowrap}.iban-verified{color:var(--color-success)}.iban-unverified{color:var(--color-warning-yellow)}.iban-verify-btn{font-size:var(--font-size-sm);white-space:nowrap;color:var(--color-warning-yellow);border-color:var(--color-warning-yellow)}.iban-verify-btn:hover:not(:disabled){background:var(--color-warning-yellow);color:var(--color-on-dark)}.iban-verify-btn:disabled{opacity:.5;cursor:not-allowed}.iban-none{color:var(--color-border)}.category-tag-sm{font-size:var(--font-size-xs);padding:.15rem .4rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-item{text-align:center;padding:.75rem;background:var(--color-bg-hover);border-radius:8px}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:.25rem}.supplier-search-wrap{position:relative}.supplier-search-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;margin-top:4px}.supplier-search-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-md);transition:background var(--transition-fast)}.supplier-search-option:hover{background:var(--color-bg)}.supplier-search-selected{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:8px;cursor:pointer}.supplier-search-selected:hover{border-color:var(--color-primary)}.supplier-search-clear{margin-left:auto;background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text-placeholder);padding:0 .25rem}.supplier-search-clear:hover{color:var(--color-danger)}.supplier-link{font-size:var(--font-size-body-sm);color:var(--color-primary);text-decoration:none;margin-left:.5rem}.supplier-link:hover{text-decoration:underline}.iban-warning{background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:8px;padding:.75rem 1rem;color:var(--color-warning);font-size:var(--font-size-md);margin-bottom:1rem}@media (max-width: 1023px){.doc-table-wrap{display:none}.doc-mobile-list{display:flex}}.iban-input-row{display:flex;align-items:center;gap:.5rem}.iban-input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-base);font-family:monospace;text-transform:uppercase}.iban-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.iban-input.iban-invalid{border-color:var(--color-danger)}.iban-badge{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;padding:.2rem .5rem;border-radius:12px}.iban-badge-valid{background:var(--color-success-light);color:var(--color-success)}.iban-badge-invalid{background:var(--color-danger-light);color:var(--color-danger-dark)}.qr-inline-section{text-align:center}.qr-inline-center{display:flex;flex-direction:column;align-items:center}.qr-image{width:140px;height:140px;margin:.25rem 0;display:block;border:1px solid var(--color-border-lighter);border-radius:var(--radius-sm)}.qr-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.qr-payment-details{background:var(--color-bg-hover);border:1px solid var(--color-border-lighter);border-radius:var(--radius-sm);margin-bottom:var(--space-2);text-align:left}.qr-detail-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-lightest)}.qr-detail-row:last-child{border-bottom:none}.qr-detail-label{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.qr-detail-value{font-size:var(--font-size-sm);font-weight:500;text-align:right;word-break:break-all;margin-left:var(--space-3)}.qr-detail-mono{font-family:monospace;letter-spacing:.02em;font-size:var(--font-size-xs)}.qr-actions{display:flex;gap:var(--space-2)}.qr-action-btn{flex:1;justify-content:center;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-2)}.qr-copy-done{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-light)}.detail-desktop-qr{display:none}@media (min-width: 1024px){.detail-desktop-qr{display:block;position:absolute;top:var(--space-4);right:2rem;z-index:2}.detail-desktop-qr .qr-mini-image{width:80px;height:80px}.detail-desktop-qr .qr-mini-amount{font-size:var(--font-size-lg)}.detail-sticky-header{min-height:150px;padding-bottom:var(--space-3)}.section-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-3);align-items:start}.section-grid-2>h2{grid-column:1 / -1}.section-grid-2>.field{margin-bottom:0}.section-grid-2>.field-span-2{grid-column:1 / -1}.detail-left .settings-section{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.detail-left .settings-section h2{font-size:var(--font-size-sm);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.detail-left .settings-section label{font-size:.7rem;margin-bottom:1px}.detail-left .settings-section .field{margin-bottom:var(--space-2)}.detail-left .settings-section input[type=text],.detail-left .settings-section input[type=email],.detail-left .settings-section input[type=number],.detail-left .settings-section input[type=date],.detail-left .settings-section .select-field{padding:6px 10px;min-height:32px;font-size:var(--font-size-sm)}.detail-left .section-grid-2>.field{margin-bottom:0}.detail-tab-content{padding:var(--space-5) 0 var(--space-4)}}.qr-mini{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);font:inherit;color:inherit;text-align:left}.qr-mini:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.qr-mini:active{transform:scale(.99)}.qr-mini:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.qr-mini-image{width:64px;height:64px;border-radius:var(--radius-sm);flex-shrink:0;display:block}.qr-mini-body{display:flex;flex-direction:column;gap:2px;min-width:0}.qr-mini-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:500}.qr-mini-amount{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-text);letter-spacing:-.01em}.qr-mini-action{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:500}.detail-mobile-qr .qr-inline-center{flex-direction:row;align-items:center;gap:var(--space-3)}.detail-mobile-qr .qr-image{width:100px;height:100px;margin:0}.detail-mobile-qr .qr-hint{font-size:var(--font-size-sm);margin:0}.detail-mobile-qr .qr-payment-details{margin-top:var(--space-2);padding-top:var(--space-2)}.detail-mobile-qr .qr-detail-row{padding:var(--space-1) 0}.detail-mobile-qr .qr-actions{margin-top:var(--space-2)}.detail-mobile-qr .qr-action-btn{font-size:var(--font-size-body-sm);padding:var(--space-2) var(--space-3)}.dp-wrap{position:relative}.dp-input-row{display:flex;gap:.25rem}.dp-input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text)}.dp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.dp-icon-btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;padding:0 .5rem;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition-fast),color var(--transition-fast)}.dp-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.dp-popup{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-md);padding:.75rem;min-width:270px;-webkit-user-select:none;user-select:none}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dp-month-label{font-weight:600;font-size:var(--font-size-base)}.dp-nav{background:none;border:none;cursor:pointer;font-size:var(--font-size-button);padding:.25rem .5rem;border-radius:4px;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.dp-nav:hover{background:var(--color-bg-hover-alt);color:var(--color-primary)}.dp-nav:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-body-sm);border-radius:50%}.dp-weekday{font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-muted);border-radius:0}.dp-day{cursor:pointer;color:var(--color-text);background:transparent;border:none;padding:0;font:inherit;transition:background var(--transition-fast)}.dp-day:hover{background:var(--color-primary-light)}.dp-day.today{color:var(--color-primary);font-weight:700}.dp-day.selected{background:var(--color-primary);color:var(--color-on-dark);font-weight:600}.dp-day.selected:hover{background:var(--color-primary-hover)}.dp-day:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.dp-empty{cursor:default}.alert{padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-lg);font-size:var(--font-size-md)}.alert-success{background:var(--color-success-light);color:var(--color-success)}.alert-error{background:var(--color-danger-light);color:var(--color-danger-dark)}.textarea-field{width:100%;padding:.5rem .75rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);font-family:inherit;font-size:var(--font-size-md);resize:vertical;transition:border-color var(--transition-fast)}.textarea-field:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.settings-section.dev-section{border-top:2px solid var(--color-dev-border)}.text-muted-sm{font-size:var(--font-size-body);color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}:root{--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}@keyframes tabContentEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-content-enter{animation:tabContentEnter .28s var(--ease-out-quart)}@keyframes savePop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.save-indicator{animation:savePop .32s var(--ease-out-quart)}@keyframes viewerExpand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detail-mobile-viewer-content{animation:viewerExpand .28s var(--ease-out-quart);transform-origin:top center;overflow:hidden}.tab-indicator{transition:transform .32s var(--ease-out-quart)}@keyframes sectionEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-content-enter .settings-section{animation:sectionEnter .4s var(--ease-out-quart) backwards}.tab-content-enter .settings-section:nth-child(1){animation-delay:.04s}.tab-content-enter .settings-section:nth-child(2){animation-delay:.08s}.tab-content-enter .settings-section:nth-child(3){animation-delay:.12s}.tab-content-enter .settings-section:nth-child(4){animation-delay:.16s}.tab-content-enter .settings-section:nth-child(5){animation-delay:.2s}.tab-btn{transition:color .2s var(--ease-out-quart)}.btn:active,.btn-icon:active{transition:transform .08s var(--ease-out-quart)}.warranty-indicator{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;flex-shrink:0;border:1px solid transparent}.warranty-indicator--active{background:var(--color-success)}.warranty-indicator--soon{background:var(--color-warning-yellow)}.warranty-indicator--expired{background:var(--color-danger)}.warranty-indicator--none{background:var(--color-border)}.warranty-wrap{display:flex;flex-direction:column;gap:.5rem}.warranty-row{display:flex;align-items:center;gap:.5rem}.warranty-text{font-size:var(--font-size-sm);color:var(--color-text)}.warranty-bar{width:100%;height:6px;background:var(--color-border-lightest);border-radius:3px;overflow:hidden}.warranty-bar-fill{height:100%;border-radius:3px;transition:width .3s var(--ease-out-quart, ease-out)}.warranty-bar-fill--active{background:var(--color-success)}.warranty-bar-fill--soon{background:var(--color-warning-yellow)}.attributes-editor{display:flex;flex-direction:column;gap:.4rem}.attributes-editor-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:.4rem;align-items:center}.attributes-editor-row .attr-key,.attributes-editor-row .attr-value{padding:.45rem .6rem;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface, #fff);min-width:0}.btn-sm{padding:.4rem .75rem;font-size:var(--font-size-sm);align-self:flex-start}.items-stats{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;padding:.75rem 1rem;background:var(--color-bg-subtle, var(--color-border-lightest));border-radius:8px;margin-bottom:1rem}.items-stats-group{display:flex;gap:1.5rem;flex-wrap:wrap}.items-stats-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.items-stats-value{font-weight:600;margin-left:.3rem}.items-stats-spacer{flex:1}.items-filters{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.items-filters-row{display:flex;gap:.5rem .75rem;flex-wrap:wrap;align-items:stretch}.items-filters .filter-input,.items-filters .filter-select{padding:.45rem .6rem;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface, #fff);height:36px;box-sizing:border-box}.items-filters-row-primary .filter-search{flex:3 1 240px;min-width:200px}.items-filters-row-primary .filter-select{flex:1 1 140px;min-width:130px}.items-filters-row-range{align-items:center}.filter-group{display:flex;align-items:center;gap:.5rem;height:36px;box-sizing:border-box}.filter-group-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;white-space:nowrap}.filter-group-divider{color:var(--color-text-muted);padding:0 .15rem}.filter-group-date{flex:1 1 360px;min-width:320px}.filter-group-date .dp-wrap{flex:1 1 0;min-width:0}.filter-group-date .dp-input{padding:.4rem .55rem;font-size:var(--font-size-sm);height:36px;box-sizing:border-box;width:100%}.filter-group-date .dp-icon-btn{height:36px}.filter-group-price{flex:2 1 380px;min-width:320px}.filter-reset{margin-left:auto;align-self:center}.price-slider{display:flex;align-items:center;gap:.5rem;flex:1 1 0;min-width:0;-webkit-user-select:none;user-select:none;height:24px}.price-slider-value{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3.5em}.price-slider-value-min{text-align:right}.price-slider-value-max{text-align:left}.price-slider.active .price-slider-value{color:var(--color-text);font-weight:500}.price-slider-track-wrap{position:relative;flex:1 1 0;min-width:60px;height:22px;display:flex;align-items:center}.price-slider-track{position:absolute;left:0;right:0;height:4px;background:var(--color-border);border-radius:2px}.price-slider-fill{position:absolute;top:0;bottom:0;background:var(--color-primary);border-radius:2px}.price-slider.disabled .price-slider-fill{background:var(--color-border)}.price-slider-input{position:absolute;left:0;right:0;width:100%;height:22px;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;pointer-events:none;margin:0;padding:0}.price-slider-input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-on-dark);border:2px solid var(--color-primary);box-shadow:0 1px 3px #00000026;cursor:pointer;pointer-events:auto}.price-slider-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-on-dark);border:2px solid var(--color-primary);box-shadow:0 1px 3px #00000026;cursor:pointer;pointer-events:auto}.price-slider-input::-webkit-slider-runnable-track{background:transparent}.price-slider-input::-moz-range-track{background:transparent}.price-slider-input:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-focus)}.price-slider-input:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-focus)}.price-slider.disabled .price-slider-input{opacity:.5}.aanschaffing-row{cursor:pointer}.aanschaffing-row:hover{background:var(--color-tint-hover, rgba(0,0,0,.03))}.aanschaffing-row .cat-icon{font-size:1.15rem}.aanschaffing-row .item-subtitle{color:var(--color-text-muted);font-size:var(--font-size-xs)}.aanschaffing-row .item-delete{opacity:0;transition:opacity .15s}.aanschaffing-row:hover .item-delete{opacity:1}.items-table th{white-space:nowrap}.items-table td{vertical-align:middle}.item-card{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;padding:.75rem;border-bottom:1px solid var(--color-border-row);align-items:center;cursor:pointer}.item-card .cat-icon{font-size:1.4rem}.item-card .item-card-body{min-width:0}.item-card .item-card-title{font-weight:600;font-size:var(--font-size-body)}.item-card .item-card-sub{color:var(--color-text-muted);font-size:var(--font-size-sm)}.item-card .item-card-meta{text-align:right;font-size:var(--font-size-sm)}.item-card .item-card-meta .price{font-weight:600;display:block}.item-card .item-card-meta .date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.items-empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-muted)}.enrichment-placeholder{padding:1rem;background:var(--color-border-lightest);border-radius:8px;color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}.supplier-badge-link{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;background:var(--color-border-lightest);border-radius:6px;text-decoration:none;color:var(--color-text);font-size:var(--font-size-sm)}.supplier-badge-link:hover{background:var(--color-tint-hover, rgba(0,0,0,.05))}.source-document-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:var(--color-text)}.source-document-card:hover{background:var(--color-tint-hover, rgba(0,0,0,.03))}.source-document-card .src-icon{font-size:1.5rem}.source-document-card .src-body{flex:1;min-width:0}.source-document-card .src-title{font-weight:600;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.source-document-card .src-meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.source-document-list{display:flex;flex-direction:column;gap:.5rem}.src-badge{font-size:var(--font-size-xs);font-weight:500;padding:.1rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.src-badge-original{background:var(--color-primary);color:var(--color-on-dark)}.src-badge-regel{background:var(--color-tint-subtle);color:var(--color-text-muted)}@media (max-width: 1023px){.items-filters-row-primary .filter-search{flex:1 1 100%}.items-filters-row-primary .filter-select{flex:1 1 calc(50% - .375rem)}.filter-group-date,.filter-group-price{flex:1 1 100%;min-width:0}.attributes-editor-row{grid-template-columns:1fr 1fr auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num,.cell-num,.mono-text{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mono-text{font-family:var(--font-mono);font-size:13.5px}::selection{background:var(--accent-600);color:var(--text-onaccent)}.glass{background:var(--bg-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-subtle)}.card-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 1px 2px #0000000a}.btn-x{font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;height:36px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--transition-fast),border-color var(--transition-fast),transform 80ms;white-space:nowrap}.btn-x:hover{background:var(--bg-hover)}.btn-x:active{transform:translateY(.5px)}.btn-x:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-x:disabled,.btn-x[disabled]{cursor:not-allowed;opacity:.5;background:var(--bg-surface)}.btn-x.btn-primary-x{background:var(--accent-600);color:var(--text-onaccent);border-color:transparent}.btn-x.btn-primary-x:hover{background:var(--accent-700)}.btn-x.btn-ghost-x{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-x.btn-ghost-x:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-x.btn-danger-x{border-color:var(--status-overdue-fg);color:var(--status-overdue-fg)}.btn-x.btn-danger-x:hover{background:var(--status-overdue-bg)}.btn-x.btn-sm-x{height:28px;padding:0 10px;font-size:var(--text-sm);border-radius:var(--r-sm)}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:500;background:var(--status-draft-bg);color:var(--status-draft-fg);white-space:nowrap;line-height:1}.pill-paid{background:var(--status-paid-bg);color:var(--status-paid-fg)}.pill-unpaid{background:var(--status-unpaid-bg);color:var(--status-unpaid-fg)}.pill-overdue{background:var(--status-overdue-bg);color:var(--status-overdue-fg)}.pill-error{background:var(--status-error-bg);color:var(--status-error-fg)}.pill-info{background:var(--accent-50);color:var(--accent-700)}.chip-x{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:var(--r-pill);font-size:var(--text-sm);background:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast);font-family:var(--font-sans);white-space:nowrap}.chip-x:hover{background:var(--bg-hover)}.chip-x:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.chip-x.chip-active{background:var(--accent-50);border-color:var(--accent-200);color:var(--accent-700)}.chip-x .chip-x-mark{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;margin-left:2px;opacity:.6;background:transparent;border:none;cursor:pointer;color:inherit}.chip-x .chip-x-mark:hover{opacity:1;background:#00000014}.popover-x{position:absolute;top:calc(100% + 4px);left:0;z-index:30;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:200px;padding:4px}.popover-x .popover-opt{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;cursor:pointer;border-radius:5px;font-family:inherit;font-size:13px;text-align:left;color:var(--text-primary)}.popover-x .popover-opt:hover{background:var(--bg-hover)}.popover-x .popover-opt.active{background:var(--accent-50);color:var(--accent-700)}.popover-x .popover-opt .opt-check{width:14px;color:var(--accent-600);flex-shrink:0}.tbl-x{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-base)}.tbl-x th{font-weight:500;font-size:12px;letter-spacing:0;text-transform:none;color:var(--text-secondary);text-align:left;padding:12px 14px;border-bottom:1px solid var(--border-subtle);background:var(--bg-table-header-new);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;position:sticky;top:0;z-index:1}.tbl-x thead tr:first-child th:first-child{border-top-left-radius:16px}.tbl-x thead tr:first-child th:last-child{border-top-right-radius:16px}.tbl-x tbody tr:last-child td{border-bottom:none}.tbl-x th:hover{color:var(--text-primary)}.tbl-x th .sort-i{display:inline-block;width:10px;margin-left:4px;opacity:.4}.tbl-x th.sorted .sort-i{opacity:1;color:var(--accent-600)}.tbl-x td{padding:0 14px;height:var(--row-standard);border-bottom:1px solid var(--border-subtle);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 80ms;color:var(--text-primary)}.tbl-x tbody tr:hover td{background:var(--bg-hover)}.tbl-x tbody tr.selected td{background:var(--bg-selected);color:var(--text-onaccent)}.tbl-x tbody tr.selected td *{color:var(--text-onaccent)!important}.tbl-x tbody tr.selected td .pill,.tbl-x tbody tr.selected td .mono-avatar{background:#ffffff2e;color:var(--text-onaccent)!important}.tbl-x .cell-num{text-align:right;font-variant-numeric:tabular-nums}.tbl-x .cell-em{color:var(--text-tertiary)}.tbl-x td.cell-icon,.tbl-x th.cell-icon{padding-left:12px;padding-right:6px}.tbl-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.tbl-scroll{overflow-x:auto}.mono-avatar{width:28px;height:28px;border-radius:999px;background:#e8e8ed;color:#6e6e73;font-size:11px;font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase;line-height:1}.mono-avatar.size-sm{width:22px;height:22px;font-size:9px}.mono-avatar.size-lg{width:40px;height:40px;font-size:14px}.mono-avatar.size-xl{width:56px;height:56px;font-size:18px}.doc-type-chip{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;background:var(--bg-subtle);color:var(--text-tertiary)}.doc-type-chip.tp-invoice{background:var(--accent-50);color:var(--accent-700)}.doc-type-chip.tp-receipt{background:#feeadb;color:#733e00;color:oklch(.42 .1 60)}.doc-type-chip.tp-letter{background:#e2f0ff;background:oklch(.95 .03 250);color:#194f81}.doc-type-chip.tp-contract{background:#e4ebff;background:oklch(.94 .04 270);color:#34468e}.cb-x{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);background:var(--bg-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.cb-x.cb-on{background:var(--accent-600);border-color:var(--accent-600)}.cb-x.cb-on:after{content:"";width:9px;height:5px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(-45deg) translateY(-1px)}.cb-x.cb-indeterminate{background:var(--accent-600);border-color:var(--accent-600)}.cb-x.cb-indeterminate:after{content:"";width:9px;height:1.5px;background:#fff;transform:none;border:none}.cb-x:focus-visible{outline:none;box-shadow:var(--shadow-focus)}tr.selected .cb-x{border-color:#fff9;background:transparent}tr.selected .cb-x.cb-on{background:var(--text-onaccent);border-color:var(--text-onaccent)}tr.selected .cb-x.cb-on:after{border-color:var(--accent-600)}.field-x{display:flex;flex-direction:column;gap:6px;min-width:0}.field-x .field-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:0}.field-x .field-control{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);padding:0 12px;height:36px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%;min-width:0}.field-x .field-control:hover{border-color:var(--border-strong)}.field-x .field-control:focus,.field-x .field-control:focus-visible{border-color:var(--border-focus-ring);box-shadow:0 0 0 4px #0000000f}.field-x .field-control:disabled{background:var(--bg-subtle);color:var(--text-tertiary);cursor:not-allowed}.field-x .field-control.is-mono{font-family:var(--font-mono);font-size:13.5px}.field-x .field-control.is-right{text-align:right}.field-x.field-error .field-control{border-color:var(--status-overdue-fg);box-shadow:0 0 0 3px var(--status-overdue-bg)}.field-x .field-help{font-size:var(--text-xs);color:var(--text-tertiary)}.field-x .field-help.is-error{color:var(--status-overdue-fg)}.field-x textarea.field-control{padding:10px 12px;height:auto;min-height:80px;line-height:1.5;resize:vertical}.field-x .field-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b6b6b' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-color:var(--bg-surface);cursor:pointer}.field-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:20px 22px;box-shadow:0 1px 2px #0000000a}.field-group+.field-group{margin-top:16px}.field-group .field-group-title{font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px}.field-group .field-group-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px 16px}.field-group .field-group-grid .field-x{grid-column:span 6}.field-group .field-group-grid .field-x.col-3{grid-column:span 3}.field-group .field-group-grid .field-x.col-4{grid-column:span 4}.field-group .field-group-grid .field-x.col-6{grid-column:span 6}.field-group .field-group-grid .field-x.col-12{grid-column:span 12}@media (max-width: 720px){.field-group .field-group-grid{grid-template-columns:1fr}.field-group .field-group-grid .field-x,.field-group .field-group-grid .field-x.col-3,.field-group .field-group-grid .field-x.col-4,.field-group .field-group-grid .field-x.col-6,.field-group .field-group-grid .field-x.col-12{grid-column:span 1}}.sort-arrow{display:inline-flex;align-items:center;margin-left:4px;opacity:.4;transition:opacity var(--transition-fast)}.sort-arrow.is-active{opacity:1;color:var(--accent-600)}.bulk-bar-x{position:sticky;top:0;z-index:25;margin:0 0 12px;background:var(--accent-600);color:var(--text-onaccent);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);animation:bulkBarSlideDown .2s ease-out}@keyframes bulkBarSlideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-bar-x .bulk-count{font-size:13px;font-weight:500;white-space:nowrap}.bulk-bar-x .bulk-divider{width:1px;height:16px;background:#ffffff4d}.bulk-bar-x .bulk-actions{display:flex;gap:4px;flex-wrap:wrap}.bulk-bar-x .bulk-act-btn{background:#ffffff1f;color:var(--text-onaccent);border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;display:inline-flex;gap:4px;align-items:center;font-family:inherit;transition:background var(--transition-fast)}.bulk-bar-x .bulk-act-btn:hover{background:#ffffff38}.bulk-bar-x .bulk-act-btn:disabled{opacity:.45;cursor:not-allowed}.bulk-bar-x .bulk-act-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #fff6}.bulk-bar-x .bulk-spacer{flex:1}.bulk-bar-x .bulk-clear{background:transparent;border:none;color:var(--text-onaccent);opacity:.8;cursor:pointer;padding:4px;display:inline-flex;align-items:center;border-radius:4px}.bulk-bar-x .bulk-clear:hover{opacity:1;background:#ffffff1f}.page-header-x{position:sticky;top:0;z-index:20;padding:20px 32px 12px;background:var(--bg-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-subtle)}.page-header-x .ph-row{display:flex;align-items:flex-start;gap:16px}.page-header-x h1{margin:0;font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);font-family:var(--font-sans)}.page-header-x .ph-subtitle{margin-top:4px;font-size:13px;color:var(--text-secondary);display:inline-flex;flex-wrap:wrap;gap:14px;align-items:center}.page-header-x .ph-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.page-header-x .ph-children{margin-top:14px}@media (max-width: 1023px){.page-header-x{padding:14px 16px 10px}.page-header-x h1{font-size:24px}}.filter-bar-x{display:flex;flex-direction:column;gap:10px}.filter-bar-x .fb-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-bar-x .fb-search{position:relative;flex:1 1 320px;min-width:220px;max-width:480px}.filter-bar-x .fb-search input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);padding:0 12px 0 36px;height:36px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-bar-x .fb-search input:focus{border-color:var(--border-focus-ring);box-shadow:0 0 0 4px #0000000f}.filter-bar-x .fb-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-tertiary);display:inline-flex}.filter-bar-x .fb-spacer{flex:1}.filter-bar-x .fb-chip-wrap{position:relative}.split-x{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}@media (min-width: 1024px){.split-x.split-x-50{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split-x.split-x-58{grid-template-columns:minmax(0,580px) minmax(0,1fr)}}.split-x .split-pane-r{position:sticky;top:16px;height:calc(100vh - 32px)}@media (min-width: 1024px){.sidebar.sidebar-light{background:var(--bg-app)!important;color:var(--text-primary)!important;border-right:1px solid var(--border-subtle);padding:20px 12px}.sidebar.sidebar-light .sidebar-brand{border-bottom:none;padding:4px 12px 24px;display:flex;align-items:center;gap:8px}.sidebar.sidebar-light .sidebar-brand .brand-mark{width:28px;height:28px;border-radius:7px;background:var(--accent-600);display:inline-flex;align-items:center;justify-content:center;color:var(--text-onaccent);font-weight:700;font-size:14px;letter-spacing:-.5px}.sidebar.sidebar-light .sidebar-brand h2{font-size:16px;font-weight:600;letter-spacing:-.2px;color:var(--text-primary);margin:0}.sidebar.sidebar-light .sidebar-nav{padding:0}.sidebar.sidebar-light .nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;background:transparent;color:var(--text-secondary);border-radius:8px;font-size:14px;font-weight:500}.sidebar.sidebar-light .nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar.sidebar-light .nav-item.active{background:var(--bg-surface);box-shadow:var(--shadow-sm);color:var(--text-primary);font-weight:600}.sidebar.sidebar-light .sidebar-footer{border-top:1px solid var(--border-subtle);padding:12px}.sidebar.sidebar-light .sidebar-user{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.sidebar.sidebar-light .sidebar-user .user-meta{display:flex;flex-direction:column;min-width:0}.sidebar.sidebar-light .sidebar-user .user-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.sidebar-light .sidebar-user .user-mail{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.bottom-nav.bottom-nav-x{background:var(--bg-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border-subtle);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0));height:auto;min-height:var(--bottom-nav-height);align-items:center;justify-content:space-around}.bottom-nav.bottom-nav-x .nav-item{color:var(--text-tertiary);font-size:10px;gap:2px;padding:6px 4px;min-width:56px}.bottom-nav.bottom-nav-x .nav-item .nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:0}.bottom-nav.bottom-nav-x .nav-item.active{color:var(--accent-600);font-weight:600}.bottom-nav.bottom-nav-x .nav-item-plus{background:var(--accent-600);color:var(--text-onaccent);width:48px;height:48px;border-radius:999px;margin-top:-16px;box-shadow:0 6px 16px #1e2a4a59;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0}.bottom-nav.bottom-nav-x .nav-item-plus:active{transform:translateY(1px)}.bottom-nav.bottom-nav-x .nav-item-plus svg{color:var(--text-onaccent)}.more-page{padding:20px 16px 32px}.more-page h1{font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0 0 16px}.more-list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-bottom:16px}.more-list .more-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;text-align:left;font:inherit;font-size:15px;text-decoration:none}.more-list .more-item:last-child{border-bottom:none}.more-list .more-item:hover{background:var(--bg-hover)}.more-list .more-item .more-label{flex:1}.more-list .more-item .more-arrow{color:var(--text-tertiary)}.icloud-detail-shell{padding:0 32px 48px;max-width:var(--content-max);margin:0 auto}.icloud-detail-shell .detail-header-row{display:flex;align-items:center;gap:16px;padding:20px 0 16px}.icloud-detail-shell .detail-back{background:transparent;border:1px solid var(--border-default);border-radius:8px;padding:6px 12px 6px 8px;display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary);cursor:pointer;font-family:inherit}.icloud-detail-shell .detail-back:hover{background:var(--bg-hover);color:var(--text-primary)}.icloud-detail-shell .detail-title-block{flex:1;min-width:0}.icloud-detail-shell .detail-title-block h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary)}.icloud-detail-shell .detail-title-block .detail-title-meta{margin-top:2px;font-size:13px;color:var(--text-secondary)}.icloud-detail-shell .detail-actions{display:flex;gap:8px}@media (max-width: 1023px){.icloud-detail-shell{padding:0 16px 32px}}.show-desktop{display:none}.show-mobile{display:block}@media (min-width: 900px){.show-desktop{display:block!important}.show-mobile,.fab.show-mobile{display:none!important}}.tbl-x.tbl-virtual{table-layout:fixed;width:100%;min-width:980px}.tbl-x.tbl-virtual td{height:52px}.tbl-x.tbl-virtual thead th{position:sticky;top:0;z-index:15;background:var(--bg-table-header-new);box-shadow:0 1px 0 var(--border-subtle)}.spacer-row td{background:var(--bg-surface)!important}.documenten-page>.page-header-x,.leveranciers-page>.page-header-x,.aanschaffingen-page>.page-header-x{position:relative;z-index:25}.popover-x{z-index:40}.documenten-page .page-drop-overlay,.aanschaffingen-page .page-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-drop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.page-drop-overlay-card{background:var(--bg-surface);border:2px dashed var(--accent-600);border-radius:16px;padding:32px 48px;text-align:center;box-shadow:var(--shadow-lg)}.page-drop-overlay-icon{color:var(--accent-600);margin-bottom:8px}.page-drop-overlay-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.page-drop-overlay-sub{font-size:13px;color:var(--text-secondary)}.fab{background:var(--accent-600);box-shadow:0 4px 16px #1e2a4a59;border:none;width:var(--fab-size);height:var(--fab-size);border-radius:999px;color:var(--text-onaccent);display:inline-flex;align-items:center;justify-content:center;position:fixed;bottom:calc(var(--bottom-nav-height) + 16px);right:16px;z-index:50;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.fab:hover{background:var(--accent-700);transform:translateY(-1px)}.segmented{display:inline-flex;background:var(--bg-subtle);border-radius:var(--r-md);padding:2px;border:1px solid var(--border-subtle);width:fit-content}.segmented-opt{padding:6px 14px;background:transparent;border:none;border-radius:6px;font-family:var(--font-sans);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.segmented-opt.is-active{background:var(--bg-surface);box-shadow:var(--shadow-sm);color:var(--text-primary);font-weight:500}.segmented-opt:disabled{opacity:.5;cursor:not-allowed}.segmented-opt:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.mob-card-list{display:flex;flex-direction:column;gap:1px;background:var(--border-subtle);border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle)}.mob-card-list .mob-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-surface);cursor:pointer;border:none;width:100%;font:inherit;text-align:left;color:var(--text-primary)}.mob-card-list .mob-card:hover{background:var(--bg-hover)}.mob-card-list .mob-card.selected{background:var(--bg-selected);color:var(--text-onaccent)}.mob-card-list .mob-card.selected .mc-meta,.mob-card-list .mob-card.selected .mc-amount{color:var(--text-onaccent)}.mob-card-list .mc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mob-card-list .mc-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mob-card-list .mc-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mob-card-list .mc-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.mob-card-list .mc-amount{font-size:14px;font-variant-numeric:tabular-nums;font-weight:500}