:root{--tj-primary: #AD57A2;--tj-on-primary: #FFFFFF;--tj-danger: #BA1A1A;--tj-bg: #FFFFFF;--tj-surface: #FFFFFF;--tj-surface-2: #F3F4F6;--tj-text: #1F2430;--tj-text-variant: #6B7280;--tj-outline: #E5E7EB;--tj-fs-page: 28px;--tj-fw-page: 700;--tj-fs-section: 20px;--tj-fw-section: 700;--tj-fs-card: 18px;--tj-fw-card: 600;--tj-fs-body: 15px;--tj-fw-body: 400;--tj-fs-label: 12px;--tj-fw-label: 600;--tj-fs-button: 14px;--tj-fw-button: 600;--tj-fs-caption: 12px;--tj-fw-caption: 400;--tj-lh-page: 1.2;--tj-lh-section: 1.3;--tj-lh-card: 1.3;--tj-lh-body: 1.5;--tj-lh-label: 1.3;--tj-lh-button: 1.2;--tj-lh-caption: 1.4;--tj-space-1: 4px;--tj-space-2: 8px;--tj-space-3: 12px;--tj-space-4: 16px;--tj-space-5: 20px;--tj-space-6: 24px;--tj-space-8: 32px;--tj-r-s: 8px;--tj-r-m: 12px;--tj-r-l: 16px;--tj-r-full: 9999px;--tj-btn-pad-y: 12px;--tj-btn-pad-x: 24px;--tj-chip-pad-y: 8px;--tj-chip-pad-x: 14px;--tj-field-pad-y: 12px;--tj-field-pad-x: 14px;--tj-menu-pad: 14px;--tj-spring: cubic-bezier(.34, 1.56, .64, 1);--tj-standard: cubic-bezier(.2, 0, 0, 1);--tj-shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 4px 16px rgba(0, 0, 0, .05);--tj-shadow-pop: 0 12px 32px rgba(0, 0, 0, .18)}[data-theme=dark]{--tj-primary: #E5B5DC;--tj-on-primary: #4E1949;--tj-bg: #16181C;--tj-surface: #1C1A1F;--tj-surface-2: #2F282D;--tj-text: #EADFE4;--tj-text-variant: #D2C2CC;--tj-outline: #4F444C;--tj-shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 4px 16px rgba(0, 0, 0, .35);--tj-shadow-pop: 0 12px 32px rgba(0, 0, 0, .5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid transparent;border-radius:var(--tj-r-full);padding:var(--tj-btn-pad-y) var(--tj-btn-pad-x);font:inherit;font-size:var(--tj-fs-button);font-weight:var(--tj-fw-button);line-height:var(--tj-lh-button);cursor:pointer;background:var(--tj-primary);color:var(--tj-on-primary);transition:transform .25s var(--tj-spring),border-radius .25s var(--tj-spring),opacity .15s,background .15s}.btn:hover:not(:disabled){transform:scale(1.02)}.btn:active:not(:disabled){transform:scale(.97);border-radius:var(--tj-r-m)}.btn:disabled{opacity:.45;cursor:default}.btn.outlined{background:transparent;color:var(--tj-text);border:1px solid var(--tj-outline)}.btn.outlined:hover:not(:disabled){background:color-mix(in srgb,var(--tj-text) 7%,transparent)}.btn.text{width:auto;background:transparent;color:var(--tj-primary);border-color:transparent;padding:var(--tj-btn-pad-y) 12px}.btn.text:hover:not(:disabled){background:color-mix(in srgb,var(--tj-primary) 10%,transparent)}.btn.danger{background:color-mix(in srgb,var(--tj-danger) 14%,transparent);color:var(--tj-danger)}.btn.icon{width:auto;padding:8px;border-radius:var(--tj-r-full);background:transparent;color:var(--tj-text-variant)}.btn.icon:hover:not(:disabled){background:var(--tj-surface-2)}.card{background:var(--tj-surface);border:1px solid var(--tj-outline);border-radius:var(--tj-r-l);padding:var(--tj-space-5);box-shadow:var(--tj-shadow);animation:tj-card-enter .4s var(--tj-spring)}@keyframes tj-card-enter{0%{transform:translateY(14px) scale(.98);opacity:0}}.field-hint{font-size:var(--tj-fs-caption);color:var(--tj-text-variant);margin-top:2px}.field-error{font-size:var(--tj-fs-caption);color:var(--tj-danger);margin-top:2px}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--tj-space-3);margin-top:var(--tj-space-5)}.dialog-actions .btn{width:auto}.segmented{display:flex;width:100%;background:transparent;border:1px solid var(--tj-outline);border-radius:var(--tj-r-full);overflow:hidden}.segmented .seg{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-left:1px solid var(--tj-outline);background:transparent;color:var(--tj-text);padding:10px 12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.segmented .seg:first-child{border-left:none}.segmented .seg:hover:not(.active){background:color-mix(in srgb,var(--tj-text) 8%,transparent)}.segmented .seg.active{background:var(--tj-primary);color:var(--tj-on-primary)}.login-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:#fff;font-family:Segoe UI,system-ui,Roboto,sans-serif}.login-toprow{width:100%;max-width:400px;display:flex;align-items:center;justify-content:space-between}.login-card{max-width:400px;width:100%;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 4px 16px #0000000f}.login-logo{width:64px;height:64px}.login-card h1{font-size:28px;font-weight:600;color:#201a1e;margin:4px 0 0}.login-card h1+.login-subtitle{margin-top:0}.login-subtitle{font-size:14px;line-height:1.45;color:#4f444c;margin:0 0 12px}.login-card .btn,.login-card .btn.social,.login-card .btn.outlined,.login-google,.login-email{width:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;border-radius:9999px;font-family:inherit;cursor:pointer;background:#fff;color:#1f1f1f;border:1px solid #E5E7EB}.login-card .btn svg,.login-google svg,.login-email svg{width:18px;height:18px}.login-card .btn:hover:not(:disabled),.login-google:hover:not(:disabled),.login-email:hover:not(:disabled){background:#f5f5f5}.login-card .btn:disabled{opacity:.5;cursor:default}.login-version{font-size:12px;color:#4f444c;text-align:center;margin-top:4px}.ico{flex-shrink:0;vertical-align:-.15em}.lang-dropdown{position:relative;display:inline-flex}.lang-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--tj-outline);background:var(--tj-surface);color:var(--tj-text);border-radius:var(--tj-r-full);padding:8px 14px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,transform .2s var(--tj-spring)}.lang-trigger:hover{background:color-mix(in srgb,var(--tj-text) 6%,var(--tj-surface))}.lang-flag{width:18px;height:18px;flex-shrink:0;border-radius:3px;object-fit:cover}.lang-trigger .lang-name{flex:1;text-align:start;white-space:nowrap}.lang-chevron{line-height:1;opacity:.6;flex-shrink:0;display:inline-flex}.lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:160;min-width:100%;width:max-content;max-width:min(240px,calc(100vw - 32px));list-style:none;margin:0;padding:6px;background:var(--tj-surface);color:var(--tj-text);border:1px solid var(--tj-outline);border-radius:var(--tj-r-m);box-shadow:var(--tj-shadow)}.lang-menu li{margin:0}.lang-option{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:none;background:transparent;color:var(--tj-text);border-radius:var(--tj-r-s);padding:9px 10px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.lang-option:hover:not(.active){background:color-mix(in srgb,var(--tj-text) 8%,transparent)}.lang-option.active{background:var(--tj-primary);color:var(--tj-on-primary);font-weight:600}.lang-option .lang-name{flex:1}.lang-check{display:inline-flex;flex-shrink:0}:root{--md-primary: #AD57A2;--md-on-primary: #FFFFFF;--md-primary-container: #EFF0F2;--md-on-primary-container: #1F2430;--md-secondary: #6D5869;--md-on-secondary: #FFFFFF;--md-secondary-container: #EEF0F3;--md-on-secondary-container: #AD57A2;--md-surface: #FFFFFF;--md-surface-dim: #EDEEF0;--md-surface-container-lowest: #FFFFFF;--md-surface-container-low: #FAFAFB;--md-surface-container: #F5F6F7;--md-surface-container-high: #EFF0F2;--md-surface-container-highest: #E9EAED;--md-on-surface: #1F2430;--md-on-surface-variant: #6B7280;--md-outline: #9CA3AF;--md-outline-variant: #E5E7EB;--md-error: #BA1A1A;--md-on-error: #FFFFFF;--md-error-container: #FFDAD6;--md-success: #1B6B3C;--md-r-xs: 4px;--md-r-s: 8px;--md-r-m: 12px;--md-r-l: 16px;--md-r-xl: 28px;--md-r-full: 9999px;--md-spring: cubic-bezier(.34, 1.56, .64, 1);--md-standard: cubic-bezier(.2, 0, 0, 1);--md-elevation-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--md-elevation-2: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px 2px rgba(0,0,0,.15);--md-elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);font-family:Segoe UI,system-ui,Roboto,sans-serif;color:var(--md-on-surface);background:var(--md-surface)}[data-theme=dark]{--md-primary: #E5B5DC;--md-on-primary: #4E1949;--md-primary-container: #6B3163;--md-on-primary-container: #FFD7F2;--md-secondary: #D9BFD3;--md-on-secondary: #3C2A3A;--md-secondary-container: #544150;--md-on-secondary-container: #F6DAEF;--md-surface: #171216;--md-surface-dim: #171216;--md-surface-container-lowest: #110D10;--md-surface-container-low: #201A1E;--md-surface-container: #241E22;--md-surface-container-high: #2F282D;--md-surface-container-highest: #3A3238;--md-on-surface: #EADFE4;--md-on-surface-variant: #D2C2CC;--md-outline: #9B8B95;--md-outline-variant: #4F444C;--md-error: #FFB4AB;--md-on-error: #690005;--md-error-container: #93000A;--md-success: #7BD99A;color:var(--md-on-surface);background:var(--md-surface)}*{box-sizing:border-box}body{margin:0;background:var(--md-surface);color:var(--md-on-surface)}h1{font-size:var(--tj-fs-page);font-weight:var(--tj-fw-page);line-height:var(--tj-lh-page);margin:0 0 var(--tj-space-1)}h2{font-size:var(--tj-fs-section);font-weight:var(--tj-fw-section);line-height:var(--tj-lh-section);margin:0 0 var(--tj-space-2)}h3{font-size:var(--tj-fs-card);font-weight:var(--tj-fw-card);line-height:var(--tj-lh-card);margin:0 0 var(--tj-space-1)}p{line-height:var(--tj-lh-body)}a{color:var(--md-primary)}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--md-r-full);padding:var(--tj-btn-pad-y) var(--tj-btn-pad-x);font-size:var(--tj-fs-button);font-weight:var(--tj-fw-button);line-height:var(--tj-lh-button);font-family:inherit;cursor:pointer;background:var(--md-primary);color:var(--md-on-primary);transition:transform .25s var(--md-spring),box-shadow .25s var(--md-standard),background .15s var(--md-standard),border-radius .25s var(--md-spring)}.btn:hover:not(:disabled){transform:scale(1.04);box-shadow:var(--md-elevation-1)}.btn:active:not(:disabled){transform:scale(.97);border-radius:var(--md-r-m)}.btn:disabled{opacity:.38;cursor:default}.btn.tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn.outlined{background:transparent;color:var(--md-on-surface);border:1px solid var(--md-outline)}.btn.text{background:transparent;color:var(--md-primary);padding:var(--tj-btn-pad-y) 12px}.btn.danger{background:var(--md-error-container);color:var(--md-error)}.btn.small{padding:6px 16px;font-size:13px}.btn.icon{padding:8px;border-radius:var(--md-r-full);background:transparent;color:var(--md-on-surface-variant)}.btn.icon:hover{background:var(--md-surface-container-high)}.card{background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--md-r-l);padding:var(--tj-space-5);box-shadow:var(--tj-shadow)}.card.elevated{box-shadow:var(--md-elevation-1)}.card.highlight{border-color:var(--md-primary);box-shadow:inset 3px 0 0 var(--md-primary),var(--tj-shadow)}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:var(--tj-fs-label);font-weight:var(--tj-fw-label);line-height:var(--tj-lh-label);color:var(--md-on-surface-variant)}.field input,.field select,.field textarea{font:inherit;font-size:14px;color:var(--md-on-surface);background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--md-r-m);padding:var(--tj-field-pad-y) var(--tj-field-pad-x);transition:border-color .15s var(--md-standard),box-shadow .15s var(--md-standard)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-primary) 25%,transparent)}.field input[type=color]{padding:4px;height:42px;width:64px;cursor:pointer}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.switch input{display:none}.switch .track{width:46px;height:26px;border-radius:var(--md-r-full);background:var(--md-surface-container-highest);border:2px solid var(--md-outline);transition:background .2s var(--md-standard),border-color .2s var(--md-standard);flex-shrink:0}.switch .track:after{content:"";display:block;width:14px;height:14px;margin:4px;border-radius:50%;background:var(--md-outline);transition:transform .3s var(--md-spring),width .3s var(--md-spring),height .3s var(--md-spring),margin .3s var(--md-spring),background .2s}.switch input:checked+.track{background:var(--md-primary);border-color:var(--md-primary)}.switch input:checked+.track:after{background:var(--md-on-primary);transform:translate(20px);width:18px;height:18px;margin:2px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--tj-r-full);border:1px solid var(--md-outline-variant);background:transparent;padding:var(--tj-chip-pad-y) var(--tj-chip-pad-x);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,transform .2s var(--md-spring)}.chip:hover{transform:scale(1.05)}.chip.selected{background:var(--md-primary);color:var(--md-on-primary);border-color:transparent}.chip img{width:18px;height:18px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;color:var(--md-on-surface-variant);padding:10px 12px;border-bottom:1px solid var(--md-outline-variant)}.table td{padding:12px;border-bottom:1px solid var(--md-surface-container-high)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--md-surface-container)}@media(max-width:760px){.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border-bottom:1px solid var(--md-outline-variant);padding:12px 14px}.table tr:last-child{border-bottom:none}.table tr:hover td{background:transparent}.table td{border:none;padding:5px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right}.table td:before{content:attr(data-label);font-size:12px;font-weight:600;color:var(--md-on-surface-variant);text-align:left;flex-shrink:0}.table td:not([data-label]):before{content:none}.table td.cell-img{justify-content:flex-start}.table td:last-child{justify-content:flex-end}}.cat-cards{display:none}@media(max-width:760px){.cat-table{display:none}.cat-cards{display:flex;flex-direction:column;gap:10px}.cat-card{background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--md-r-l);box-shadow:var(--tj-shadow);padding:var(--tj-space-4)}.cat-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cat-card-head{display:flex;align-items:center;gap:10px;min-width:0}.cat-card-img{width:40px;height:40px;object-fit:cover;border-radius:var(--md-r-s);flex-shrink:0}.cat-card-title{font-size:16px;font-weight:700;word-break:break-word}.cat-card-actions{display:flex;gap:2px;flex-shrink:0}.cat-card-desc{margin:8px 0 0;font-size:14px;color:var(--md-on-surface-variant)}.cat-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.cat-card-price{font-weight:700}.cat-card-cats{font-size:13px;color:var(--md-on-surface-variant)}.cat-card-badge{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:var(--md-primary);background:var(--md-surface-container);border-radius:var(--md-r-full);padding:2px 10px}}.dialog-backdrop{position:fixed;inset:0;z-index:50;background:#201a1e66;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s var(--md-standard)}.dialog{background:var(--md-surface-container-lowest);border-radius:var(--md-r-l);padding:24px;min-width:320px;max-width:min(560px,92vw);max-height:88vh;overflow-y:auto;box-shadow:var(--md-elevation-3);animation:springIn .35s var(--md-spring)}@keyframes fadeIn{0%{opacity:0}}@keyframes springIn{0%{transform:scale(.9);opacity:0}}.snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:var(--md-on-surface);color:var(--md-surface);border-radius:var(--md-r-m);padding:12px 20px;font-size:14px;box-shadow:var(--md-elevation-2);animation:springUp .4s var(--md-spring)}.snackbar.error{background:var(--md-error);color:var(--md-on-error)}@keyframes springUp{0%{transform:translate(-50%,80px);opacity:0}}.app-shell{display:flex;min-height:100vh}.sidenav{width:240px;flex-shrink:0;background:var(--md-surface);border-right:1px solid var(--md-outline-variant);padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.sidenav-scrim{display:none}.sidenav .brand{display:flex;align-items:center;gap:10px;padding:8px 16px 20px;font-weight:700;font-size:18px}.sidenav .brand img{width:32px;height:32px}.sidenav .brand .brand-name{flex-shrink:0}.sidenav .brand .versie-badge{margin-left:auto}.sidenav a.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--md-r-full);color:var(--md-on-surface-variant);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,transform .2s var(--md-spring)}.sidenav a.nav-item:hover{background:var(--md-surface-container-high);transform:translate(2px)}.sidenav a.nav-item.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-weight:600}.sidenav .spacer{flex:1}.content-area{flex:1;display:flex;flex-direction:column;min-width:0}.app-header{display:flex;align-items:center;gap:12px;padding:12px 32px;position:sticky;top:0;z-index:20;background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant)}.app-header .app-title{font-size:20px;font-weight:700;color:var(--md-on-surface)}.app-header .header-spacer{flex:1}.nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--md-r-full);border:none;background:transparent;color:var(--md-on-surface);cursor:pointer;flex-shrink:0}.nav-toggle:hover{background:var(--md-surface-container-high)}.main-content{flex:1;padding:16px 32px 60px;max-width:1100px;width:100%}.profile-menu{position:relative}.profile-avatar-btn{border:none;background:transparent;padding:0;cursor:pointer;border-radius:var(--md-r-full);transition:transform .2s var(--md-spring)}.profile-avatar-btn:hover{transform:scale(1.06)}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--md-r-full);background:var(--md-primary);color:var(--md-on-primary);font-size:14px;font-weight:700;letter-spacing:.02em}.profile-avatar.lg{width:48px;height:48px;font-size:16px}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:320px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:14px;background:var(--md-surface-container-lowest);color:var(--md-on-surface);border:1px solid var(--md-outline-variant);border-radius:var(--md-r-l);box-shadow:var(--tj-shadow-pop);padding:var(--tj-menu-pad);animation:springIn .3s var(--md-spring)}.profile-head{display:flex;align-items:center;gap:12px}.profile-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-name{font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-sub{font-size:12px;color:var(--md-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-section{display:flex;flex-direction:column;gap:8px}.profile-label{font-size:12px;font-weight:600;color:var(--md-on-surface-variant)}.profile-actions{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--md-outline-variant);padding-top:8px}.profile-action{justify-content:flex-start;width:100%;padding:10px 12px;border-radius:var(--md-r-m);text-decoration:none;color:var(--md-on-surface)}.profile-action:hover{background:var(--md-surface-container-high)}.profile-action.logout{color:var(--md-error)}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.stack{display:flex;flex-direction:column;gap:16px}@media(max-width:760px){.app-shell{flex-direction:column}.sidenav{position:fixed;top:0;left:0;z-index:60;width:82%;max-width:300px;height:100vh;transform:translate(-100%);transition:transform .25s var(--md-standard);box-shadow:var(--md-elevation-3)}.sidenav.open{transform:translate(0)}.sidenav-scrim{display:block;position:fixed;inset:0;z-index:50;background:#0006}.nav-toggle{display:inline-flex}.app-header{padding:10px 16px}.app-header .app-title{font-size:18px}.main-content{padding:12px 16px 48px}}.pending-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--md-surface)}.pending-card{max-width:460px;width:100%;text-align:center;display:flex;flex-direction:column;gap:14px;padding:32px 28px}.pending-card h1{margin:0}.pending-icon{line-height:1;color:var(--md-primary);display:flex;justify-content:center}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.cat-cards .cat-card-actions .btn.icon{padding:12px}tr.dragging td{background:var(--md-surface-container-high)}.cat-card.dragging{box-shadow:var(--md-elevation-2);opacity:.85}.header-help{flex-shrink:0;margin-inline-start:var(--tj-space-1)}.ing-zone{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:var(--tj-space-2);border:1px dashed var(--md-outline-variant);border-radius:var(--md-r-m)}.ing-zone.over{background:var(--md-surface-container-high);border-style:solid}.ing-zone-label{margin-top:var(--tj-space-2)}.ing-zone .chip{cursor:grab}.pending-email{display:flex;flex-direction:column;gap:2px;align-items:center;background:var(--md-surface-container-high);border-radius:var(--md-r-m);padding:12px 16px}.pending-email-label{font-size:12px;color:var(--md-on-surface-variant)}.loader-dot{width:16px;height:16px;border-radius:var(--md-r-full);background:var(--md-primary);animation:loader-pulse 1s var(--md-spring) infinite alternate}@keyframes loader-pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.versie-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--md-r-full);border:1px solid var(--md-outline-variant);background:var(--md-primary-container);color:var(--md-on-primary-container);padding:4px 12px;font-size:12px;font-weight:600;font-family:inherit;line-height:1.4;cursor:pointer;white-space:nowrap;transition:transform .2s var(--md-spring),box-shadow .2s var(--md-standard),background .15s var(--md-standard)}.versie-badge:hover{transform:scale(1.06);box-shadow:var(--md-elevation-1)}.versie-badge:active{transform:scale(.96)}.cl-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:12px;animation:fadeIn .2s var(--md-standard)}.cl-card{display:flex;flex-direction:column;width:560px;max-width:calc(100vw - 24px);max-height:85vh;background:var(--md-surface-container-lowest);color:var(--md-on-surface);border-radius:var(--md-r-l);box-shadow:var(--md-elevation-3);overflow:hidden;animation:springIn .35s var(--md-spring)}.cl-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 12px;flex-shrink:0}.cl-header h2{margin:0;font-size:20px}.cl-close{border:none;background:transparent;color:var(--md-on-surface-variant);font-size:24px;line-height:1;width:36px;height:36px;border-radius:var(--md-r-full);cursor:pointer;font-family:inherit;transition:background .15s,transform .2s var(--md-spring)}.cl-close:hover{background:var(--md-surface-container-high);transform:scale(1.05)}.cl-body{overflow-y:auto;padding:4px 24px 24px}.cl-entry{padding:16px 0;border-bottom:1px solid var(--md-outline-variant)}.cl-entry:last-child{border-bottom:none}.cl-entry-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cl-nr{display:inline-flex;align-items:center;border-radius:var(--md-r-full);background:var(--md-secondary-container);color:var(--md-on-secondary-container);padding:3px 12px;font-size:13px;font-weight:700}.cl-datum{font-size:12px;color:var(--md-on-surface-variant)}.cl-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cl-items li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.45}.cl-tag{flex-shrink:0;display:inline-flex;align-items:center;border-radius:var(--md-r-full);padding:2px 9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-top:1px}.cl-tag.nieuw{background:#d1fae5;color:#065f46}.cl-tag.fix{background:#fee2e2;color:#b91c1c}.cl-tag.wijziging{background:#fef3c7;color:#92400e}.cl-tag.verwijderd{background:#e5e7eb;color:#4b5563}.sidenav .brand .help-badge{margin-left:6px}.help-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--md-r-full);border:1px solid var(--md-outline-variant);background:var(--md-primary-container);color:var(--md-on-primary-container);min-width:24px;height:24px;padding:0 6px;font-size:13px;font-weight:700;font-family:inherit;line-height:1;cursor:pointer;transition:transform .2s var(--md-spring),box-shadow .2s var(--md-standard),background .15s var(--md-standard)}.help-badge:hover{transform:scale(1.06);box-shadow:var(--md-elevation-1)}.help-badge:active{transform:scale(.96)}.help-section{padding:16px 0;border-bottom:1px solid var(--md-outline-variant)}.help-section:last-child{border-bottom:none}.help-section h3{margin:0 0 12px;font-size:16px;font-weight:700}.help-item{display:flex;gap:12px;padding:8px 0;align-items:flex-start}.help-item-icon{flex-shrink:0;width:36px;text-align:center;font-size:22px;line-height:1.3}.help-item-body{flex:1}.help-item-body h4{margin:0 0 2px;font-size:14px;font-weight:700}.help-item-body p{margin:0;font-size:14px;line-height:1.6;color:var(--md-on-surface-variant)}