:root{--brand: #275c4a;--brand-hover: #1f4a3b;--brand-soft: #e8f1ee;--bg: #ffffff;--surface: #ffffff;--surface-alt: #f7f7f7;--border: #e2e2e2;--text: #1a1a1a;--text-muted: #5a5a5a;--danger: #d63b3b;--danger-hover: #b52e2e;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--brand);text-decoration:inherit}a:hover{color:var(--brand-hover)}html,body{overflow-x:hidden;margin:0;padding:0;width:100%;background:var(--bg);color:var(--text)}body{display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin-bottom:.5em}h2,h3{color:var(--text)}.card{padding:2em}#app{max-width:100%;width:100%;margin:0;padding:0;text-align:center;flex:1}#app div{width:100%}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--brand);color:#fff;cursor:pointer;transition:background-color .15s,border-color .15s;border-radius:6px}button:hover{background-color:var(--brand-hover)}button:focus,button:focus-visible{outline:3px solid rgba(39,92,74,.35);outline-offset:1px}.logout-button{background:none;border:none;cursor:pointer;font:inherit;font-size:1.3rem;color:var(--text)}.logout-button:hover{background:none;color:var(--brand)}.emoji-button{font:inherit;background:none;color:var(--text);border:none;cursor:pointer;margin-left:10px}.emoji-button:hover{background:none;color:var(--brand)}.emoji-button:focus{outline:none}footer{text-align:center;padding:1em 0;background-color:var(--surface-alt);color:var(--text-muted);width:100%;max-width:600px}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}.border-container{border:1px solid var(--border);border-radius:8px;padding:10px;transition:border-color 1s ease;width:100%;max-width:600px;margin:10px auto;background:var(--surface)}.border-default{border-color:var(--border)}.border-blue,.border-green{border-color:var(--brand)}.border-red{border-color:var(--danger)}.pulse{animation:pulse-animation .75s}@keyframes pulse-animation{0%{border-color:inherit}50%{border-color:var(--brand)}to{border-color:inherit}}.product-buttons{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.product-buttons div{display:flex;align-items:center;justify-content:space-between;width:100%}.product-buttons button{margin-right:5px;border-radius:8px;flex:1;text-align:left}.amount-button{max-width:10%;height:40px;background-color:var(--brand);border-radius:8px;flex-shrink:0}.posts{width:100%;max-width:600px;margin:0 auto}.posts .post{margin-bottom:10px;cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface)}.post-header{display:flex;align-items:center;gap:10px}.user-info{display:flex;flex-direction:column}.username{font-weight:700}.post-times{margin-top:5px;font-size:.9em;color:var(--text-muted)}.post-content{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;text-align:left}.vulbeurt{text-align:left}.avatar{border-radius:50%}@media (max-width: 768px){body{padding:0 10px}.border-container{width:calc(100% - 20px)}.product-buttons{width:100%}}.add-product-button{margin-top:10px;padding:10px;background-color:var(--brand);color:#fff;border:none;border-radius:4px;cursor:pointer}.add-product-button:hover{background-color:var(--brand-hover)}.button-container{display:flex;justify-content:space-between;align-items:center;max-width:600px}.submit-button{flex:1;margin-right:10px;padding:10px;background-color:var(--brand);color:#fff;border:none;border-radius:6px;cursor:pointer;width:100%;max-width:600px}.submit-button:hover{background-color:var(--brand-hover)}.clear-button{max-width:10%;padding:10px;background-color:var(--danger);color:#fff;border:none;border-radius:4px;cursor:pointer}.clear-button:hover{background-color:var(--danger-hover)}.product-container{display:flex;align-items:center;margin-bottom:5px}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:var(--surface);color:var(--text);margin:15% auto;padding:20px;border:1px solid var(--border);width:80%;max-width:400px;max-height:700px;border-radius:8px;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #00000026}.close{color:var(--text-muted);float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:var(--text);text-decoration:none;cursor:pointer}.error{color:var(--danger)}form{display:flex;flex-direction:column;max-width:600px;margin:0 auto}input,select,textarea{padding:10px;font-size:16px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(39,92,74,.25);outline-offset:0;border-color:var(--brand)}.product-item{padding:10px;cursor:pointer;width:100%;text-align:left;background:none;border:none;font:inherit;color:var(--text)}.product-item:hover{background:var(--surface-alt)}.modal-buttons.svelte-1ty0qq4{display:flex;justify-content:space-around;margin-top:20px}.modal-content.svelte-sxjrf9.svelte-sxjrf9{max-width:600px;margin:auto;padding:20px;border-radius:8px}.avatar-list.svelte-sxjrf9.svelte-sxjrf9{display:flex;flex-wrap:wrap;gap:10px;max-height:400px;overflow-y:auto;margin-top:20px}.avatar-button.svelte-sxjrf9.svelte-sxjrf9{flex:1 1 calc(33.333% - 10px);display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer}.avatar-button.svelte-sxjrf9 img.svelte-sxjrf9{width:100px;height:100px;border-radius:50%;object-fit:cover}.avatar-name.svelte-sxjrf9.svelte-sxjrf9{margin-top:10px;font-size:14px;text-align:center;color:#222}.modal-buttons.svelte-sxjrf9.svelte-sxjrf9{display:flex;justify-content:center;margin-top:20px}.toggle-button.svelte-6l1cef.svelte-6l1cef{background-color:#275c4a;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:1.2em;display:block;margin:0 auto}.toggle-button.edit-mode.svelte-6l1cef.svelte-6l1cef{background-color:transparent}.toggle-button.svelte-6l1cef.svelte-6l1cef:focus{outline:none}.product-list.svelte-6l1cef.svelte-6l1cef{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;margin:0 auto}.product-item.svelte-6l1cef.svelte-6l1cef{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,.08)}.product-item.svelte-6l1cef.svelte-6l1cef:hover,.product-item.svelte-6l1cef.svelte-6l1cef:focus-within{background-color:#ffffff0a}.product-name.svelte-6l1cef.svelte-6l1cef{flex:1;font-size:1rem}.product-amount.svelte-6l1cef.svelte-6l1cef{width:60px;padding:.2em;border:1px solid #ccc;border-radius:4px;text-align:right}.submit-button.svelte-6l1cef.svelte-6l1cef{margin-top:20px;padding:10px;cursor:pointer;font-size:1em}.disabled-button.svelte-6l1cef.svelte-6l1cef{background-color:#383838;color:#fff;border:none}.active-button.svelte-6l1cef.svelte-6l1cef{background-color:275c4a;color:#fff;border:none}.totals-table.svelte-6l1cef.svelte-6l1cef{width:100%;margin-bottom:20px}.totals-table.svelte-6l1cef th.svelte-6l1cef,.totals-table.svelte-6l1cef td.svelte-6l1cef{padding:8px;text-align:left}.totals-table.svelte-6l1cef th.svelte-6l1cef{background-color:#275c4a;color:#fff;cursor:pointer;position:relative}.user-info.svelte-6l1cef.svelte-6l1cef{display:flex;align-items:center;gap:10px;margin-bottom:10px}.avatar.svelte-6l1cef.svelte-6l1cef{width:90px;height:90px;border-radius:50%}.notes.svelte-6l1cef.svelte-6l1cef{padding:10px;max-width:600px;margin:0 auto 20px}.modal.svelte-vharsa.svelte-vharsa{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-vharsa.svelte-vharsa{padding:20px;border-radius:8px;max-width:420px;width:90%;display:flex;flex-direction:column;gap:14px}h2.svelte-vharsa.svelte-vharsa{margin:0;text-align:center}input.svelte-vharsa.svelte-vharsa,select.svelte-vharsa.svelte-vharsa{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px}input.svelte-vharsa.svelte-vharsa:disabled{background:#f5f5f5;color:#555;cursor:not-allowed}.qty-unit-row.svelte-vharsa.svelte-vharsa{display:flex;gap:8px;align-items:stretch}.qty-unit-row.svelte-vharsa .qty-input.svelte-vharsa{flex:0 0 35%;text-align:right}.qty-unit-row.svelte-vharsa .unit-input.svelte-vharsa{flex:1 1 auto}.modal-buttons.svelte-vharsa.svelte-vharsa{display:flex;justify-content:space-between;margin-top:15px}.modal-buttons.svelte-vharsa button.svelte-vharsa{padding:.5em 1.2em;border:none;border-radius:4px;cursor:pointer}.modal-buttons.svelte-vharsa button.svelte-vharsa:first-child{background:#4caf50;color:#fff}.modal-buttons.svelte-vharsa button.svelte-vharsa:last-child{background:#f44336;color:#fff}.modal.svelte-ncx7aw.svelte-ncx7aw{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-ncx7aw.svelte-ncx7aw{padding:20px;border-radius:8px;max-width:400px;width:90%;display:flex;flex-direction:column;gap:15px}h2.svelte-ncx7aw.svelte-ncx7aw{margin:0;font-size:1.5em;text-align:center}input[type=text].svelte-ncx7aw.svelte-ncx7aw{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.modal-buttons.svelte-ncx7aw.svelte-ncx7aw{display:flex;justify-content:space-around;margin-top:20px}.modal-buttons.svelte-ncx7aw button.svelte-ncx7aw{padding:.5em 1em;border:none;border-radius:4px;cursor:pointer;font-size:1em}.modal-buttons.svelte-ncx7aw button.svelte-ncx7aw:first-child{background-color:#4caf50;color:#fff}.modal-buttons.svelte-ncx7aw button.svelte-ncx7aw:last-child{background-color:#f44336;color:#fff}input[type=text].svelte-ncx7aw.svelte-ncx7aw:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf5080}select.svelte-ncx7aw.svelte-ncx7aw{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}select.svelte-ncx7aw.svelte-ncx7aw:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf5080}.product-list.svelte-yxgc84.svelte-yxgc84{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px;margin:0 auto}.product-item.svelte-yxgc84.svelte-yxgc84{display:flex;align-items:center;gap:10px}.product-name.svelte-yxgc84.svelte-yxgc84{flex:1;font-size:1.2rem}.toggle-button.svelte-yxgc84.svelte-yxgc84{background-color:#0000;border:none;border-radius:4px;color:#fff;padding:.2em .6em;cursor:pointer}.availability-switch.svelte-yxgc84.svelte-yxgc84{--track-w:38px;--track-h:22px;--knob:18px;position:relative;display:inline-block;width:var(--track-w);height:var(--track-h);border:none;background:transparent;padding:0;cursor:pointer;vertical-align:middle;flex-shrink:0}.availability-switch.svelte-yxgc84 .track.svelte-yxgc84{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#bbb;transition:background .12s ease-in-out}.availability-switch.svelte-yxgc84 .knob.svelte-yxgc84{position:absolute;top:50%;left:2px;width:var(--knob);height:var(--knob);border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transform:translateY(-50%);transition:left .12s ease-in-out}.availability-switch.is-on.svelte-yxgc84 .track.svelte-yxgc84{background:#4caf50}.availability-switch.is-on.svelte-yxgc84 .knob.svelte-yxgc84{left:calc(var(--track-w) - var(--knob) - 2px)}.availability-switch.svelte-yxgc84.svelte-yxgc84:focus-visible{outline:2px solid #1976d2;outline-offset:2px;border-radius:999px}.add-product.svelte-yxgc84.svelte-yxgc84,.import-csv.svelte-yxgc84.svelte-yxgc84{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.add-product.svelte-yxgc84 input.svelte-yxgc84,.import-csv.svelte-yxgc84 textarea.svelte-yxgc84{width:100%;padding:.4em;border:1px solid #ccc;border-radius:4px}.add-button.svelte-yxgc84.svelte-yxgc84,.import-button.svelte-yxgc84.svelte-yxgc84{background-color:#4ca3af;border:none;border-radius:4px;color:#fff;padding:.6em 1em;cursor:pointer}.password-input.svelte-gbt3t9{width:100%;padding:.5em;margin-top:.5em}.response-message.svelte-gbt3t9,.response-message.svelte-1g635s3{color:#686868;margin-top:10px}.avatar-preview.svelte-1tfazca{max-width:110px;margin-bottom:10px}.error.svelte-1tfazca{color:red}.avatar-preview.svelte-yjjr3e{max-width:110px;margin-bottom:10px}.error.svelte-yjjr3e{color:red}.werknemer-list.svelte-1tavble{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;margin:0 auto}.werknemer-item.svelte-1tavble{display:flex;align-items:center;gap:10px}.werknemer-name.svelte-1tavble{flex:1;font-size:1.2rem}.toggle-button.svelte-1tavble,.edit-button.svelte-1tavble{background-color:#0000;border:none;border-radius:4px;color:#fff;padding:.2em .6em;cursor:pointer}.toggle-button.svelte-1tavble,.edit-button.svelte-1tavble{background-color:#275c4a;color:#fff}.add-buttons.svelte-1tavble{display:flex;justify-content:space-between;margin-top:20px}.add-button.svelte-1tavble{background-color:#275c4a;color:#fff;border:none;border-radius:4px;padding:.5em 1em;cursor:pointer}.modal.svelte-jykt16{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080}.modal-content.svelte-jykt16{padding:20px;border-radius:8px;max-width:500px;width:100%}textarea.svelte-jykt16{width:100%;height:100px;margin-bottom:10px}.modal-buttons.svelte-jykt16{display:flex;justify-content:space-between;margin-top:20px}button.svelte-jykt16{padding:10px 20px;cursor:pointer}ul.svelte-tgo17o.svelte-tgo17o{list-style-type:none;padding:0}li.svelte-tgo17o.svelte-tgo17o{margin-bottom:10px;padding:10px}li.svelte-tgo17o div.svelte-tgo17o{cursor:pointer}button.svelte-tgo17o.svelte-tgo17o{margin-top:20px;padding:10px 20px;background-color:#275c4a;color:#fff;border:none;border-radius:5px;cursor:pointer}button.svelte-tgo17o.svelte-tgo17o:hover{background-color:#1e4a37}.totals-table.svelte-1280ye9.svelte-1280ye9{width:100%;margin-bottom:20px}.totals-table.svelte-1280ye9 th.svelte-1280ye9,.totals-table.svelte-1280ye9 td.svelte-1280ye9{padding:8px;text-align:left}.totals-table.svelte-1280ye9 th.svelte-1280ye9{background-color:#275c4a;color:#fff;cursor:pointer;position:relative}.sort-indicator.svelte-1280ye9.svelte-1280ye9{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.export-section.svelte-1srpq4a.svelte-1srpq4a{margin:40px auto;display:flex;flex-direction:column;align-items:center;text-align:center}.export-form.svelte-1srpq4a.svelte-1srpq4a{display:flex;flex-direction:column;align-items:center;max-width:500px;width:100%;padding:20px;border-radius:8px;box-shadow:0 8px 16px #0003;margin-top:20px}.form-group.svelte-1srpq4a.svelte-1srpq4a{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:15px}.form-group.svelte-1srpq4a label.svelte-1srpq4a{flex-basis:30%;text-align:left;font-size:1.2rem}.form-group.svelte-1srpq4a input.svelte-1srpq4a,.form-group.svelte-1srpq4a select.svelte-1srpq4a{flex-basis:65%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.export-section.svelte-1srpq4a button.svelte-1srpq4a{margin-top:20px;padding:10px;background-color:#275c4a;color:#fff;border:none;cursor:pointer}.export-request.svelte-1srpq4a.svelte-1srpq4a{margin-top:10px;padding:10px}.export-request.svelte-1srpq4a button.svelte-1srpq4a{margin-left:10px}.table-container.svelte-1srpq4a.svelte-1srpq4a{max-height:350px;overflow-y:auto}.status-completed.svelte-1srpq4a.svelte-1srpq4a{background-color:#2e9448;color:#fff;width:80px;margin:auto;display:block;text-align:center;padding:4px;border-radius:20px;font-size:14px}.status-error.svelte-1srpq4a.svelte-1srpq4a{background-color:#e94646;color:#fff;width:80px;margin:auto;display:block;text-align:center;padding:4px;border-radius:20px;font-size:14px}.status-pending.svelte-1srpq4a.svelte-1srpq4a{background-color:#f1690e;color:#fff;width:80px;margin:auto;display:block;text-align:center;padding:4px;border-radius:20px;font-size:14px}table.svelte-1srpq4a.svelte-1srpq4a{width:90%;margin:0 auto}table.svelte-1srpq4a.svelte-1srpq4a{border:2px solid #222222;border-collapse:collapse}th.svelte-1srpq4a.svelte-1srpq4a,td.svelte-1srpq4a.svelte-1srpq4a{padding:8px;border:1px solid #e2e2e2;border-collapse:collapse;background-color:#fff;color:#1a1a1a;text-align:center;justify-items:center;margin:0 auto}th.svelte-1srpq4a.svelte-1srpq4a{text-align:center;background-color:#275c4a;color:#fff}.frequency.svelte-1srpq4a.svelte-1srpq4a{text-align:center;justify-items:center;margin:0 auto}.download-button.svelte-1srpq4a.svelte-1srpq4a{background-color:transparent;width:auto;margin:0 auto;display:block;text-align:center;padding:5px;font-size:14px}.download-icon.svelte-1srpq4a.svelte-1srpq4a{width:25px}.generate-button.svelte-1srpq4a.svelte-1srpq4a{background-color:#275c4a;color:#fff;border:none;border-radius:4px;padding:.4em .8em;cursor:pointer;font-size:14px}.generate-button.svelte-1srpq4a.svelte-1srpq4a:hover{background-color:#1f4a3b}.container.svelte-1srpq4a.svelte-1srpq4a{position:relative;width:100%;padding:20px}.refresh-container.svelte-1srpq4a.svelte-1srpq4a{background-color:#275c4a;border:none;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;position:absolute;right:0;margin-right:50px;top:50%;transform:translateY(-50%)}.refresh-container.svelte-1srpq4a.svelte-1srpq4a:hover{background-color:#1f4a3b}.refresh-icon.svelte-1srpq4a.svelte-1srpq4a{width:20px;height:20px;transition:transform .2s ease;filter:brightness(0) invert(1)}.no-data-message.svelte-1srpq4a.svelte-1srpq4a{text-align:center}.empty-message-container.svelte-1srpq4a.svelte-1srpq4a{display:flex;justify-content:center;align-items:center;height:100%}.empty-animation.svelte-1srpq4a.svelte-1srpq4a{max-width:100px;max-height:100px}.brand.svelte-zli8fe{display:flex;justify-content:center;margin:16px 0 8px}.brand-logo.svelte-zli8fe{max-width:220px;height:auto;display:block}.logout-button.svelte-zli8fe,.emoji-button.svelte-zli8fe{margin-right:10px}.fixed-buttons.svelte-zli8fe{position:fixed;background-color:#fff;bottom:0;left:0}