:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-white-mute-2: #e6e6e6;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .797);--accent-color: #e1143c}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-background-mute-2: var(--vt-c-white-mute-2);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--accent-color: var(--accent-color);--sloeber: purple;--korbel: #fdda0d;--rakwi: green;--tito: red;--keti: blue;--aspi: orange;--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-background-mute-2: var(--vt-c-black-soft);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--accent-color: var(--accent-color)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:flex;grid-template-columns:1fr 1fr;gap:1rem;padding:0 2rem}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var( --color-background );box-shadow:0 2px 5px #0000001a}.nav-link{text-decoration:none;color:var(--color-text);font-size:1rem;font-weight:700}.nav-link:hover{color:#e1143c}.group-selector{background-color:var(--color-background-mute);color:var(--color-text);border:1px solid var(--color-border)}.group-option{background-color:var(--color-background-mute);color:var(--color-text)}.header{display:flex;flex-direction:column;align-items:center;color:var(--color-text);padding:1rem}.page-selector{display:flex;justify-content:center;margin:1rem}.headerbutton{justify-content:space-between;margin:.5rem;background-color:var(--color-background-mute);color:var(--color-text);padding:.5rem;font-size:.9rem}.headerbutton:hover{background-color:var(--color-background-hover)}.footer{background-color:var(--color-background-mute)}.user-table{width:100%;border-collapse:collapse;text-align:center;border:2px solid var(--color-border);font-size:.9rem}.user-table th,.user-table td{padding:.5rem;text-align:center}.user-table th:nth-child(1),.user-table td:nth-child(1){width:40%}.user-table th:nth-child(2),.user-table td:nth-child(2){width:20%}.user-table th:nth-child(3),.user-table td:nth-child(3){width:20%}.user-table th:nth-child(4),.user-table td:nth-child(4){width:20%}.action-button{margin:.2rem;border:none;border-radius:3px;background-color:#f1f1f1;cursor:pointer;padding:.3rem .5rem;font-size:.8rem}.input-field{width:100%;background-color:var(--color-background-mute);border:1px solid var(--color-border);color:var(--color-text);padding:.3rem;font-size:.9rem}@media (max-width: 768px){.header{padding:.5rem}.title{font-size:1.2rem}.headerbutton{font-size:.8rem;padding:.3rem}.user-table th,.user-table td{padding:.3rem;font-size:.8rem}.action-button{padding:.2rem .4rem;font-size:.7rem}.input-field{padding:.2rem;font-size:.8rem}}.drinks-card{position:relative;padding:15px;height:120px;text-overflow:ellipsis;text-align:center;color:#000;display:flex;justify-content:center;font-size:1.2rem;background-color:var(--card-color);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.drinks-card:nth-child(1){--card-color: #e57373}.drinks-card:nth-child(2){--card-color: #d4b89c}.drinks-card:nth-child(3){--card-color: #f4a261}.drinks-card:nth-child(4){--card-color: #ffe08a}.drinks-card:nth-child(5){--card-color: #7a8cb2}.drinks-card:nth-child(6){--card-color: #8fd19e}.drinks-card:nth-child(7){--card-color: #8bd4e0}.drinks-card:nth-child(8){--card-color: #4a7c59}.drinks-buttons{margin:0 5px;position:absolute;bottom:10px}.drinks-button{margin-left:.5rem;margin-right:.5rem;background-color:#0000001a;border:none;padding:5px 10px;border-radius:2px;cursor:pointer;font-size:1rem}.reset-button{margin:1rem;padding:.5rem;text-align:center;background-color:var(--color-background-mute);color:var(--color-text);border:1px solid var(--color-border);border-radius:5px;cursor:pointer}.count-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:#0003;pointer-events:none}.drinks-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:1rem}.modal[data-v-c6965844]{width:400px;max-width:90%;margin:auto;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;background-color:var(--color-background);padding:20px;animation:fadeIn-c6965844 .3s ease-out}.modal-header[data-v-c6965844]{font-size:1.25rem;color:var(--color-text);font-weight:700;margin-bottom:10px}.modal-content[data-v-c6965844]{margin-bottom:20px;font-size:1rem;color:#333}.modal-actions[data-v-c6965844]{display:flex;justify-content:flex-end;gap:10px}.btn[data-v-c6965844]{padding:8px 16px;font-size:.875rem;border:none;border-radius:4px;cursor:pointer}.btn-primary[data-v-c6965844]{background-color:#007bff;color:#fff}.btn-primary[data-v-c6965844]:hover{background-color:#0056b3}.btn-secondary[data-v-c6965844]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-c6965844]:hover{background-color:#5a6268}@keyframes fadeIn-c6965844{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.title{color:#e1143c;font-weight:700;text-align:center;font-size:1.5rem}.edit-table{display:flex;flex-direction:column;justify-content:center}.edit-table table{width:100%;border-collapse:collapse}.edit-header{align-items:center;justify-content:space-between;color:var(--color-text);padding:1rem;display:flex}.edit-header button{background-color:var(--color-background-mute);color:var(--color-text);border-radius:10%;padding:.2rem;border-color:var(--color-border);font-size:.8rem}.edit-table th,.edit-table td{padding:.3rem;text-align:center;border:1px solid var(--color-border)}.edit-table th:nth-child(2),.edit-table td:nth-child(2){width:40%}.edit-table th:nth-child(3),.edit-table td:nth-child(3){width:10%}.edit-table th:nth-child(4),.edit-table td:nth-child(4){width:50%}@media (max-width: 768px){.edit-table th,.edit-table td{font-size:.9rem}.edit-table th:nth-child(2),.edit-table td:nth-child(2),.edit-table th:nth-child(3),.edit-table td:nth-child(3){width:auto}}.user-card{background-color:var(--color-background-mute);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin:8px;display:flex;flex-direction:column}.user-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:12px;padding-right:10px;font-weight:700;font-size:1.2rem}.user-info .user-name{text-align:left;font-weight:700}.user-info .user-group{text-align:center;font-weight:700;font-size:1.1rem}.user-info p{text-align:right;font-weight:700;font-size:1.1rem}.user-actions{display:flex;flex-direction:row;justify-content:space-between}.add-drinks{background-color:#f26b5e;color:var(--color-text);font-weight:700;border:1px solid var(--color-border);border-radius:4px;padding:4px;font-size:1rem;cursor:pointer;width:48%}.new-user-card{background-color:var(--color-background-mute);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin:8px;display:flex;flex-direction:column}.new-user-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;padding-right:10px;font-weight:700;font-size:1.2rem}.new-user-name{background-color:var(--color-background-soft);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:4px;font-size:1rem;width:50%}.new-user-group{background-color:var(--color-background-soft);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:4px;font-size:1rem;width:30%}.new-user-group select{width:100%;background-color:var(--color-background-soft);color:var(--color-text);border:none;font-size:1rem}.new-user-actions{display:flex;flex-direction:row;justify-content:space-between;padding-right:10px}.drink-amount{display:flex;flex-direction:row;gap:16px;font-size:1.1rem;width:50%}.drink-button{scale:1.35}.add-user-action{width:40%;display:flex;justify-content:flex-end}.confirm{background-color:#32cd32;color:var(--color-text);font-weight:700;border:1px solid #4cbb17;border-radius:4px;font-size:.9rem;cursor:pointer}@media (prefers-color-scheme: dark){.confirm{background-color:#12ad12;color:var(--color-text);font-weight:700;border:1px solid #307c0d;border-radius:4px;font-size:.9rem;cursor:pointer}}.title{padding:20px}.search-bar input{background-color:var(--color-background-mute);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:8px;display:flex;width:300px;font-size:1rem}.divider{margin-top:20px;margin-bottom:10px;color:var(--color-text);font-weight:700;text-align:center}.success-message{color:#32cd32;font-weight:700;text-align:center;margin-bottom:10px}