:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#222;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:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{overflow-x:hidden;margin:0;padding:0;width:100%}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}.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;font-size:1em;font-weight:500;font-family:inherit;background-color:#464646;transition:border-color .25s;padding:10px;font-size:16px;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.logout-button{background:none;border:none;cursor:pointer;font:inherit}.logout-button b{font:inherit}.emoji-button{font:inherit;background:none;border:none;cursor:pointer;margin-left:10px}.emoji-button:focus{outline:none}footer{text-align:center;padding:1em 0;background-color:#1a1a1a;color:#ffffffde;width:100%;max-width:600px}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}.border-container{border:1px solid grey;border-radius:8px;padding:10px;transition:border-color 1s ease;width:100%;max-width:600px;margin:10px auto}.border-default{border-color:gray}.border-blue{border-color:#45a049}.border-green{border-color:green}.border-red{border-color:red}.pulse{animation:pulse-animation .75s}@keyframes pulse-animation{0%{border-color:inherit}50%{border-color:#fff}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:#45a049;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 grey;border-radius:8px;padding:10px}.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:#555}.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:#5f5f5f;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-product-button:hover{background-color:#317c35}.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:#494949;color:#fff;border:none;border-radius:4px;cursor:pointer;width:100%;max-width:600px}.submit-button:hover{background-color:#5f5f5f}.clear-button{max-width:10%;padding:10px;background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer}.clear-button:hover{background-color:#f33}.product-container{display:flex;align-items:center;margin-bottom:5px}.amount-button{margin-left: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:#1a1a1ae5;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;max-height:700px;border-radius:8px;position:fixed;overflow-y:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.error{color:red}form{display:flex;flex-direction:column;max-width:600px;margin:0 auto}input{padding:10px;font-size:16px}.product-item{padding:10px;cursor:pointer;width:100%;text-align:left;background:none;border:none;font:inherit}.product-item:hover{background:#f0f0f028}.modal-buttons.svelte-1ty0qq4{display:flex;justify-content:space-around;margin-top:20px}.modal-content.svelte-ge9awt.svelte-ge9awt{max-width:600px;margin:auto;padding:20px;border-radius:8px}.avatar-list.svelte-ge9awt.svelte-ge9awt{display:flex;flex-wrap:wrap;gap:10px;max-height:400px;overflow-y:auto;margin-top:20px}.avatar-button.svelte-ge9awt.svelte-ge9awt{flex:1 1 calc(33.333% - 10px);display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer}.avatar-button.svelte-ge9awt img.svelte-ge9awt{width:100px;height:100px;border-radius:50%;object-fit:cover}.avatar-name.svelte-ge9awt.svelte-ge9awt{margin-top:10px;font-size:14px;text-align:center}.modal-buttons.svelte-ge9awt.svelte-ge9awt{display:flex;justify-content:center;margin-top:20px}.toggle-button.svelte-ebjkde.svelte-ebjkde{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-ebjkde.svelte-ebjkde{background-color:transparent}.toggle-button.svelte-ebjkde.svelte-ebjkde:focus{outline:none}.product-list.svelte-ebjkde.svelte-ebjkde{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;margin:0 auto}.product-item.svelte-ebjkde.svelte-ebjkde{display:flex;align-items:center;gap:10px}.product-name.svelte-ebjkde.svelte-ebjkde{flex:1}.product-amount.svelte-ebjkde.svelte-ebjkde{width:60px;padding:.2em;border:1px solid #ccc;border-radius:4px;text-align:right}.submit-button.svelte-ebjkde.svelte-ebjkde{margin-top:20px;padding:10px;cursor:pointer;font-size:1em}.disabled-button.svelte-ebjkde.svelte-ebjkde{background-color:#383838;color:#fff;border:none}.active-button.svelte-ebjkde.svelte-ebjkde{background-color:275c4a;color:#fff;border:none}.totals-table.svelte-ebjkde.svelte-ebjkde{width:100%;margin-bottom:20px}.totals-table.svelte-ebjkde th.svelte-ebjkde,.totals-table.svelte-ebjkde td.svelte-ebjkde{padding:8px;text-align:left}.totals-table.svelte-ebjkde th.svelte-ebjkde{background-color:#275c4a;cursor:pointer;position:relative}.user-info.svelte-ebjkde.svelte-ebjkde{display:flex;align-items:center;gap:10px;margin-bottom:10px}.avatar.svelte-ebjkde.svelte-ebjkde{width:90px;height:90px;border-radius:50%}.notes.svelte-ebjkde.svelte-ebjkde{padding:10px;max-width:600px;margin:0 auto 20px}.modal.svelte-eubqyv.svelte-eubqyv{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-eubqyv.svelte-eubqyv{padding:20px;border-radius:8px;max-width:400px;width:90%;display:flex;flex-direction:column;gap:15px}h2.svelte-eubqyv.svelte-eubqyv{margin:0;font-size:1.5em;text-align:center}input[type=text].svelte-eubqyv.svelte-eubqyv{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.modal-buttons.svelte-eubqyv.svelte-eubqyv{display:flex;justify-content:space-around;margin-top:20px}.modal-buttons.svelte-eubqyv button.svelte-eubqyv{padding:.5em 1em;border:none;border-radius:4px;cursor:pointer;font-size:1em}.modal-buttons.svelte-eubqyv button.svelte-eubqyv:first-child{background-color:#4caf50;color:#fff}.modal-buttons.svelte-eubqyv button.svelte-eubqyv:last-child{background-color:#f44336;color:#fff}input[type=text].svelte-eubqyv.svelte-eubqyv:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf5080}.product-list.svelte-s59gwv.svelte-s59gwv{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px;margin:0 auto}.product-item.svelte-s59gwv.svelte-s59gwv{display:flex;align-items:center;gap:10px}.product-name.svelte-s59gwv.svelte-s59gwv{flex:1}.toggle-button.svelte-s59gwv.svelte-s59gwv{background-color:#0000;border:none;border-radius:4px;color:#fff;padding:.2em .6em;cursor:pointer}.add-product.svelte-s59gwv.svelte-s59gwv,.import-csv.svelte-s59gwv.svelte-s59gwv{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.add-product.svelte-s59gwv input.svelte-s59gwv,.import-csv.svelte-s59gwv textarea.svelte-s59gwv{width:100%;padding:.4em;border:1px solid #ccc;border-radius:4px}.add-button.svelte-s59gwv.svelte-s59gwv,.import-button.svelte-s59gwv.svelte-s59gwv{background-color:#4ca3af;border:none;border-radius:4px;color:#fff;padding:.6em 1em;cursor:pointer}.price-input.svelte-s59gwv.svelte-s59gwv{width:60px;padding:.2em;border:1px solid #ccc;border-radius:4px;text-align:right}.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-hzmbrd{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;margin:0 auto}.werknemer-item.svelte-hzmbrd{display:flex;align-items:center;gap:10px}.werknemer-name.svelte-hzmbrd{flex:1}.toggle-button.svelte-hzmbrd,.edit-button.svelte-hzmbrd{background-color:#0000;border:none;border-radius:4px;color:#fff;padding:.2em .6em;cursor:pointer}.toggle-button.svelte-hzmbrd,.edit-button.svelte-hzmbrd{background-color:#3d3d3d}.add-buttons.svelte-hzmbrd{display:flex;justify-content:space-between;margin-top:20px}.add-button.svelte-hzmbrd{background-color:#3d3d3d;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-1qegkke.svelte-1qegkke{width:100%;margin-bottom:20px}.totals-table.svelte-1qegkke th.svelte-1qegkke,.totals-table.svelte-1qegkke td.svelte-1qegkke{padding:8px;text-align:left}.totals-table.svelte-1qegkke th.svelte-1qegkke{background-color:#275c4a;cursor:pointer;position:relative}.sort-indicator.svelte-1qegkke.svelte-1qegkke{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.export-section.svelte-j1ac9e.svelte-j1ac9e{margin:40px auto;display:flex;flex-direction:column;align-items:center;text-align:center}.export-form.svelte-j1ac9e.svelte-j1ac9e{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-j1ac9e.svelte-j1ac9e{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:15px}.form-group.svelte-j1ac9e label.svelte-j1ac9e{flex-basis:30%;text-align:left}.form-group.svelte-j1ac9e input.svelte-j1ac9e,.form-group.svelte-j1ac9e select.svelte-j1ac9e{flex-basis:65%;padding:8px;border:1px solid #ccc;border-radius:4px}.export-section.svelte-j1ac9e button.svelte-j1ac9e{margin-top:20px;padding:10px;background-color:#275c4a;color:#fff;border:none;cursor:pointer}.export-request.svelte-j1ac9e.svelte-j1ac9e{margin-top:10px;padding:10px}.export-request.svelte-j1ac9e button.svelte-j1ac9e{margin-left:10px}.table-container.svelte-j1ac9e.svelte-j1ac9e{max-height:350px;overflow-y:auto}.status-completed.svelte-j1ac9e.svelte-j1ac9e{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-j1ac9e.svelte-j1ac9e{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-j1ac9e.svelte-j1ac9e{background-color:#f1690e;color:#fff;width:80px;margin:auto;display:block;text-align:center;padding:4px;border-radius:20px;font-size:14px}table.svelte-j1ac9e.svelte-j1ac9e{width:90%;margin:0 auto}table.svelte-j1ac9e.svelte-j1ac9e{border:2px solid #222222;border-collapse:collapse}th.svelte-j1ac9e.svelte-j1ac9e,td.svelte-j1ac9e.svelte-j1ac9e{padding:8px;border:2px solid #222222;border-collapse:collapse;background-color:#000;text-align:center;justify-items:center;margin:0 auto}th.svelte-j1ac9e.svelte-j1ac9e{text-align:center;background-color:#275c4a}.frequency.svelte-j1ac9e.svelte-j1ac9e{text-align:center;justify-items:center;margin:0 auto}.download-button.svelte-j1ac9e.svelte-j1ac9e{background-color:transparent;width:auto;margin:0 auto;display:block;text-align:center;padding:5px;font-size:14px}.download-icon.svelte-j1ac9e.svelte-j1ac9e{width:25px}.container.svelte-j1ac9e.svelte-j1ac9e{position:relative;width:100%;padding:20px}.refresh-container.svelte-j1ac9e.svelte-j1ac9e{background-color:#464646;border:none;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;position:absolute;right:0;margin-right:50px;top:50%;transform:translateY(-50%)}.refresh-icon.svelte-j1ac9e.svelte-j1ac9e{width:20px;height:20px;transition:transform .2s ease;color:#fff}.no-data-message.svelte-j1ac9e.svelte-j1ac9e{text-align:center}.empty-message-container.svelte-j1ac9e.svelte-j1ac9e{display:flex;justify-content:center;align-items:center;height:100%}.empty-animation.svelte-j1ac9e.svelte-j1ac9e{max-width:100px;max-height:100px}.logout-button.svelte-g83y01,.emoji-button.svelte-g83y01{margin-right:10px}.fixed-buttons.svelte-g83y01{position:fixed;background-color:#222;bottom:0;left:0}