@import"https://fonts.googleapis.com/css2?family=Bitter:wght@300;500;700&display=swap";#root{margin:0 auto 0 0;text-align:center}.logo{height:220px;padding:1.5em;will-change:filter;transition:filter .3s}.formLogin{display:flex;margin-right:20%;margin-left:20%;max-width:100%}.formLogin>form{display:flex;flex-direction:column;width:100%;height:411px}.failLogin{display:block;color:#bf1304;font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em;text-align:left;margin-top:2px}@media (min-width: 320px) and (max-width: 480px){.logo{height:150px}.formLogin{margin-right:5%;margin-left:5%;height:300px}.failLogin{font-size:18px}}.banner{display:block;margin-right:auto;margin-left:auto;max-width:100%;min-width:100%}h1{margin-top:-3.7%;margin-bottom:2%;font-size:40px;font-weight:700;letter-spacing:.08em}@media (min-width: 320px) and (max-width: 480px){h1{margin-top:-3.7%;margin-bottom:2%;font-size:28px;font-weight:700;letter-spacing:.08em}}.p-login{margin-top:3%;margin-bottom:5px;font-family:Bitter;font-style:normal;font-weight:700;font-size:24px;line-height:150%;letter-spacing:.08em;text-align:left}.input{width:98%;height:60px;border-style:solid 2px;border-radius:6px;border-color:#bf5b04;background-color:#ededed;color:#000;font-family:Bitter;font-style:normal;font-weight:700;font-size:24px;line-height:150%;letter-spacing:.08em;text-indent:1em}.input:focus{outline:solid 1px #bf5b04}:placeholder-shown{text-indent:1em;letter-spacing:3px;font-size:18px}@media (min-width: 320px) and (max-width: 480px){.p-login{font-size:18px}.input{font-size:20px}}.btn{margin-top:7%;width:100%;padding:3%;background-color:#bf5b04;border-radius:5px;border:none;font-weight:700;font-size:24px;font-family:Bitter;letter-spacing:.13em}@media (min-width: 320px) and (max-width: 480px){.btn{font-size:22px}}:root{font-family:Bitter,serif;line-height:1.5;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}#root{position:absolute}.containerBanner{display:flex;justify-content:space-around;align-items:center;height:150px}.containerBanner>h1{margin:0;font-size:35px}.logoSmall{width:130px}.containerUser{display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-weight:700;font-size:20px;letter-spacing:.08em}.iconOut{margin-bottom:-2%}@media (min-width: 320px) and (max-width: 480px){.containerBanner>h1{font-size:20px}.logoSmall{width:80px}.containerUser{font-weight:700;font-size:14px;height:50px}.iconOut{margin-bottom:-5%;width:20px}.iconUser{width:25px}}.containerButtonsE{display:flex;margin:0;justify-content:space-between;align-items:center;gap:250px}.addUser{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:4%}.addUser>span{font-family:Bitter;font-weight:700;font-size:20px;line-height:150%;letter-spacing:1px}.containerButtonsE>button{width:300px;margin:0}.containerButtonsE{display:flex;margin:30px 0;justify-content:space-around}.columnsName{grid-area:hd;display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-areas:"ha he hi ho hu";align-items:center;background-color:#bf5b04;border-top-left-radius:15px;border-top-right-radius:15px;padding:5px}.columnsName>span{color:#fff}.containerId{background-color:#ededed;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-bottom:80px;align-items:center}.containerId>ul{grid-area:content;display:grid;grid-template-areas:"ca ce ci co cu";grid-template-columns:20% 20% 20% 20% 20%;align-items:center;padding:0}.containerId>ul>li{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#btnProduct{margin-right:5%;width:250px;height:95px}@media (min-width: 320px) and (max-width: 480px){.addUser{margin-left:0%}.addUser>span{font-size:16px}#btnProduct{font-size:18px;height:35%;width:90%;margin-right:0%}.containerButtonsE{display:flex;gap:10px;justify-content:center;width:90%;margin:-3% 5%;flex-direction:column}.containerTable{display:grid;grid-template-areas:"hd" "content";margin:3%;font-size:18px}.pwd{display:none}.columnsName{grid-area:hd;display:grid;grid-template-columns:15% 29% 30% 22%;grid-template-areas:"ha he ho hu";align-items:center;font-size:18px;margin-top:3%}.containerId>ul>.passWord{display:none}.containerId>ul{grid-area:content;display:grid;grid-template-areas:"ca ce co cu";grid-template-columns:15% 30% 33% 20%;align-items:center;padding:0;margin-bottom:45px;font-size:18px}.editU{width:20px}.deleteU{width:25px}.addU{width:40px}}.modal{max-width:100%;height:100vh;position:fixed;width:100%;left:50%;top:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 50%)}.innerModal{display:flex;flex-direction:column;border:3px solid #bf5b04;border-radius:25px;box-shadow:10px 10px 10px gray;background:white;padding:20px;width:640px;text-align:center;font-family:Bitter;font-style:normal;font-weight:700;font-size:24px;line-height:150%;letter-spacing:.08em}.containerClose{display:flex;align-self:flex-end;border:solid 2px #bf5b04}.containerRadio{margin-top:3%;margin-bottom:3%;display:flex;flex-direction:column;align-items:flex-start}.modalDelete{max-width:100%;height:100vh;position:fixed;width:100%;left:50%;top:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 50%)}.innerModalDelete{display:flex;flex-direction:column;align-items:flex-end;border:3px solid #bf5b04;border-radius:25px;box-shadow:10px 10px 10px gray;background:white;padding:20px;width:640px;text-align:center;font-family:Bitter;font-style:normal;font-weight:700;font-size:24px;line-height:150%;letter-spacing:.08em}.innerModalDelete>span{align-self:center}.containerClose{display:flex;justify-content:center;border:solid 2px #bf5b04}.containerCheck{align-self:center;display:flex;justify-content:center;margin-top:20px;margin-bottom:10px;width:10%;border:solid 2px #bf5b04}.containerButtonsProducts{display:flex;margin:40px;justify-content:space-between;align-items:center}.addProduct{display:flex;flex-direction:column;justify-content:center;align-items:center}.addProduct>span{font-family:Bitter;font-weight:700;font-size:20px;line-height:150%;letter-spacing:1px}.containerButtons>button{width:300px;margin:0}.containerButtons{display:flex;margin:30px 0;justify-content:space-around}.containerTable{display:grid;grid-template-areas:"hd" "content";margin:30px;border-top-left-radius:10px;border-top-right-radius:10px;font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em}.columnsNames{grid-area:hd;display:grid;grid-template-columns:12% 14% 14% 16% 16% 16% 14%;grid-template-areas:"ha he hi ho hu hx hz";align-items:center;background-color:#bf5b04;border-top-left-radius:15px;border-top-right-radius:15px;padding:5px}.columnsNames>span{color:#fff}.containerIds{background-color:#ededed;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-bottom:80px;align-items:center}.containerIds>ul{grid-area:content;display:grid;grid-template-areas:"ca ce ci co cu cx cz";grid-template-columns:12% 14% 14% 16% 16% 16% 14%;align-items:center;padding:0}.containerIds>ul>li{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon1{display:flex;width:100%;justify-content:space-evenly}.imageProduct{width:45px;height:45px;justify-self:center}#btnEmployee{width:150%;height:95px;margin-left:40%}.containerOptions{display:flex;margin:30px;justify-content:space-evenly;font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em}.optionDes,.optionAlm,.optionCen{display:flex;justify-content:center;align-items:center}@media (min-width: 320px) and (max-width: 480px){.addUser{margin-left:0%}.addUser>span{font-size:16px}#btnProduct{font-size:18px;height:35%;width:90%;margin-right:0%}.containerOptions{width:90%;font-size:18px;margin-left:5%;display:flex;justify-content:space-between;align-items:center}#btnEmployee{font-size:18px;height:45px;width:250%;margin:0%}.addProduct>span{font-size:18px}.containerButtonsProducts{display:flex;gap:10px;justify-content:center;align-items:center;width:90%;margin:0% 5%;flex-direction:column-reverse}.containerTable{display:grid;grid-template-areas:"hd" "content";margin:3% 3% 3% 5%;font-size:18px;width:90%}.idP,.create{display:none}.columnsNames{grid-area:hd;display:grid;grid-template-areas:"ha he hi ho hu";grid-template-columns:20% 21% 18% 20% 20%;align-items:center;font-size:18px}.columnsNames>span{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.containerIds>ul{grid-area:content;display:grid;grid-template-areas:"ca ce ci co cu";grid-template-columns:20% 20% 20% 20% 20%;align-items:center;padding:0;margin-bottom:40px;font-size:18px}.editU{width:20px}.deleteU{width:25px}.addU{width:40px}}.containerImg{display:flex;flex-direction:column;justify-content:center;align-items:center}.containerImg>span{margin-top:3%;align-self:flex-start}.productCards{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:4.5%}.card{width:210px;min-height:357px;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:19px;margin:5%;background:#d9d9d9;box-shadow:5px 4px 4px #0000004d;border-radius:19px;position:relative}.card>img{width:120px}.counter{display:flex;justify-content:space-around;align-items:center;font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em;border-radius:30px;background-color:#bf5b04;color:#fff;width:60%}#btnOrder{position:absolute;bottom:-12px;margin:0;width:66%;font-size:18px;padding:10px}.containerButtons{margin:3%}.containerRoot{margin:3%;display:grid;grid-template-areas:"a . b";grid-template-columns:48% 2% 50%;font-family:Bitter;font-weight:700;font-size:16px;line-height:150%;letter-spacing:1px}.columnA{grid-area:a}.columnB{grid-area:b}.tableOrder{display:grid;grid-template-areas:"order";grid-template-columns:100%;width:100%;margin-top:30px}.columnOrder{grid-area:order;width:100%;background-color:#ededed;height:auto;border-radius:30px 30px 0 0}.columnHeader{background-color:#bf5b04;height:50px;display:grid;justify-content:center;align-items:center;font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em;color:#ededed}.columnOrder>.columnHeader{border-radius:30px 30px 0 0}.orderItem{display:grid;grid-template-areas:"a b c d";grid-template-columns:8% 50% 26% 5%;width:100%;margin-left:2%;margin-top:30px;white-space:wrap;word-wrap:break-word;text-align:start}.total{display:flex;flex-direction:column;align-items:flex-end;margin-top:50px;text-align:end;margin-right:40px;font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em}.columnOrder{font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em}#btnSend{width:45%}.containerTotal{display:flex;width:60%;margin-right:-10%;justify-content:space-around;align-items:flex-end}@media (min-width: 320px) and (max-width: 480px){.containerRoot{grid-template-areas:"a" "b";grid-template-columns:100%}.columnA{grid-area:b}.columnB{grid-area:a}}.containerTableOrder{display:grid;grid-template-areas:"name";margin:30px 30px 370px;font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em;background-color:#ededed;border-radius:10px 10px 15px 15px}.columns{grid-area:name;display:grid;grid-template-areas:"h1 h2";grid-template-columns:30% 70%;background-color:#bf5b04;border-top-left-radius:15px;border-top-right-radius:15px;padding:5px}.columns>span{color:#fff}.containerOrders{display:grid;grid-template-areas:"client order";grid-template-columns:40% 60%}.dataClient{grid-area:client;border-top:solid 1px black;border-right:solid 1px black}.dataOrder{grid-area:order;border-top:solid 1px black;display:flex;flex-direction:column;justify-content:space-around}.dataClient>ul{display:flex;list-style:none;justify-content:space-between;flex-direction:column;height:200px}.dataOrder>ul{display:grid;grid-template-areas:"d1 d2 d3";grid-template-columns:10% 20% 60%;width:90%;justify-content:space-between;align-items:center;list-style:none}.client{display:flex;width:100%;justify-content:space-around;margin-left:-55px;align-items:flex-start;list-style:none}.timer{display:flex;width:100%;justify-content:space-around;margin-left:-20px;list-style:none;margin-right:-10px}#btnUpdate{width:35%;align-self:end;display:flex;align-items:center;justify-content:center;margin:0 10px 3px 0}p{font-family:Bitter;font-weight:700;font-size:22px;line-height:150%;letter-spacing:.146em;text-align:center;margin-bottom:80px}.viewChef,.viewOrders{display:inline-block;height:481px}@media (min-width: 320px) and (max-width: 480px){.containerTableOrder{margin:0 15px 291px}.dataOrder>ul{grid-template-columns:10% 30% 65%;margin-left:-15%}.dataOrder>ul>li{font-size:18px}#imgProduct{width:41px;height:41px}#btnUpdate{font-size:14px;height:30px;width:100px}.client{margin-left:-20px}.viewChef,.viewOrders{display:inline-block;height:291px}}footer{position:static;display:flex;justify-content:center;align-self:flex-end;bottom:0;margin-top:105px;width:100%;height:70px;background-color:#bf5b04b3;font-family:Bitter;font-weight:700;font-size:20px;line-height:150%;letter-spacing:.146em}a{color:#000;font-weight:700;line-height:150%;letter-spacing:.146em;margin-left:5px;text-decoration:underline}a:active{color:#fff}a:visited{color:#000}@media (min-width: 320px) and (max-width: 480px){footer{height:50px;margin-top:45.5%;align-items:center}footer>p{font-size:18px;margin:0}}