.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg-carbon: #09090b;--panel-graphite: rgba(24, 24, 27, .7);--panel-border: rgba(161, 161, 170, .1);--surface: #18181b;--carbon: var(--bg-carbon);--glass-bg: rgba(24, 24, 27, .5);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 12px;--glass-blur-strong: 20px;--text-xs: clamp(.7rem, .65rem + .25vw, .8125rem);--text-sm: clamp(.8125rem, .75rem + .3vw, .9375rem);--text-base: clamp(.9375rem, .875rem + .3vw, 1.0625rem);--text-lg: clamp(1.0625rem, 1rem + .3vw, 1.2rem);--text-xl: clamp(1.2rem, 1.1rem + .5vw, 1.4rem);--text-2xl: clamp(1.35rem, 1.2rem + .75vw, 1.65rem);--primary: #14b8a6;--secondary: #f97316;--neon-teal: var(--primary);--neon-orange: var(--secondary);--neon-purple: #8b5cf6;--text: #f4f4f5;--text-muted: #f4f4f5;--text-primary: var(--text);--text-secondary: var(--text-muted);--success: #10b981;--error: #ef4444;--warn: #f59e0b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius: var(--radius-lg);--radius-btn: var(--radius-md);--sidebar-width: 260px;--header-height: 70px;--ease-mechanical: cubic-bezier(.4, 0, .2, 1);--transition: .2s var(--ease-mechanical)}.text-muted{color:var(--text-muted);font-size:var(--text-sm)}*{box-sizing:border-box}html{font-family:Outfit,system-ui,sans-serif;font-size:100%;background:var(--bg-carbon);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;height:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-size:var(--text-base);background:radial-gradient(circle at 50% 0%,#202022,#050505);overflow-x:hidden}html:has(.app-shell[data-current-view=registratie]){height:100%;height:100dvh;overflow:hidden}body:has(.app-shell[data-current-view=registratie]){height:100%;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}body:has(.app-shell[data-current-view=registratie])>.app-shell{flex:1;min-height:0}html.view-registratie{height:100%;height:100dvh;overflow:hidden}body.view-registratie{height:100%;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}body.view-registratie>.app-shell{flex:1;min-height:0}h1,h2,h3{letter-spacing:.1em;font-weight:700;text-transform:uppercase}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}input,select,textarea,button{font:inherit;font-size:var(--text-sm)}input,select,textarea{background:#00000040;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-btn);color:var(--text);-webkit-text-fill-color:var(--text);padding:.5rem .75rem;transition:border-color var(--transition),box-shadow var(--transition)}input::placeholder,textarea::placeholder{color:var(--text);opacity:.9;-webkit-text-fill-color:var(--text)}#view-registratie input:focus::placeholder,#view-registratie textarea:focus::placeholder,#view-registraties input:focus::placeholder{opacity:0;color:transparent;-webkit-text-fill-color:transparent}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--neon-teal);box-shadow:inset 0 0 0 1px var(--neon-teal)}select option{background:var(--surface);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-btn);border:2px solid transparent;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);box-shadow:inset 0 1px #fff3}.btn-primary{background:var(--primary);color:var(--bg-carbon)}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 4px 15px #14b8a659}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text);border-color:#ffffff26}.btn-secondary:hover{border-color:var(--primary);box-shadow:0 0 10px #ffffff0d}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 4px 24px -4px #0006}.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.registratie-actions-cell{display:flex;gap:.35rem;flex-wrap:wrap;white-space:nowrap}.registratie-actions-cell .btn-sm{flex-shrink:0}.btn-icon{padding:.4rem;display:inline-flex;align-items:center;justify-content:center;min-width:auto}.btn-icon svg{display:block}.data-table th{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs)}.form-group{margin-bottom:1rem}.form-group label{display:block;color:var(--text-muted);font-size:var(--text-sm);margin-bottom:.25rem}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border-right:1px solid var(--glass-border);padding:1rem;display:flex;flex-direction:column;transform:translate(-100%);visibility:hidden;transition:transform var(--transition),visibility var(--transition)}.sidebar.is-open{transform:translate(0);visibility:visible}.sidebar-brand{font-weight:700;letter-spacing:.1em;margin-bottom:1.5rem;font-size:var(--text-lg)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:var(--radius-btn);border:1px solid transparent;text-decoration:none;color:var(--text-muted);transition:all var(--transition)}.nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.85}.nav-link.active .nav-icon{opacity:1}.nav-link:hover{color:var(--text)}.nav-link.active{background:#ffffff0f;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text);border-color:#ffffff26;box-shadow:0 0 16px #ffffff08}.sidebar-footer{margin-top:auto;padding-top:2rem}.content{flex:1;padding:.75rem 1rem;overflow:auto;min-width:0;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.content-header{margin-bottom:.5rem;flex-shrink:0}.content-header h1{margin:0;font-size:var(--text-xl)}.content-header .user-email{color:var(--text-muted);margin:.25rem 0 0;font-size:var(--text-sm)}.content[data-current-view=registratie] .content-header{display:none}.content[data-current-view=instellingen]{overflow:hidden}.content[data-current-view=registratie]{overflow-x:hidden;overflow-y:hidden}#view-instellingen .view-card{padding:.75rem 1rem;max-height:100%;overflow:hidden;display:flex;flex-direction:column;gap:.5rem}#view-instellingen .settings-form{display:flex;flex-direction:column;gap:.5rem}#view-instellingen .form-group label{font-size:var(--text-sm)}#view-instellingen .form-hint{font-size:var(--text-xs);margin-top:.2rem}.content-top-bar{display:flex;align-items:center;margin-bottom:.25rem;flex-shrink:0;gap:.5rem;min-height:2.25rem}.sidebar-toggle-inline{display:flex;position:relative;top:auto;left:auto;z-index:0;width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-btn);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--text);cursor:pointer;align-items:center;justify-content:center;transition:background var(--transition);flex-shrink:0}.sidebar-toggle-inline:hover{background:#ffffff14}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition),visibility var(--transition),pointer-events 0s}.sidebar-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:992px){.content-top-bar .sidebar-toggle-inline{display:flex!important;position:relative!important;top:auto!important;left:auto!important;z-index:0!important}.app-shell[data-current-view=registratie]{height:100%;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.content{padding:.5rem .75rem;width:100%;min-height:100vh;min-height:100dvh}.app-shell[data-current-view=registratie] .content{padding:.1rem .35rem;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.app-shell[data-current-view=registratie] #view-registratie,.app-shell[data-current-view=registratie] .registratie-card{flex:1;min-height:0}.app-shell[data-current-view=registratie] .registratie-card{--registratie-field-gap: .24rem}.app-shell[data-current-view=registratie] #view-registratie{flex:1;min-height:0;display:flex;flex-direction:column}.app-shell[data-current-view=registratie] .registratie-actions{position:fixed;bottom:0;left:0;right:0;z-index:500;flex-shrink:0;background:var(--bg-carbon);border-top:1px solid var(--glass-border);padding:.35rem .6rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 12px #0000004d}@media(display-mode:standalone){.app-shell[data-current-view=registratie] .registratie-actions{z-index:9999}}.app-shell[data-current-view=registratie] .registratie-body{gap:calc(var(--registratie-field-gap) * 2);padding-top:calc(var(--registratie-field-gap) * .5);padding-bottom:calc(3.2rem + var(--registratie-field-gap) * .5);padding-bottom:calc(3.2rem + env(safe-area-inset-bottom,0px) + var(--registratie-field-gap) * .5)}.app-shell[data-current-view=registratie] .ai-field-inner{min-height:6.875rem;padding:.12rem .25rem}.app-shell[data-current-view=registratie] .ai-field-wrap{margin-bottom:calc(var(--registratie-field-gap) * 5.5);min-height:7.5rem}.app-shell[data-current-view=registratie] .registratie-form .form-group-compact label,.app-shell[data-current-view=registratie] .registratie-top .form-group-compact label{font-size:var(--text-sm)}.app-shell[data-current-view=registratie] .registratie-form .form-group-compact input,.app-shell[data-current-view=registratie] .registratie-form .form-group-compact select,.app-shell[data-current-view=registratie] .registratie-form .form-group-compact textarea{padding:.18rem .28rem;font-size:var(--text-sm)}.app-shell[data-current-view=registratie] .content-top-bar{min-height:1.25rem;margin-bottom:.03rem}.app-shell[data-current-view=registratie] .registratie-body,.app-shell[data-current-view=registratie] .registratie-form{gap:calc(var(--registratie-field-gap) * 1.5)}.app-shell[data-current-view=registratie] .registratie-header{margin-bottom:calc(var(--registratie-field-gap) * .5)}.app-shell[data-current-view=registratie] .registratie-top{display:flex;flex-direction:column;gap:var(--registratie-field-gap);margin-bottom:0;position:relative;z-index:10}.app-shell[data-current-view=registratie] .registratie-top .form-group-compact{min-width:0;width:100%}.app-shell[data-current-view=registratie] .crate-grid{gap:var(--registratie-field-gap) .2rem;margin-bottom:0;align-content:space-evenly}.app-shell[data-current-view=registratie] .field-retour{margin-top:0;padding-top:0;padding-bottom:0}.app-shell[data-current-view=registratie] .field-retour textarea{min-height:4em;height:4em;max-height:5em}.app-shell[data-current-view=registratie] .registratie-form{justify-content:stretch}.app-shell[data-current-view=registratie] .registratie-form fieldset,.app-shell[data-current-view=registratie] .crate-grid{flex:1 1 auto;min-height:0}#registratiesTable th:last-child,#registratiesTable td.registratie-actions-cell{position:sticky;right:0;background:var(--surface);box-shadow:-4px 0 12px #00000040;z-index:1}#registratiesTable thead th:last-child{z-index:2}}@media(max-width:480px){.content{padding:.35rem .5rem}.app-shell[data-current-view=registratie] .content{padding:.2rem .4rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-form input{background:#18181b!important;background-color:#18181b!important;color:#f4f4f5!important;-webkit-text-fill-color:#f4f4f5!important;border:1px solid rgba(255,255,255,.15)!important;caret-color:var(--neon-teal)}.login-form input::placeholder{color:#f4f4f5cc!important;-webkit-text-fill-color:rgba(244,244,245,.8)!important}.login-form input:-webkit-autofill,.login-form input:-webkit-autofill:hover,.login-form input:-webkit-autofill:focus,.login-form input:-webkit-autofill:active{-webkit-text-fill-color:#f4f4f5!important;-webkit-box-shadow:0 0 0 1000px #18181b inset!important;box-shadow:0 0 0 1000px #18181b inset!important;transition:background-color 5000s ease-in-out 0s}.login-card{max-width:360px;width:100%;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border)}.login-card h1{margin:0 0 .5rem;font-size:var(--text-2xl)}.login-card .subtitle{color:var(--text-muted);margin:0 0 1.5rem;font-size:var(--text-sm)}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .btn{width:100%}.install-instructions{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.install-instructions-overlay{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.install-instructions-content{position:relative;z-index:1;background:var(--panel-graphite);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;max-width:320px}.install-instructions-content h3{margin:0 0 .75rem;font-size:var(--text-lg)}.install-instructions-content p{margin:0 0 1rem;font-size:var(--text-sm);color:var(--text-muted)}.install-instructions-content .btn{width:100%}.view-card{margin-bottom:1rem;max-width:100%}.dashboard-kpi{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1rem;font-size:var(--text-sm);color:var(--text-muted)}.dashboard-kpi strong{color:var(--text);font-variant-numeric:tabular-nums}.dashboard-overview{display:flex;flex-direction:column;gap:1.5rem}.dashboard-kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.kpi-card{background:linear-gradient(135deg,#14b8a61f,#0000004d);border:1px solid rgba(20,184,166,.25);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;transition:transform var(--transition),box-shadow var(--transition)}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #14b8a626}.kpi-card .kpi-value{display:block;font-size:clamp(1.5rem,2vw + 1rem,2.25rem);font-weight:800;font-variant-numeric:tabular-nums;color:var(--neon-teal);letter-spacing:.02em;line-height:1.2}.kpi-card .kpi-label{display:block;margin-top:.35rem;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi-card .kpi-icon{display:block;opacity:.7;margin-bottom:.35rem}.kpi-card-teal .kpi-icon{color:var(--neon-teal)}.kpi-card-orange .kpi-icon{color:var(--neon-orange)}.kpi-card-purple .kpi-icon{color:var(--neon-purple)}.kpi-card-teal{border-color:#14b8a64d}.kpi-card-orange{border-color:#f973164d;background:linear-gradient(135deg,#f973161a,#0000004d)}.kpi-card-purple{border-color:#8b5cf64d;background:linear-gradient(135deg,#8b5cf61a,#0000004d)}.kpi-trend{display:block;margin-top:.2rem;font-size:.7rem;font-variant-numeric:tabular-nums}.kpi-trend-up{color:var(--success, #10b981)}.kpi-trend-down{color:var(--text-muted)}.dashboard-charts-grid{display:grid;grid-template-columns:1fr;gap:1rem}.dashboard-chart-card{background:#0003;border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:1rem;transition:transform var(--transition),box-shadow var(--transition)}.dashboard-chart-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #14b8a626}.daily-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.25rem;min-height:120px;padding-top:.5rem}.daily-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem}.daily-bar-wrap{width:100%;min-height:60px;display:flex;align-items:flex-end;justify-content:center}.daily-bar{width:80%;max-width:24px;min-height:2px;background:linear-gradient(to top,var(--neon-teal) 0%,rgba(20,184,166,.5) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .4s var(--ease-mechanical)}.daily-value{font-size:.65rem;font-variant-numeric:tabular-nums;color:var(--neon-teal)}.daily-label{font-size:.6rem;color:var(--text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis}.donut-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.donut-chart{position:relative;width:140px;height:140px;border-radius:50%;flex-shrink:0}.donut-chart:before{content:"";position:absolute;inset:12px;background:var(--bg-carbon);border-radius:50%}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--text);z-index:2}.donut-center strong{font-size:var(--text-lg);color:var(--neon-teal)}.donut-center small{font-size:.65rem;color:var(--text-muted)}.donut-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:var(--text-xs);color:var(--text-muted)}.donut-legend-item{display:inline-flex;align-items:center;gap:.35rem}.donut-legend-dot{width:8px;height:8px;border-radius:50%}.stat-bar-row{display:grid;grid-template-columns:50px 1fr 2rem;gap:.5rem;align-items:center}.stat-bar-label{font-size:var(--text-xs);color:var(--text-muted)}.stat-bar-track{height:6px;background:#0006;border-radius:var(--radius-sm);overflow:hidden}.stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-purple) 0%,rgba(139,92,246,.6) 100%);border-radius:var(--radius-sm);transition:width .3s var(--ease-mechanical)}.stat-bar-value{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--neon-purple);font-weight:600}.dashboard-top-debiteuren .stat-bars,.dashboard-retour-week .stat-bars,.dashboard-retour-klant .stat-bars{gap:.35rem}.dashboard-retour-filter{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1rem}.dashboard-retour-filter .form-group-compact{margin-bottom:0}.dashboard-retour-filter .form-group-compact label{font-size:var(--text-xs);display:block;margin-bottom:.25rem}.stat-bar-row-retour{align-items:flex-start}.stat-bar-row-retour .stat-bar-label-wrap{display:flex;flex-direction:column;gap:.25rem;min-width:100px;max-width:280px}.stat-bar-row-retour .stat-bar-retour-teksten{font-size:.75rem;color:var(--text-muted);line-height:1.3;word-break:break-word}.stat-bars-retour-klant .stat-bar-row{grid-template-columns:minmax(100px,1fr) 1fr 2.5rem}@media(max-width:640px){.stat-bars-retour-klant .stat-bar-row{grid-template-columns:1fr 2.5rem;grid-template-rows:auto auto}.stat-bar-row-retour .stat-bar-label-wrap{grid-column:1 / -1;max-width:none}.stat-bar-row-retour .stat-bar-track{grid-column:1}.stat-bar-row-retour .stat-bar-value{grid-column:2;grid-row:1 / 3;align-self:center}}.dashboard-quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--panel-border)}.dashboard-quick-actions .quick-action-btn{display:inline-flex;align-items:center;gap:.5rem}.registraties-summary{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:.75rem;font-size:var(--text-sm);color:var(--text-muted)}.registraties-summary strong{color:var(--text);font-variant-numeric:tabular-nums}.dashboard-filter{margin-bottom:1rem}.dashboard-filter .filter-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.registraties-filter{margin-bottom:1rem}.registraties-filter .filter-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.registraties-filter .form-group-compact{margin-bottom:0;flex:1 1 auto;min-width:0}.registraties-filter .form-group-compact label{font-size:var(--text-xs)}.dashboard-filter .form-group-compact{margin-bottom:0}.dashboard-filter .form-group-compact label{font-size:var(--text-xs)}.users-filter,.users-filter-row{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.users-filter .form-group-compact,.users-filter-row .form-group-compact{margin-bottom:0;max-width:180px}.users-filter .form-group-compact label,.users-filter-row .form-group-compact label{font-size:var(--text-xs)}.dashboard-chart-wrap{margin-bottom:1.25rem;padding:1rem;background:#0003;border:1px solid var(--panel-border);border-radius:var(--radius-md);transition:transform var(--transition),box-shadow var(--transition)}.dashboard-chart-wrap:hover{transform:translateY(-2px);box-shadow:0 4px 20px #14b8a626}.dashboard-chart-title{margin:0 0 .75rem;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.dashboard-chart-bars{display:flex;flex-direction:column;gap:.5rem}.chart-bar-row{display:grid;grid-template-columns:100px 1fr 2.5rem;gap:.75rem;align-items:center}.chart-bar-label{font-size:var(--text-xs);color:var(--text-muted)}.chart-bar-track{height:8px;background:#0006;border-radius:var(--radius-sm);overflow:hidden}.chart-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-teal) 0%,rgba(20,184,166,.6) 100%);border-radius:var(--radius-sm);transition:width .3s var(--ease-mechanical)}.chart-bar-fill-colored{background:var(--bar-color, var(--neon-teal))}.chart-bar-value{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--neon-teal);font-weight:600}.data-table tfoot .data-table-total td{border-top:1px solid rgba(255,255,255,.2);padding-top:.75rem;font-weight:600;color:var(--text);background:#ffffff05}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1rem}.stats-grid.stats-kpi{margin-bottom:1.5rem}.stat-box{background:#0003;border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:1rem;text-align:center;transition:transform var(--transition),box-shadow var(--transition)}.stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.stat-box-teal{background:linear-gradient(135deg,#14b8a61f,#00000040);border-color:#14b8a64d}.stat-box-teal .stat-value{color:var(--neon-teal)}.stat-box-orange{background:linear-gradient(135deg,#f973161f,#00000040);border-color:#f973164d}.stat-box-orange .stat-value{color:var(--neon-orange)}.stat-box-purple{background:linear-gradient(135deg,#8b5cf61f,#00000040);border-color:#8b5cf64d}.stat-box-purple .stat-value{color:var(--neon-purple)}.stat-value{display:block;font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--neon-teal)}.stat-label{font-size:var(--text-xs);color:var(--text-muted)}.stats-top-debiteuren{margin-bottom:1.25rem}.stat-bars{display:flex;flex-direction:column;gap:.5rem}.stat-bar-row{display:grid;grid-template-columns:3rem 1fr 2.5rem;gap:.75rem;align-items:center}.stat-bar-label{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-muted)}.stat-bar-track{height:10px;background:#0006;border-radius:var(--radius-sm);overflow:hidden}.stat-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .4s var(--ease-mechanical)}.stat-bar-teal{background:linear-gradient(90deg,var(--neon-teal) 0%,rgba(20,184,166,.6) 100%)}.stat-bar-value{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--neon-teal);font-weight:600}.view-card .stats-line{margin:0 0 .5rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}#view-registratie{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.registratie-card{max-width:min(100%,960px);width:100%;padding:.2rem .5rem;margin:0 auto;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;box-sizing:border-box}@media(min-width:993px){.app-shell[data-current-view=registratie]{height:100%;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-shell[data-current-view=registratie] .content{overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.app-shell[data-current-view=registratie] #view-registratie,.app-shell[data-current-view=registratie] .registratie-card{flex:1;min-height:0}.registratie-card{max-width:min(100%,1200px);padding:.75rem 1.5rem}.app-shell[data-current-view=registratie] .content{padding:.35rem 1rem}.app-shell[data-current-view=registratie] .registratie-card{padding:.4rem 1.15rem;--registratie-field-gap: .35rem}.app-shell[data-current-view=registratie] .content-top-bar{min-height:1.6rem;margin-bottom:.1rem}.app-shell[data-current-view=registratie] .registratie-header{padding-bottom:.05rem;margin-bottom:calc(var(--registratie-field-gap) * .5)}.app-shell[data-current-view=registratie] .ai-field-wrap{min-height:9.5rem;margin-bottom:calc(var(--registratie-field-gap) * 5.5)}.app-shell[data-current-view=registratie] .ai-field-inner{padding:.2rem .35rem}.app-shell[data-current-view=registratie] .registratie-top{gap:var(--registratie-field-gap)}.app-shell[data-current-view=registratie] .registratie-body{gap:calc(var(--registratie-field-gap) * 2);padding-top:calc(var(--registratie-field-gap) * .5);padding-bottom:calc(var(--registratie-field-gap) * 1.5)}.app-shell[data-current-view=registratie] .registratie-form{gap:calc(var(--registratie-field-gap) * 1.5)}.app-shell[data-current-view=registratie] .registratie-form .form-group-compact label,.app-shell[data-current-view=registratie] .registratie-top .form-group-compact label{font-size:var(--text-sm);margin-bottom:.06rem}.app-shell[data-current-view=registratie] .registratie-form .form-group-compact input,.app-shell[data-current-view=registratie] .registratie-form .form-group-compact select,.app-shell[data-current-view=registratie] .registratie-form .form-group-compact textarea{padding:.25rem .35rem}.app-shell[data-current-view=registratie] .crate-grid{gap:var(--registratie-field-gap) .4rem}.app-shell[data-current-view=registratie] .field-retour{margin-top:0;padding-top:0;padding-bottom:0}.app-shell[data-current-view=registratie] .field-retour textarea{min-height:3em;height:3em;max-height:4em}#view-registraties .view-card,#view-dashboard .view-card,#view-klanten .view-card,#view-instellingen .view-card,#view-users .view-card{max-width:min(100%,1200px);margin-left:auto;margin-right:auto;padding:.75rem 1.5rem}#view-registraties .registraties-filter .filter-row{gap:1rem}}@media(min-width:1100px){.app-shell[data-current-view=registratie] .crate-grid,.crate-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.75rem 1rem}.app-shell[data-current-view=registratie] .field-retour,.field-retour{grid-column:span 5}}@media(display-mode:standalone)and (min-width:993px){.app-shell[data-current-view=registratie] .crate-grid,.crate-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.app-shell[data-current-view=registratie] .field-retour,.field-retour{grid-column:span 3}}@media(min-width:1400px){.registratie-card,#view-registraties .view-card,#view-dashboard .view-card,#view-klanten .view-card,#view-instellingen .view-card,#view-users .view-card{max-width:min(100%,1400px);padding:1rem 2rem}}.registratie-header{flex-shrink:0;padding-bottom:.2rem;position:relative;z-index:10;margin-bottom:0;overflow:visible}.registratie-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.25rem;padding-bottom:0;scroll-padding-bottom:0}.registratie-actions{flex-shrink:0;flex-grow:0;margin-top:0}.registratie-form{display:flex;flex-direction:column;gap:.25rem;flex:1;min-height:0}.form-actions{flex-shrink:0;display:flex;gap:.5rem;flex-wrap:wrap;padding-top:0;margin-top:0;border-top:1px solid var(--glass-border)}.registratie-top{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:0;min-width:0;max-width:100%;position:relative;z-index:2}.registratie-top .form-group-compact{flex:1;min-width:140px}.debiteur-field input{width:100%}.debiteur-combobox .debiteur-input-wrap{position:relative;display:flex;align-items:stretch;width:100%}.debiteur-combobox #klant_id_input{flex:1;min-width:0;padding-right:2rem}.debiteur-combobox .debiteur-arrow{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);padding:.2rem;font-size:.65em;color:var(--text-muted, #9ca3af);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;user-select:none}.debiteur-combobox .debiteur-arrow:hover{color:var(--text)}.debiteur-dropdown-list{position:absolute;top:100%;left:0;right:0;margin-top:2px;max-height:200px;overflow-y:auto;background:var(--bg-carbon, #1f2937);border:1px solid var(--glass-border, #374151);border-radius:.25rem;z-index:9999;display:none}.debiteur-dropdown-list.is-open{display:block}.debiteur-dropdown-option{padding:.4rem .5rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.debiteur-dropdown-option:hover,.debiteur-dropdown-option:focus{background:var(--glass-border, #374151)}@media(min-width:993px){.registratie-top{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;flex-wrap:unset}.registratie-top .form-group-compact{min-width:0}.app-shell[data-current-view=registratie] .registratie-actions{flex-shrink:0;margin-top:0;background:var(--bg-carbon);border-top:1px solid var(--glass-border);padding:.25rem .65rem}.app-shell[data-current-view=registratie] .registratie-actions .btn{padding:.5rem 1rem;font-size:.85em}.registratie-top .form-group-compact input,.registratie-top .form-group-compact select{font-size:var(--text-base);padding:.4rem .5rem}}.form-group-compact{margin-bottom:0}.form-group-compact label{font-size:var(--text-xs);margin-bottom:.05rem}.form-group-compact input,.form-group-compact select,.form-group-compact textarea{padding:.25rem .35rem;font-size:var(--text-sm);min-width:0;box-sizing:border-box}.form-group-compact textarea{line-height:1.4}.registratie-form .form-group-compact label{font-size:var(--text-sm);margin-bottom:.15rem}.registratie-form .form-group-compact input,.registratie-form .form-group-compact select,.registratie-form .form-group-compact textarea{padding:.4rem .5rem;font-size:var(--text-base)}.invite-form .invite-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.invite-form .form-group{margin-bottom:0;flex:1;min-width:140px}@media(max-width:480px){.invite-form .form-group{min-width:100%;flex:1 1 100%}.invite-form .invite-row button{width:100%}}#view-users input,#view-users select,#view-instellingen input,#view-instellingen select,#view-dashboard input,#view-dashboard select{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;background-color:#18181b!important;caret-color:var(--neon-teal)}#view-users input::placeholder,#view-instellingen input::placeholder,#view-dashboard input::placeholder{color:#f4f4f5bf!important;-webkit-text-fill-color:rgba(244,244,245,.75)!important}#view-users input:-webkit-autofill,#view-users input:-webkit-autofill:hover,#view-users input:-webkit-autofill:focus,#view-users input:-webkit-autofill:active,#view-instellingen input:-webkit-autofill,#view-instellingen input:-webkit-autofill:hover,#view-instellingen input:-webkit-autofill:focus,#view-instellingen input:-webkit-autofill:active,#view-dashboard input:-webkit-autofill,#view-dashboard input:-webkit-autofill:hover,#view-dashboard input:-webkit-autofill:focus,#view-dashboard input:-webkit-autofill:active{-webkit-text-fill-color:#f4f4f5!important;-webkit-box-shadow:0 0 0 1000px #18181b inset!important;box-shadow:0 0 0 1000px #18181b inset!important;transition:background-color 5000s ease-in-out 0s}#view-users select,#view-dashboard select{appearance:none;-webkit-appearance:none;background-color:#18181b!important;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' stroke='%23f4f4f5' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}#view-users select option,#view-dashboard select option{background:var(--surface);color:var(--text)}.role-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.role-admin{background:#8b5cf633;color:#a78bfa}.role-driver{background:#f59e0b33;color:#fbbf24}.role-customer{background:#14b8a633;color:var(--neon-teal)}.btn-sm{padding:.35rem .75rem;font-size:var(--text-sm)}.crate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem .55rem;margin-bottom:0;border:none;padding:0;align-items:start;max-width:100%;min-width:0;flex:1;min-height:0;position:relative;z-index:2}.crate-grid .form-group-compact{min-width:0;overflow:visible}.crate-grid .form-group-compact input{width:100%;min-width:0}.registratie-form fieldset{min-width:0;max-width:100%;flex:1;min-height:0}.app-shell[data-current-view=registratie] .registratie-form{justify-content:flex-start}.app-shell[data-current-view=registratie] .registratie-form fieldset,.app-shell[data-current-view=registratie] .crate-grid{flex:1 1 auto;min-height:0}.field-retour{grid-column:span 3;margin-top:.15rem;scroll-margin-bottom:4rem}.field-retour textarea{min-height:2.8em;max-height:6em;height:2.8em;max-width:100%;resize:vertical;width:100%;box-sizing:border-box;padding:.25rem .35rem}@media(min-width:993px){.field-retour{margin-top:.5rem;padding-top:.5rem;padding-bottom:1rem;scroll-margin-bottom:6rem}.field-retour textarea{min-height:6em;height:6em;max-height:none;resize:none;padding:.5rem .6rem}}@media(max-width:992px){.crate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-retour{grid-column:span 3}}@media(max-width:768px){.crate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem .5rem}.field-retour{grid-column:span 3}.registratie-top{flex-direction:column;gap:.5rem}.registratie-top .form-group-compact{min-width:0;width:100%}.content{padding:.5rem .75rem}.content-header{margin-bottom:.35rem}.content-header h1{font-size:var(--text-lg)}.ai-input-row{gap:.3rem}.ai-submit-btn{width:100%}}@media(max-width:480px){.crate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .4rem}.app-shell[data-current-view=registratie] .crate-grid{gap:.1rem .2rem}.field-retour{grid-column:span 3}.field-retour textarea{min-height:2.8em;height:2.8em;max-height:6em}.registratie-form .form-actions{flex-direction:row}.registratie-form .form-actions .btn{flex:1}.registratie-card{padding:.15rem .35rem}.app-shell[data-current-view=registratie] .registratie-actions{padding:.1rem .4rem;padding-bottom:calc(.1rem + env(safe-area-inset-bottom,0px));min-height:2.5rem}.app-shell[data-current-view=registratie] .registratie-actions .btn{min-height:2.1rem;padding:.35rem .6rem}.app-shell[data-current-view=registratie] .ai-field-inner{min-height:7.5rem}.app-shell[data-current-view=registratie] .ai-field-wrap{min-height:9rem}}@media(orientation:landscape)and (max-height:600px){html:has(.app-shell[data-current-view=registraties]),html.view-registraties{height:100%;height:100dvh;overflow:hidden}body:has(.app-shell[data-current-view=registraties]),body.view-registraties{height:100%;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}body:has(.app-shell[data-current-view=registraties])>.app-shell,body.view-registraties>.app-shell{flex:1;min-height:0}.app-shell[data-current-view=registraties]{width:100%;overflow-x:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.app-shell[data-current-view=registraties] .content{flex:1;padding:.2rem .3rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;min-height:0;min-width:0;width:100%}.app-shell[data-current-view=registraties] .content-top-bar{min-height:1.5rem;margin-bottom:.1rem;flex-shrink:0}.app-shell[data-current-view=registraties] .content-header{margin-bottom:.2rem;flex-shrink:0}.app-shell[data-current-view=registraties] .content-header h1{font-size:var(--text-sm);margin:0}.app-shell[data-current-view=registraties] .content-header .user-email{display:none}.app-shell[data-current-view=registraties] #view-registraties{flex:0 0 auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:visible}.app-shell[data-current-view=registraties] .view-card{padding:.25rem .35rem;flex:0 0 auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:visible}.app-shell[data-current-view=registraties] .registraties-filter .filter-row{display:flex;flex-wrap:wrap;gap:.2rem .35rem;align-items:flex-end;margin-bottom:.2rem;flex-shrink:0}.app-shell[data-current-view=registraties] .registraties-filter .form-group-compact{flex:1 1 auto;min-width:0;margin-bottom:0}.app-shell[data-current-view=registraties] .registraties-filter .form-group-compact label{font-size:.6rem}.app-shell[data-current-view=registraties] .registraties-filter .form-group-compact input,.app-shell[data-current-view=registraties] .registraties-filter .form-group-compact select{padding:.12rem .2rem;font-size:.65rem}.app-shell[data-current-view=registraties] .registraties-filter .btn{flex-shrink:0;padding:.2rem .35rem;font-size:var(--text-xs)}.app-shell[data-current-view=registraties] .registraties-filter #registratiesCsvBtn{font-size:0;padding:.2rem .3rem}.app-shell[data-current-view=registraties] .registraties-filter #registratiesCsvBtn:after{content:"CSV";font-size:var(--text-xs);font-weight:600}.app-shell[data-current-view=registraties] .registraties-filter #registratiesCsvEmailBtn{font-size:0;padding:.2rem .3rem}.app-shell[data-current-view=registraties] .registraties-filter #registratiesCsvEmailBtn:after{content:"Mail";font-size:var(--text-xs);font-weight:600}.app-shell[data-current-view=registraties] .registraties-summary{margin-bottom:.2rem;gap:.4rem .75rem;font-size:.7rem;flex-shrink:0}.app-shell[data-current-view=registraties] .dashboard-chart-wrap{margin-bottom:.5rem;padding:.5rem .75rem}.app-shell[data-current-view=registraties] .dashboard-chart-title{margin-bottom:.5rem}.app-shell[data-current-view=registraties] .table-wrap{flex:0 0 auto;overflow-x:hidden;overflow-y:visible;min-width:0;width:100%}.app-shell[data-current-view=registraties] .data-table{table-layout:fixed;width:100%;min-width:0}.app-shell[data-current-view=registraties] .data-table th,.app-shell[data-current-view=registraties] .data-table td{padding:.15rem .2rem;font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell[data-current-view=registraties] .data-table th{font-size:.55rem}.app-shell[data-current-view=registraties] .registratie-actions-cell .btn-icon{padding:.2rem}.app-shell[data-current-view=registraties] .registratie-actions-cell .btn-icon svg{width:14px;height:14px}.app-shell[data-current-view=registraties] #registratiesError{font-size:.7rem;margin-bottom:.2rem}@media(max-width:992px){.app-shell[data-current-view=registratie] .registratie-top{display:flex;flex-direction:column;gap:.2rem}.app-shell[data-current-view=registratie] .registratie-top .form-group-compact{min-width:0;width:100%}.app-shell[data-current-view=registratie] .crate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}}@property --ai-ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.ai-field-wrap{position:relative;border-radius:var(--radius-lg);flex-shrink:0;margin-bottom:.75rem;overflow:hidden;isolation:isolate;margin-top:0;min-height:13.75rem}.ai-border-gradient{position:absolute;inset:0;--ai-ring-angle: 0deg;background:conic-gradient(from var(--ai-ring-angle),#14b8a6,#8b5cf6,#ec4899,#14b8a6);animation:ai-border-rotate 25s linear infinite;z-index:0;pointer-events:none}.ai-field-wrap:before{content:"";position:absolute;inset:1px;background:var(--bg-carbon);border-radius:calc(var(--radius-lg) - 1px);z-index:1;pointer-events:none}.ai-field-inner{position:absolute;inset:1px;z-index:2;background:var(--bg-carbon);border-radius:calc(var(--radius-lg) - 1px);padding:.15rem .3rem;display:flex;flex-direction:column;gap:.1rem;min-height:0}.ai-scroll-area{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem}.ai-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.3rem;flex-shrink:0;margin-top:.1rem}@keyframes ai-border-rotate{to{--ai-ring-angle: 360deg}}.ai-input-row{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.ai-textarea{flex:0 0 auto;min-width:120px;min-height:2.5rem;padding:.2rem .3rem;font-size:var(--text-sm);resize:none;line-height:1.35;border:none;background:transparent;box-shadow:none}.ai-field-wrap .ai-textarea:focus{outline:none;box-shadow:none}.ai-buttons{display:flex;flex-direction:row;align-items:center;gap:.25rem;position:relative}.ai-btn-mic.recording{color:var(--danger);border-color:#ef444480;animation:ai-mic-pulse 1.5s ease-in-out infinite}@keyframes ai-mic-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.ai-btn{width:2rem;height:2rem;padding:0;border:1px solid var(--glass-border);background:#0003;border-radius:var(--radius-btn);color:var(--text);cursor:pointer;font-size:.95rem;transition:all var(--transition);flex-shrink:0;display:flex;align-items:center;justify-content:center}.ai-btn:hover{border-color:var(--neon-teal);background:#14b8a61a}.ai-btn.recording{background:var(--error);border-color:var(--error);animation:pulse-rec 1s ease-in-out infinite}@keyframes pulse-rec{50%{opacity:.7}}.ai-submit-btn{padding:.3rem .6rem;font-size:var(--text-xs);font-weight:600;white-space:nowrap;flex-shrink:0}.ai-send-btn{min-width:2.5rem;height:2.5rem;padding:0 .6rem;border:none;border-radius:var(--radius-btn);background:var(--neon-teal);color:#0f172a;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all var(--transition);flex-shrink:0;font-weight:600;font-size:var(--text-sm)}.ai-send-btn-text{white-space:nowrap}.ai-send-btn:hover{background:#0d9488;transform:translateY(-1px);box-shadow:0 4px 12px #14b8a659}.ai-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-filled-field{border:1px solid var(--neon-teal)!important;background:#14b8a61f!important;box-shadow:0 0 12px #14b8a659;transition:all .3s var(--ease-mechanical);border-radius:var(--radius-md)}.ai-media-preview{display:flex;flex-wrap:wrap;gap:.2rem;flex-shrink:0;min-height:.9rem}.ai-preview-tag{background:#ffffff14;padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.7rem;cursor:pointer;border:1px solid var(--glass-border)}.ai-preview-tag:hover{background:var(--error)}.ai-status{color:var(--text-muted);font-size:var(--text-xs);flex-shrink:0}.ai-capture-modal{display:none;position:fixed;inset:0;z-index:1100;align-items:center;justify-content:center;padding:1rem}.ai-capture-modal.is-open{display:flex}.ai-capture-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ai-capture-dialog{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem;max-width:420px;width:100%;box-shadow:0 24px 48px -12px #00000080}.ai-capture-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.ai-capture-header h3{margin:0;font-size:var(--text-lg)}.ai-capture-close{width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.ai-capture-close:hover{color:var(--text)}.ai-capture-video{width:100%;max-height:320px;border-radius:var(--radius-md);background:#000}.ai-capture-actions{margin-top:.75rem}.ai-capture-voice-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:.5rem;font-size:var(--text-sm)}.ai-capture-buttons{display:flex;gap:.5rem}.ai-capture-hint{font-size:var(--text-xs);color:var(--text-muted);margin:.5rem 0 0}.ai-capture-upload{margin:.5rem 0 0}.ai-capture-upload .btn{margin-right:.5rem}.form-hint{color:var(--text-muted);font-size:var(--text-sm);margin-top:.25rem}.form-error{color:var(--error);font-size:var(--text-sm);margin:0 0 .5rem;display:none}.form-success{color:var(--success);font-size:var(--text-sm);margin:0 0 .5rem}.link-secondary{color:var(--neon-teal);text-decoration:none;font-size:var(--text-sm)}.link-secondary:hover{text-decoration:underline}.login-footer{margin-top:1rem;text-align:center}