:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.top-menu .menu{display:flex;justify-content:center;list-style:none;gap:20px;background-color:#000;padding:10px 0;margin:0}.top-menu li{cursor:pointer;color:#fff;font-weight:700;transition:color .3s;position:relative}.top-menu li:hover{color:gold}.menu-toggle{display:none;font-size:2rem;color:#fff;padding:10px;cursor:pointer}.top-menu ul.menu li{background-color:transparent;color:#fff}.top-menu ul.menu li a:hover,.top-menu ul.menu li:hover{color:orange}.top-menu ul.menu li a:visited{color:#aecd57}.menu li .dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#000;border:1px solid #333;min-width:160px;z-index:100;flex-direction:column}.menu li .dropdown-menu li{padding:8px 12px;white-space:nowrap}.menu li:hover .dropdown-menu{display:flex}.menu li .dropdown-menu li:hover{background-color:#555}.menu li.dropdown span{cursor:pointer}@media(max-width:768px){.menu-toggle{display:block;text-align:right;background-color:#000}.top-menu .menu{display:none;flex-direction:column;gap:10px}.top-menu .menu.open{display:flex}.top-menu ul.menu{background-color:#333;padding:10px}.top-menu ul.menu.open li{background-color:#000;color:#fff;padding:12px;border-bottom:1px solid #FFFFFF;width:100%}.top-menu ul.menu.open li:last-child{border-bottom:none}.top-menu ul.menu.open li:hover{background-color:#555}.menu li .dropdown-menu{position:relative;border:none;display:none}.menu li .dropdown-menu.show{display:flex}}.premium-bar{background-color:#aecd57;display:flex;justify-content:space-between;align-items:center;padding:8px 20px}.premium-left{display:flex;gap:12px}.social-icon{width:22px;height:22px;cursor:pointer}.premium-right{display:flex;align-items:center}.top-bar{background-color:#000;padding:20px 0;display:flex;justify-content:center}.header-logo{height:150px;width:150px;border-radius:50%;object-fit:cover;margin-top:-70px;transition:all .3s ease}@media(max-width:992px){.header-logo{height:120px;width:120px;margin-top:-50px}}@media(max-width:600px){.header-logo{height:90px;width:90px;margin-top:-30px}}@media(max-width:400px){.header-logo{height:75px;width:75px;margin-top:-20px}}.top-left-icons{display:flex;gap:20px}.top-right{display:flex;align-items:center;gap:15px;font-size:1.2rem;color:#fff}.social-icons{display:flex;gap:12px;align-items:center}.social-icon{width:28px;height:28px;cursor:pointer}.premium-auth{display:flex;gap:20px;font-weight:700;cursor:pointer}.top-bar{background:#000;display:flex;justify-content:center;padding:20px 0}.main-menu{background-color:#000;display:flex;justify-content:center;padding:1rem}.main-menu ul{list-style:none;display:flex;gap:4rem;padding:0;margin:0}.main-menu li{color:#fff;font-size:1.3rem;letter-spacing:3px;cursor:pointer;transition:color .3s}.main-menu li:hover{color:#000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;padding:25px;border-radius:0;width:300px;max-width:90%;box-shadow:0 5px 15px #0000004d;animation:fadeIn .3s ease}.modal-box input{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:0}.modal-actions{display:flex;justify-content:space-between}input{padding:8px 10px;margin-bottom:10px;border:1px solid #ccc;border-radius:0;background:#fff;color:#000;box-sizing:border-box}button{padding:10px 15px;border:none;background:#4caf50;color:#fff;border-radius:0;cursor:pointer}.close-btn{background:#c0392b}button:hover{opacity:.9}.error-message{margin-top:10px;color:#d9534f;font-size:.9rem;text-align:center}.modalWindowTitel{color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-area{display:flex;flex-direction:column;gap:15px;margin-top:1rem;border:2px #AAD037 solid;width:100%;margin-left:auto;margin-right:auto}@media(min-width:1024px){.form-area{width:50%}}.signup-form{margin-top:30px;padding:20px;background:#f5f5f5;border-radius:0}.signup-form h3{margin-bottom:15px;color:#333}.signup-form input{display:block;width:100%;color:#000;padding:8px 10px;margin-bottom:10px;border:1px solid red;border-radius:0;box-sizing:border-box;background:#0a53be}.signup-form button{padding:10px 15px;background:#aad037;color:#fff;border:2px solid #000000;border-radius:0;cursor:pointer}.signup-form button:hover{background:#ff8c00}.product-list{border:2px orange solid;display:flex;flex-direction:column;gap:15px;margin-top:1rem;padding:15px;width:100%;margin-left:auto;margin-right:auto}@media(min-width:1024px){.product-list{width:50%}}.product-card{background:#fff;padding:12px;border-radius:0;box-shadow:0 0 6px #0000001a}.product-category{font-weight:700;font-size:14px;margin-bottom:6px;color:#666}.product-line{display:flex;align-items:center;gap:10px}.product-name{font-weight:600;flex:1}.product-price{font-weight:700;min-width:70px;text-align:right}.total-box{margin-top:20px;padding:14px;background:#000;color:#fff;border-radius:0;font-size:18px}.custom-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #555;border-radius:3px;cursor:pointer;position:relative;background-color:#fff}.custom-checkbox:checked{background-color:#aad037;border-color:#aad037}.custom-checkbox:checked:after{content:"✔";color:#fff;font-size:14px;position:absolute;top:-1px;left:2px}body{background-color:#f0f0f0}.product-table-list{border:2px solid darkorange;background-color:#fff;display:flex;flex-direction:column;gap:15px;margin-top:1rem;padding:15px;width:100%;margin-left:auto;margin-right:auto}@media(min-width:1024px){.product-table-list{width:50%}}.product-table{width:100%;border-collapse:collapse;margin-top:10px;color:#000;background-color:#fff}.product-table th,.product-table td{border:1px solid #ddd;padding:8px;text-align:left}.product-table th{background-color:#f4f4f4;font-weight:700}.product-table tr:nth-child(2n){background-color:#fafafa}.product-table tr:hover{background-color:#f0f0f0}td button{margin-right:8px}.edit-input-feld{padding:.5rem;border-radius:4px;border:1px solid #ccc}.add-button{display:inline-block;padding:10px 16px;border-radius:0;background-color:#aad037;border:2px solid #000;color:#fff;width:50%;font-weight:600;cursor:pointer;transition:background .15s ease,transform .08s ease;text-align:center;line-height:1;-webkit-appearance:none;appearance:none;box-sizing:border-box}.add-button:hover,.add-button:focus{background-color:#8eb12f;outline:none;box-shadow:0 0 0 3px #aad0371f}.add-button:active{transform:translateY(1px) scale(.99)}.add-button:disabled{background-color:#d6d6d6;border-color:#aaa;cursor:not-allowed;color:#666}.add-product-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:15px;margin-top:1rem;background:#f9f9f9;border-radius:8px;border:1px solid #e6e6e6}.add-product{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:0;border:none}.add-product .input-field,.add-product select{padding:12px;border-radius:0;border:1px solid #ccc;width:100%;background:#fff;color:#000;font-size:15px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.add-product .input-field:focus,.add-product select:focus{border-color:#aad037;box-shadow:0 0 4px #aad03766;outline:none}.add-product .add-button{padding:12px;border-radius:0;background-color:#aad037;border:none;color:#fff;font-weight:600;cursor:pointer;transition:background .3s,transform .1s}.add-product .add-button:hover{background-color:#8eb12f}.add-product .add-button:active{transform:scale(.97)}@media(max-width:768px){.add-product-form,.add-product{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}#root,.app-container{width:100%;max-width:100%;margin:0;text-align:center;min-height:100vh;display:flex;flex-direction:column}.header{width:100%;background:#000;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.header-left h1{margin:0}.header-right{display:flex;align-items:center}.body{flex:1;padding:2rem;width:100%;background-color:#fff;color:#000}.inline-menu ul{list-style:none;margin:0;display:flex;justify-content:center;gap:20px;background-color:#aad037;padding:10px 0}.inline-menu li{cursor:pointer;color:#fff;font-weight:700;transition:color .3s}.inline-menu li:hover{color:gold}.inline-second-menu ul{color:#fff;font-size:16px;font-weight:700;list-style:none;padding:0;margin:0;display:flex;gap:20px}.body{flex:1;padding:2rem;width:100%;background:linear-gradient(to bottom,#fff 60%,#aecd57)}.body input{padding:8px 10px;margin-bottom:10px;border:1px solid #000000;background:#fff;border-radius:0;box-sizing:border-box}input[type=date]{width:200px;padding:10px;font-size:16px;border:1.5px solid #ccc;border-radius:0;background-color:#fff;color:#333;outline:none;transition:.2s ease-in-out}input[type=date]:focus{border-color:#4e9a06;box-shadow:0 0 4px #4e9a064d}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(30%) sepia(50%) saturate(500%) hue-rotate(60deg)}input[type=date]::-moz-focus-inner{border:0}.footer{background-color:#000;color:#fff;padding:1rem;width:100%}@media(max-width:768px){.inline-menu ul{flex-direction:column;gap:10px}}.log-reg-btn{padding:10px 15px;color:#fff;border:1px solid #FFFFFF;border-radius:0;cursor:pointer;font-weight:700}.log-reg-btn:hover{background-color:#fff;color:#c0392b}.logout-null{padding:10px 25px;color:#fff;border:0px solid #000000;border-radius:0;cursor:pointer;font-weight:700}.logout-null:hover{color:#000}.logout-btn{padding:10px 25px;background-color:#ff8c00;color:#fff;border:2px solid #000000;border-radius:0;cursor:pointer;font-weight:700}.logout-btn:hover{background-color:#000;color:#fff}.buffet-customer{border:3px darkorange solid;background:#ff8c00;display:flex;flex-direction:column;gap:15px;margin-top:1rem;padding:15px;width:100%;margin-left:auto;margin-right:auto}@media(min-width:768px){.buffet-customer{width:50%}}.buffet-list{background-color:#fff;display:flex;flex-direction:column;align-items:center;color:#000;gap:15px;margin-top:1rem;padding:15px;width:100%}.buffet-card{border:2px solid darkorange;padding:1rem;border-radius:0;width:50%;box-sizing:border-box;background-color:#fff;color:#000}.buffet-card h3{margin-bottom:.5rem}.buffet-card table{width:100%;border-collapse:collapse;margin-bottom:.5rem}.buffet-card th,.buffet-card td{border-bottom:1px solid #ccc;padding:.4rem .5rem;text-align:left;font-size:14px}.buffet-card .buttons{margin-top:.5rem}.buffet-card .buttons button{margin-right:.5rem;padding:10px 12px;border:none;border-radius:0;cursor:pointer}.buffet-new{padding:10px 15px;background:#aad037;color:#fff;border:1px solid #000000;border-radius:0;cursor:pointer;width:45%;display:inline-block;font-size:14px}.buffet-new:hover{background:#8fba2f}.buffet-delete{border:1px solid #000000;!important;padding:10px 15px;color:red;border-radius:0;cursor:pointer;width:45%;font-size:14px;background:#fff}.buffet-delete:hover{background:red;color:#fff}@media(max-width:1024px){.buffet-card{width:80%}.buffet-new{width:60%}.buffet-delete{width:70%}}@media(max-width:768px){.buffet-card{width:100%;padding:.8rem}.buffet-new,.buffet-delete{width:100%;font-size:15px}table th,table td{font-size:13px;padding:.35rem}}@media(max-width:480px){.buffet-card h3{font-size:16px}table th,table td{font-size:12px}.buffet-new,.buffet-delete{padding:12px;font-size:14px}}.add-buffet{border:2px solid orange;background-color:#fff;padding:1rem;margin:1rem auto;width:50%;box-sizing:border-box;border-radius:0;color:#000;display:flex;flex-direction:column;gap:1rem}.add-buffet h2{text-align:center;margin-bottom:1rem}.add-buffet form div{display:flex;flex-direction:column;gap:.5rem}.add-buffet select,.add-buffet input[type=date]{padding:.5rem;border-radius:0;border:1px solid #ccc}.add-buffet{align-self:flex-start;background:#aacd4e;padding:12px;border-radius:0;border:1px solid #ccc;width:50%;color:#fff;font-size:15px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.add-buffet{background-color:#ccc;cursor:not-allowed}@media(max-width:768px){.add-buffet{width:90%;padding:.75rem}.add-buffet{width:100%;align-self:stretch}}