@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{box-sizing:border-box;padding:0;margin:0}body{font-family:Roboto,sans-serif;background-color:#fdfded}.body-home{background-image:url(/assets/the_rooted_table_web_app-C5CqfDBu.png);background-size:cover;background-position:center;background-repeat:no-repeat}#root{min-width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:100vh}.page-outlet{width:90%;max-width:1200px;display:flex;align-items:center;flex-direction:column;margin-top:2rem;padding-bottom:1rem;color:#333}h1,h2,h3,h4,h5,h6{color:#444;font-family:"Sans-Serif",sans-serif}a{color:#0654b3;text-decoration:none}a:hover{text-decoration:underline}.page{width:100%;height:100%}.page-auth{display:flex;flex-direction:column;align-items:center;justify-content:center}.page-auth .alert-container{min-height:4rem}.select-panel{display:flex;flex-direction:row;align-items:center;justify-content:center;width:fit-content}@media (max-width: 600px){.select-panel{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.navbar{padding:.4rem;background-color:#000;color:#fff;padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;display:flex;justify-content:space-between;align-items:center;z-index:1000;height:6vh;min-height:100px;width:100%;box-shadow:2px 2px 9px 5px #0003,0 2px 4px -2px #0003}.navbar .nav-left{display:flex;align-items:center;justify-content:center;gap:10px}.navbar .nav-left .user-name{text-align:center;width:100%}@media screen and (max-width: 480px){.navbar .nav-left .user-name{display:none}}.navbar nav ul{list-style:none;display:flex;gap:1rem}.navbar nav ul li a{color:#fff}.navbar .logo{transition:all .2s ease-in-out;height:2.5rem}@media screen and (max-width: 768px){.navbar .logo{height:1.5rem}}@media screen and (max-width: 600px){.navbar .logo{height:1.5rem}}@media screen and (max-width: 480px){.navbar .logo{height:1.5rem}}.navbar .logo:hover{transform:scale(1.01);filter:brightness(70%);cursor:pointer}.navbar .logo:active{transform:scale(.99);cursor:pointer}#demo-positioned-button{background-color:#13abecad;padding:1vh 20%;font-size:1em;color:#fff;font-weight:600;line-height:1.1}#demo-positioned-button:hover{background-color:#0f89bdbb}.MuiMenu-paper{border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;background-color:#fff;color:#333}@media (max-width: 600px){.MuiMenu-paper{max-width:100%}}.MuiMenuItem-root{font-family:Arial,sans-serif;font-size:16px}.MuiMenuItem-root:hover{background-color:#eee}.MuiMenuItem-root.Mui-selected,.MuiMenuItem-root.Mui-focusVisible{background-color:#e3f2fd}.Footer{height:50px;width:100%;background-color:#000000d0;margin-top:auto;display:flex;justify-content:center;align-items:center}.Footer p{color:#f5f5f5;font-size:1.1em}.page-not-found{text-align:center;margin-top:50px}.page-clients{display:flex;flex-direction:column}.t-container{overflow-x:auto;margin:10px}.clients-grid-header{background-color:#000;color:#fff}.confirm-email-form{display:flex;flex-direction:column;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px}.confirm-email-form .MuiTextField-root{margin-bottom:20px;width:100%}.confirm-email-form .MuiButton-contained{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border-radius:4px}.confirm-email-form .MuiButton-contained:hover{background-color:#0056b3}.css-1koke5-MuiResponsiveChart-container{width:100%!important;height:100%}.dashboard-overview{display:flex;justify-content:space-between;flex-wrap:wrap}#Chef-container{max-width:100%}#Chef-container h5,#client-table-container{margin-bottom:2rem}#Piechart-container{display:flex;align-items:center;flex-direction:column}#Piechart-container h5{margin-right:5.5rem;margin-bottom:4rem}.kmdashboard-container,#pieChart{width:100%}@media (max-width: 1150px){#header-date{text-align:center;margin-bottom:32px}#Chef-container{text-align:center}#Chef-container h5,#Piechart-container h5{margin-bottom:1rem}.dashboard-overview{flex-direction:column;align-items:center}}.UserRoles{min-width:200px}.add-item-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.add-item-container .add-item-button{transition:transform .2s ease}.add-item-container .add-item-button.active{transform:scale(.9)}@media (max-width: 600px){.add-item-container{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.chef-grocery-list{width:100%;margin-top:10px}.chef-grocery-list-header{background-color:#000;color:#fff}.client-grocery-list{width:100%;margin-top:10px}.client-grocery-list-header{background-color:#966;color:#fff}.remove-item-btn-ctr{display:flex;align-items:center;justify-content:center}.page-grocery-list{display:flex;flex-direction:column;align-items:flex-start}.line-progress{width:100%}.homePage{display:grid;justify-content:center;width:100%;font-family:Roboto,sans-serif}.homePage .welcomeNote{display:flex;flex-direction:column;font-size:24px;font-weight:700;margin:40px auto;padding:20px;border-radius:10px;text-align:center;background-color:#0006;color:#fff;max-width:600px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000004d;border:1px solid rgba(255,255,255,.2)}.homePage .welcomeNote:after{content:"";position:absolute;bottom:-20px;right:10px;width:0;height:0;border-style:solid;border-width:20px 30px 0 0;border-color:rgba(0,0,0,.4) transparent transparent transparent}.homePage .toDashboardBox{display:flex;justify-content:center;min-width:300px}.homePage .toDashboardBox .toDashboard{margin-top:50px;width:100%;transition:transform .2s ease-in-out,box-shadow .3s ease;animation:float 3s ease-in-out infinite}.homePage .toDashboardBox .toDashboard .toDashboardbtn{background-color:#fff4db;padding:20px;box-shadow:0 0 10px 5px #0003;border-radius:5px;display:grid;grid-template-columns:2fr 3fr 1fr;align-items:center}.homePage .toDashboardBox .toDashboard .toDashboardbtn a{text-decoration:none}.homePage .toDashboardBox .toDashboard .toDashboardbtn p{font-size:1.4em;font-weight:700;text-decoration:none}.homePage .toDashboardBox .toDashboard .toDashboardbtn svg{margin-left:auto}.homePage .toDashboardBox .toDashboard:hover{transform:scale(1.005);box-shadow:0 0 5px 5px #0003;animation-play-state:paused}.homePage .toDashboardBox .toDashboard:hover a{text-decoration:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.homePage-not-auth{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.homePage-not-auth .greet-not-auth{margin-top:20%;font-size:2.5em;font-weight:700;margin-bottom:20px;text-align:center;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.homePage-not-auth .para-not-auth{text-align:center;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.register-instructions{margin-top:20px;margin-bottom:20px}.register-instructions p{color:#333;font-size:14px;line-height:1.5}.UserTable{display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:auto;margin-right:auto}.UserBox{border-radius:10px;background-color:#0006;margin:1vh;max-width:400px;overflow:hidden;box-shadow:0 3px 6px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);background:#fff}.UserBoxHeader{display:grid;align-items:center;grid-template-columns:1fr 5fr}.UserBoxHeader img{width:70%;height:70%;margin:7px}.UserBoxHeader .name{color:#000;display:flex;align-items:center;font-size:1.3em}.UserBoxHeader .name .namelabel{margin-right:10px;margin-left:10px;font-size:1.8vh}.UserBoxHeader .Role{font-size:1.3em;font-weight:500;color:#000;grid-column:span 2;margin-left:15px;margin-bottom:10px}.UserBoxBody{color:#000;margin-left:15px;font-size:1em}.UserBoxBody .Email{display:flex}.UserBoxBody .Email .email{margin-right:4px}.UserBoxBody .date{margin-top:5%;margin-bottom:5%;display:grid;grid-template-columns:1fr 1fr;align-items:end}.UserBoxBody .date .edit{display:flex;justify-content:flex-end;margin-right:15px}.LoadingUser{display:flex;margin:20% auto auto;font-size:2em;font-weight:800}@media screen and (max-width: 768px){.UserTable{grid-template-columns:1fr 1fr}}@media screen and (max-width: 426px){.UserTable{grid-template-columns:1fr}}.page-chef-dashboard{width:100%;padding:20px}.page-chef-dashboard h1{color:#333;text-align:center;margin-bottom:20px}.page-chef-dashboard #overview-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.page-chef-dashboard #overview-container #client-container,.page-chef-dashboard #overview-container #grocerylist-container{flex:1 1 45%;min-width:300px;box-shadow:0 2px 5px #0000001a;padding:20px;border-radius:8px;background-color:#fff}.page-chef-dashboard #overview-container #client-container h2,.page-chef-dashboard #overview-container #grocerylist-container h2{font-size:18px;margin:16px 0}@media (max-width: 768px){.page-chef-dashboard #overview-container{flex-direction:column}.page-chef-dashboard #overview-container #client-container,.page-chef-dashboard #overview-container #grocerylist-container{flex-basis:100%}}.items-grid-header{background-color:#000;color:#fff}.MuiDataGrid-sortIcon,.items-grid-container .MuiDataGrid-toolbarContainer button{color:#fff}.suppliers-cell{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;height:100%}.edit-supplier-deetails{display:flex;width:100%;align-items:center;justify-content:center}.page-order{display:flex;flex-direction:column;align-items:flex-start}.page-order .MuiPaper-root{background-color:#fff}.page-order #page-order-dash{display:flex;flex-direction:row;align-items:center;justify-content:center;width:fit-content}@media (max-width: 600px){.page-order #page-order-dash{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.proto-order-grid-container{margin-top:40px;min-width:100%}.proto-order-grid-header{background-color:#000;color:#fff}.MuiDataGrid-overlay{min-height:fit-content!important}#export-head{background-color:#966}.order-line-items-grid-header{background-color:#ffdb83;color:#000}.MuiDataGrid-sortIcon{color:#fff}.MuiDataGrid-columnHeader{background-color:#ffdb83;color:#000}.order-line-items-grid-container .MuiDataGrid-toolbarContainer{background-color:#966}.order-line-items-grid-container .MuiDataGrid-toolbarContainer button{color:#fff}