body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Hideous";src:local("Hideous"),url(/static/media/Hideous.f8985ddd.ttf) format("truetype")}.loginMainContainer,.loginMainContainer .loginBox{display:flex;align-items:center;justify-content:center}.loginMainContainer .loginBox{background-color:#f3f1e4;border-width:2px;min-height:350px;min-width:400px;border-radius:1.2em;text-align:left;flex-direction:column}.loginMainContainer .loginBox .logo{max-width:120px;margin:20px auto auto}@media screen and (max-width:640px){.loginMainContainer .loginBox{min-width:90vw}}.loginMainContainer .loginBox .errorContainer{color:#e74c3c;margin-bottom:2em}.loginMainContainer .loginBox .inputContainer{margin-bottom:2em;width:80%;display:flex;flex-direction:column}.loginMainContainer .loginBox .inputContainer input{background-color:transparent;color:#47908a;height:2em;font-size:1.2em;-webkit-appearance:none;appearance:none;border:none;border-bottom:2px solid #91bcb9;outline:none;border-radius:0}.loginMainContainer .loginBox .inputContainer .loginBtn{font-size:1em;font-weight:700;background-color:#47908a;color:#fff;text-align:center;border-radius:10px;height:40px;line-height:40px;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;appearance:none}.loginMainContainer .loginBox .inputContainer .loginBtn:hover{opacity:.6}@media screen and (max-width:640px){.loginMainContainer .loginBox{width:90%}}#firebaseui_container{margin:2em!important}.mdl-button--raised.mdl-button--colored{background-color:#47908a!important}.mdl-button--primary.mdl-button--primary{color:#47908a!important}.statsTable{border-radius:1.2em;background-color:#f3f1e4;margin:auto;color:#47908a;display:flex;flex-direction:column;position:relative}.statsTable h3{border-radius:5px;text-transform:uppercase}.statsTable .csvButton{margin:1rem}.statsTable .searchBar{display:flex;align-items:center;justify-content:center;margin:20px auto;width:100%;max-width:400px}.statsTable .searchBar input{width:100%;padding:.5em;border:2px solid #ccc;border-radius:12px;font-size:14px;transition:all .3s ease-in-out;outline:none}.statsTable .titleContainer{display:flex;width:100%;justify-content:space-between;align-items:center;margin:auto}.statsTable .titleContainer h3{padding-left:1rem}.statsTable .buttonContainer{display:flex;align-items:center;justify-content:space-between;margin:auto;max-width:400px;min-width:400px}.statsTable .buttonContainer .iconBox{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;cursor:pointer}.statsTable .buttonContainer .iconBox:hover{opacity:.7}.statsTable .totalAmount{font-size:28px;margin:10px}.statsTable .sizeDivision{font-size:16px;margin-top:0}.statsTable .sizeDivision span{font-weight:700}.statsTable .pieChartContainer{display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:2em}.statsTable .pieChartContainer>div{width:100%;max-width:896px}.statsTable .statsRow{border-radius:5px;padding:1em;margin:auto auto 1em;display:flex;flex-direction:column;width:90%;align-items:center}.statsTable .statsRow .flavourContainer{margin:auto;display:flex;flex-direction:row;width:100%}@media screen and (max-width:640px){.statsTable .statsRow{max-width:80%}.statsTable .statsRow .flavourContainer{margin:auto;display:flex;flex-direction:column;width:100%}}.statsTable .statsRow .countContainer{margin:auto;display:flex;flex-direction:row;width:100%}.statsTable .statsRow .flavourBreakDown{display:flex;flex-direction:column;text-align:right;width:100%;color:#f3f1e4}@media screen and (max-width:640px){.statsTable .statsRow .flavourBreakDown{text-align:left}}.statsTable .statsRow .flavourBreakDown span{float:right;line-height:2em;font-size:1.2em;width:100%;font-weight:700;color:#fff;text-align:right}@media screen and (max-width:640px){.statsTable .statsRow .flavourBreakDown span{text-align:left}}.statsTable .statsRow .itemValue{color:#485731;background-color:#f3f1e4;padding:4px;border-radius:6px;align-items:center;height:36px;max-width:400px;width:90%;margin-top:1em}.statsTable .statsRow .countCircle,.statsTable .statsRow .itemValue{display:flex;font-size:1.1rem;font-family:Futura;font-weight:700;justify-content:center}.statsTable .statsRow .countCircle{width:2.5em;height:1.2em;padding:15px;margin-left:15px;border-radius:50%;background-color:#fff;color:#222}.statsTable .statsRow .toppingContainer{display:flex;text-align:left;width:100%;color:#f3f1e4;justify-content:flex-start;margin:0;padding:0}@media screen and (max-width:640px){.statsTable .statsRow .toppingContainer{padding-top:10px;zoom:.7}}.statsTable .statsRow .toppingContainer .toppingName,.statsTable .statsRow .toppingContainer img{padding-right:10px}.statsTable .statsRow .toppingContainer .toppingPic{width:30px}.statsTable .statsRow .toppingContainer .toppingRatio{display:flex;color:#f3f1e4;font-size:.8rem;font-family:Futura;font-weight:700;margin:0;justify-content:space-between;align-items:center}.statsTable .statsRow .sizeCircle{font-size:1.1rem;font-family:Futura;font-weight:700;width:1em;height:1em;padding:15px;margin-left:15px;border-radius:4px;background-color:initial;border:2px solid #fff;color:#f3f1e4;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.statsTable .statsRow .sizeCircle span{font-weight:700}.loaderContainer{color:#47908a;width:100%;padding-bottom:2em;padding-top:2em}.loaderContainer svg{width:10vw;height:10vw;max-width:100px;max-height:100px}.totalsTable{border-radius:1.2em;padding:2em;background-color:#f3f1e4;margin:auto;color:#47908a;display:flex;flex-direction:column}@media screen and (max-width:896px){.totalsTable{margin:auto;width:80%;max-width:unset}}.totalsTable h3{border-radius:5px;text-transform:uppercase}.totalsTable .totalAmount{font-size:28px;margin:10px}.totalsTable .statsRow{border-radius:5px;padding:1em;margin-bottom:1em}.totalsTable .statsRow span{float:right;line-height:2em;font-size:1.2em;width:75%;font-weight:700;color:#fff}.totalsTable .statsRow .countCircle{float:left;font-size:1.1rem;font-family:Futura;font-weight:700;width:1.2em;height:1.2em;padding:15px;margin-left:15px;border-radius:50%;background-color:#fff;color:#222;display:flex;justify-content:center}.headerContainer{width:100%;position:relative;height:120px;background-color:#91bcb9;display:flex;justify-content:space-evenly;align-items:center}.headerContainer p{color:#f3f1e4;font-weight:700;font:"Lexend Deca"}@media screen and (max-width:800px){.headerContainer{width:100%;flex-direction:column;justify-content:center;align-items:center;height:unset}}.headerContainer .headerBtn{height:20px;font-size:1.3em;background:#f3f1e4;color:#47908a;border-radius:1.2em;padding:1.1em;margin:auto;display:flex;justify-content:center;align-items:center}.headerContainer .headerBtn:hover{opacity:.5;cursor:pointer}.headerContainer .headerBtn .btnIcon{font-size:1.5em;padding-left:.5em;padding-right:.5em}@media screen and (max-width:800px){.headerContainer .headerBtn{width:80%;margin-top:20px}}.headerContainer .logOutBtn{text-transform:uppercase;font-weight:700;max-width:200px;text-align:center}@media screen and (max-width:640px){.headerContainer .logOutBtn{max-width:unset;position:relative;margin-bottom:20px}}.welcomeMsg{background-color:#f3f1e4;color:#47908a;padding:1.4em;border-radius:20px;font-weight:700;max-width:150px;width:100%}@media screen and (max-width:800px){.welcomeMsg{max-width:unset;width:80%;margin-top:20px;margin-bottom:10px}}.branches-multiselect{margin:1em 0}.branches-multiselect .MuiFormControl-root{min-width:320px}.branches-multiselect .MuiOutlinedInput-root{border-radius:8px;transition:all .2s ease}.branches-multiselect .MuiOutlinedInput-root:hover{border-color:#47908a}.branches-multiselect .MuiOutlinedInput-root.Mui-focused{border-color:#47908a;box-shadow:0 0 0 2px rgba(71,144,138,.2)}.branches-multiselect .MuiChip-root{margin:2px;font-weight:500;transition:all .2s ease}.branches-multiselect .MuiChip-root:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.branches-search-container{padding:12px 16px;border-bottom:1px solid #e0e0e0;background-color:#fafafa}.branches-search-container .MuiTextField-root{margin:0}.branches-search-container .MuiInputBase-root{background-color:#fff;border-radius:6px}.branches-no-results{padding:16px;text-align:center;color:#666;font-style:italic;background-color:#f9f9f9}.branches-summary{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:8px;font-size:14px;color:#666}.branches-summary .MuiChip-root{cursor:pointer;transition:all .2s ease}.branches-summary .MuiChip-root:hover{transform:translateY(-1px)}.branches-updating-indicator{font-size:12px;color:#47908a;font-style:italic;margin-left:8px;animation:pulse 1.5s ease-in-out infinite}.branches-menu-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:4px 4px 0 0}.branches-menu-header .MuiChip-root{cursor:pointer;transition:all .2s ease}.branches-menu-header .MuiChip-root:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.branches-menu-item{padding:8px 16px;transition:background-color .2s ease}.branches-menu-item:hover{background-color:#f5f5f5}.branches-menu-item .MuiCheckbox-root,.branches-menu-item .MuiCheckbox-root.Mui-checked{color:#47908a}.branches-menu-item .MuiListItemText-primary{font-size:14px;font-weight:500}.consumptionTable{border-radius:1.2em;background-color:#f3f1e4;margin:auto;color:#47908a;display:flex;flex-direction:column;min-width:100%;position:relative}.consumptionTable h3{border-radius:5px;text-transform:uppercase}.consumptionTable .csvButton{background-color:#47908a;color:#f3f1e4;width:100%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px;text-decoration:none;border-radius:6px;margin-bottom:10px;margin-right:auto;margin-left:auto}.consumptionTable .titleContainer{display:flex;justify-content:space-between;align-items:center;margin:auto}.consumptionTable .pieIcon{cursor:pointer}.consumptionTable .pieIcon:hover{opacity:.7}.consumptionTable .totalAmount{font-size:28px;margin:10px}.consumptionTable .sizeDivision{font-size:16px;margin-top:0}.consumptionTable .sizeDivision span{font-weight:700}.consumptionTable .pieChartContainer{display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:2em}.consumptionTable .pieChartContainer>div{width:100%;max-width:896px}.consumptionTable .statsRow{border-radius:5px;padding:1em;margin:auto auto 1em;display:flex;flex-direction:column;width:90%}@media screen and (max-width:640px){.consumptionTable .statsRow{max-width:80%}}.consumptionTable .statsRow .flavourContainer{margin:auto;display:flex;flex-direction:row;width:100%}.consumptionTable .statsRow .flavourBreakDown{display:flex;flex-direction:column;text-align:right;width:100%;color:#f3f1e4}.consumptionTable .statsRow .flavourBreakDown span{float:right;line-height:2em;font-size:1.2em;width:100%;font-weight:700;color:#fff;text-align:right}.consumptionTable .statsRow .countTag{font-size:1.1rem;font-family:Futura;font-weight:700;border-radius:6px;background-color:#fff;color:#222;display:flex;justify-content:center;align-items:center;padding:5px;margin-right:2%;width:100%}@media only screen and (max-width:767px){.consumptionTable .statsRow .countTag{font-size:10px;min-width:50px}}.consumptionTable .statsRow .toppingContainer{display:flex;text-align:right;width:100%;color:#f3f1e4;justify-content:flex-start;margin:0;padding:0;max-height:40px}@media screen and (max-width:640px){.consumptionTable .statsRow .toppingContainer{padding-top:10px;width:80%;zoom:.8}}.consumptionTable .statsRow .toppingContainer .toppingName,.consumptionTable .statsRow .toppingContainer img{padding-right:10px}.consumptionTable .statsRow .toppingContainer .toppingPic{width:30px}.consumptionTable .statsRow .toppingContainer .toppingRatio{display:flex;padding:20px;color:#f3f1e4;font-size:.8rem;font-family:Futura;font-weight:700;margin:0;justify-content:space-between;align-items:center}.consumptionTable .statsRow .sizeCircle{font-size:1.1rem;font-family:Futura;font-weight:700;width:1em;height:1em;padding:15px;margin-left:15px;border-radius:4px;background-color:initial;border:2px solid #fff;color:#f3f1e4;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.consumptionTable .statsRow .sizeCircle span{font-weight:700}.reportContainer{max-width:1024px}.reportContainer .progressLineContainer{width:800px;margin:auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center}@media screen and (max-width:800px){.reportContainer .progressLineContainer{flex-direction:column;width:90%;height:100px;background-color:#fff;border-radius:20px;padding-top:15px;padding-bottom:15px}}.reportContainer .progressLineContainer .progressLine{width:400px;max-width:80%}.reportContainer .countsTableContainer .countsTable{margin-top:1em!important}.reportContainer .infoDiv .branchSplits{text-align:center;margin:auto auto 10px}.reportContainer .infoDiv .branchSplits,.reportContainer .infoDiv .branchSplits div{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.reportContainer .infoDiv .branchSplits div{border-radius:6px;background-color:#47908a;padding:8px;margin-bottom:8px;max-width:600px}.reportContainer .infoDiv .branchSplits div p{color:#f3f1e4;text-align:center;width:100%;margin-top:4px;margin-bottom:4px}@media screen and (max-width:800px){.reportContainer .infoDiv .branchSplits div p{text-align:center}}.reportContainer .sourceTitle{font-size:1.2em}.reportContainer .statsLabel{margin:5px!important}.consumptionPredictionTable{border-radius:1.2em;background-color:#f3f1e4;margin:auto;color:#47908a;display:flex;flex-direction:column;width:100%;position:relative}@media screen and (max-width:640px){.consumptionPredictionTable{max-width:95%}}.consumptionPredictionTable h3{border-radius:5px;text-transform:uppercase}.consumptionPredictionTable .csvButton{background-color:#47908a;color:#f3f1e4;width:100%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px;text-decoration:none;border-radius:6px;margin-bottom:10px;margin-right:auto;margin-left:auto}.consumptionPredictionTable .titleContainer{display:flex;width:100%;justify-content:space-between;align-items:center;margin:auto;padding-left:2em}.consumptionPredictionTable .pieIcon{cursor:pointer}.consumptionPredictionTable .pieIcon:hover{opacity:.7}.consumptionPredictionTable .totalAmount{font-size:28px;margin:10px}.consumptionPredictionTable .sizeDivision{font-size:16px;margin-top:0}.consumptionPredictionTable .sizeDivision span{font-weight:700}.consumptionPredictionTable .pieChartContainer{display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:2em}.consumptionPredictionTable .pieChartContainer>div{width:100%;max-width:896px}.consumptionPredictionTable .statsRow{border-radius:5px;padding:1em;margin:auto auto 1em;display:flex;flex-direction:column;width:90%}@media screen and (max-width:640px){.consumptionPredictionTable .statsRow{max-width:100%}}.consumptionPredictionTable .statsRow .flavourContainer{margin:auto;display:flex;flex-direction:row;width:100%}.consumptionPredictionTable .statsRow .flavourBreakDown{display:flex;flex-direction:column;text-align:right;width:100%;color:#f3f1e4}.consumptionPredictionTable .statsRow .flavourBreakDown span{float:right;line-height:2em;font-size:1.2em;width:100%;font-weight:700;color:#fff;text-align:right}.consumptionPredictionTable .statsRow .countTag{font-size:1.1rem;font-family:Futura;font-weight:700;border-radius:6px;background-color:#fff;color:#222;display:flex;justify-content:center;align-items:center;padding:5px;margin-right:2%;min-width:150px;width:100%}@media only screen and (max-width:767px){.consumptionPredictionTable .statsRow .countTag{font-size:10px;min-width:50px}}.consumptionPredictionTable .statsRow .toppingContainer{display:flex;text-align:right;width:100%;color:#f3f1e4;justify-content:flex-start;margin:0;padding:0;max-height:40px}@media screen and (max-width:640px){.consumptionPredictionTable .statsRow .toppingContainer{padding-top:10px;width:80%;zoom:.8}}.consumptionPredictionTable .statsRow .toppingContainer .toppingName,.consumptionPredictionTable .statsRow .toppingContainer img{padding-right:10px}.consumptionPredictionTable .statsRow .toppingContainer .toppingPic{width:30px}.consumptionPredictionTable .statsRow .toppingContainer .toppingRatio{display:flex;padding:20px;color:#f3f1e4;font-size:.8rem;font-family:Futura;font-weight:700;margin:0;justify-content:space-between;align-items:center}.consumptionPredictionTable .statsRow .sizeCircle{font-size:1.1rem;font-family:Futura;font-weight:700;width:1em;height:1em;padding:15px;margin-left:15px;border-radius:4px;background-color:initial;border:2px solid #fff;color:#f3f1e4;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.consumptionPredictionTable .statsRow .sizeCircle span{font-weight:700}.consumptionContainer{margin:auto;background-color:#91bcb9;position:relative;max-width:1024px;width:100%}.consumptionContainer .loadingMessage{font-size:2.5vw;font-family:"Lexend Deca",sans-serif;font-weight:700}.consumptionContainer .updateBtn{cursor:pointer}.consumptionContainer .updateBtn:hover{opacity:.4}.consumptionContainer .progressLineContainer{width:800px;margin:auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center}@media screen and (max-width:800px){.consumptionContainer .progressLineContainer{flex-direction:column;width:90%;height:100px;background-color:#fff;border-radius:20px;padding-top:15px;padding-bottom:15px}}.consumptionContainer .progressLineContainer .progressLine{width:400px;max-width:80%}.consumptionContainer .dateContainer{width:100%;display:flex;margin:auto;text-align:center;justify-content:center;align-items:center;max-width:500px}@media screen and (max-width:800px){.consumptionContainer .dateContainer{flex-direction:column}}.consumptionContainer .dateContainer .dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#47908a}@media screen and (max-width:800px){.consumptionContainer .dateContainer .dateInput{margin:auto auto 1em}}.consumptionContainer .countsTableContainer{background-color:#f3f1e4;border-radius:1.2em;overflow-x:auto;width:100%;padding-top:2em;padding-bottom:2em}@media screen and (max-width:640px){.consumptionContainer .countsTableContainer{max-width:95%}}.consumptionContainer .countsTableContainer .countsTable{border-collapse:collapse;max-width:100%;margin:auto;overflow-x:auto}.consumptionContainer .countsTableContainer .countsTable .hideBorder{border:none!important}.consumptionContainer .countsTableContainer .countsTable td{border:2px solid #47908a;padding:5px}@media screen and (max-width:640px){.consumptionContainer .countsTableContainer .countsTable{zoom:.6}}.consumptionContainer .backBtn{font-size:1.3em;color:#f3f1e4;background:#222;border-radius:1.2em;padding:1.4em;text-transform:uppercase;font-weight:700;margin:.5em auto auto;width:80%;display:flex;justify-content:center;align-items:center;position:relative}.consumptionContainer .backBtn:hover{opacity:.5;cursor:pointer}.consumptionContainer .backBtn .backIcon{font-size:1.5em;position:absolute;left:1em}.consumptionContainer .wrapper{display:flex;flex-direction:column;justify-content:space-around;margin:auto;width:100%}.consumptionContainer .wrapper .statsTable{margin:.5em auto auto;width:100%}@media screen and (max-width:640px){.consumptionContainer .wrapper .statsTable{margin-top:8px;max-width:95%}}@media screen and (max-width:800px){.consumptionContainer .wrapper{width:100%;flex-direction:column;justify-content:center;align-items:center}}.consumptionContainer .infoDiv{width:100%;text-align:center;font-size:1em;background-color:#f3f1e4;border-radius:1.2em;color:#47908a;margin-bottom:.5em;margin-top:.5em;height:100%;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center}.consumptionContainer .infoDiv .revenueSplits{width:90%;margin:auto;display:flex;justify-content:space-between}@media screen and (max-width:800px){.consumptionContainer .infoDiv .revenueSplits{flex-direction:column;text-align:center;justify-content:center;align-items:center}}.consumptionContainer .infoDiv .revenueSplits div p{text-align:left}@media screen and (max-width:800px){.consumptionContainer .infoDiv .revenueSplits div p{text-align:center}}.consumptionContainer .infoDiv .branchSplits{width:90%;margin:auto;display:flex;justify-content:space-evenly}@media screen and (max-width:800px){.consumptionContainer .infoDiv .branchSplits{flex-direction:column;text-align:center;justify-content:center;align-items:center}}.consumptionContainer .infoDiv .branchSplits div{border-radius:6px;background-color:#47908a;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:8px}@media screen and (max-width:800px){.consumptionContainer .infoDiv .branchSplits div{width:90%;margin-bottom:8px}}.consumptionContainer .infoDiv .branchSplits div p{color:#f3f1e4;text-align:center;width:100%;margin-top:4px;margin-bottom:4px}@media screen and (max-width:800px){.consumptionContainer .infoDiv .branchSplits div p{text-align:center}}.consumptionContainer .infoDiv .customerName{font-size:1.4em;text-align:center;font-weight:700}.consumptionContainer .infoDiv p span{font-weight:700}@media screen and (max-width:800px){.consumptionContainer .infoDiv{width:95%}}.consumptionContainer .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.consumptionContainer .orderCards{width:100%;display:flex;flex-wrap:wrap;overflow-y:auto;padding-top:12em}.consumptionContainer .searchFilterContainer{position:fixed;top:0;left:0;background-color:#222}.consumptionContainer .actionIcon{color:#f3f1e4}.consumptionContainer .actionIcon:hover{opacity:.7;cursor:pointer}.consumptionContainer .logoutIcon{padding-left:10px;padding-right:10px}.consumptionContainer .filterContainer{display:flex;flex-direction:row;width:100vw;padding-top:1.2em;justify-content:space-between;background-color:#222;margin:auto auto 1.5em}@media screen and (max-width:800px){.consumptionContainer .filterContainer{justify-content:space-between}}.consumptionContainer .filterContainer .badge{min-width:100px;opacity:.6;margin-right:1em}@media screen and (max-width:480px){.consumptionContainer .filterContainer .badge{min-width:80px}}.consumptionContainer .filterContainer .badge:first-child{margin-left:1em}.consumptionContainer .filterContainer .badge:hover{opacity:1;cursor:pointer}.consumptionContainer .filterContainer .activeBadge{opacity:1}.consumptionContainer .filterContainer .activeBadge:hover{opacity:.6;cursor:pointer}.consumptionContainer .badge{cursor:pointer;border-radius:5px;line-height:40px;text-align:center;color:#f3f1e4;padding:.5em}.consumptionContainer .badge:hover{opacity:.6}.consumptionContainer .sourceTitle{font-weight:700;text-transform:uppercase;font-size:1.2em}.consumptionContainer .orderCount{font-size:1em;margin-bottom:0}.consumptionContainer .unknownOrderCount{color:#e67e22;font-weight:700}.consumptionContainer .money{color:#0b5b2c;font-size:1em}.consumptionContainer .moneyLarge{color:#0b5b2c;font-size:2.4em;font-weight:500}.consumptionContainer .moneyBadge{background-color:#0b5b2c}.consumptionContainer .activeStatusBadge{background-color:#f0932b}.consumptionContainer .completedBadge{background-color:#6ab04c}.consumptionContainer .rejectedBadge{background-color:#eb4d4b}.consumptionContainer .deliveryBadge{background-color:#3498db}.consumptionContainer .pickupBadge{background-color:#ac3b61}.consumptionContainer .takeawayBadge{background-color:#e67e22}.consumptionContainer .searchBarContainer{width:100%;display:flex;flex-direction:row;background-color:#222;margin:auto;padding-top:1.2em}@media screen and (max-width:600px){.consumptionContainer .searchBarContainer{flex-direction:column}.consumptionContainer .searchBarContainer .actionContainer{padding-top:10px}}.consumptionContainer .searchBarContainer .searchBar{background-color:transparent;width:100%;color:#f3f1e4;height:1.2em;font-size:1.1em;-webkit-appearance:none;appearance:none;border:none;outline:none;font-weight:700;margin:auto;width:80%}.consumptionContainer .orderCard{height:400px;overflow:auto;text-align:left;background-color:#222;color:#f3f1e4;display:flex;margin:auto auto 5px;border-radius:1em;flex-direction:column;width:45%}@media screen and (max-width:800px){.consumptionContainer .orderCard{width:90%;height:auto}}.consumptionContainer .orderCard .cardRow{display:flex;flex-direction:row}.consumptionContainer .orderCard .cardRow .cardColFull{padding:1em;width:100%}.consumptionContainer .orderCard .cardRow .cardCol{padding:1em;width:50%}.consumptionContainer .orderCard .cardRow .cardCol a{color:inherit}.consumptionContainer .orderCard .cardRow .cardCol .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.consumptionContainer .orderCard .cardRow .colLabel{font-weight:700;text-decoration:underline}.shopifyReportContainer{margin:auto;background-color:#91bcb9;position:relative;max-width:1024px;width:100%}.shopifyReportContainer .updateBtn{cursor:pointer}.shopifyReportContainer .updateBtn:hover{opacity:.4}.shopifyReportContainer .dateContainer{width:100%;display:flex;text-align:center;justify-content:center;align-items:center;max-width:500px;margin:auto auto 20px}@media screen and (max-width:800px){.shopifyReportContainer .dateContainer{flex-direction:column}}.shopifyReportContainer .dateContainer .dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#47908a}@media screen and (max-width:800px){.shopifyReportContainer .dateContainer .dateInput{margin:auto auto 1em}}.shopifyReportContainer .countsTableContainer{background-color:#f3f1e4;border-radius:1.2em;overflow-x:auto;width:100%;padding-top:2em;padding-bottom:2em}@media screen and (max-width:640px){.shopifyReportContainer .countsTableContainer{max-width:95%}}.shopifyReportContainer .countsTableContainer .countsTable{border-collapse:collapse;max-width:100%;margin:auto;overflow-x:auto}.shopifyReportContainer .countsTableContainer .countsTable .hideBorder{border:none!important}.shopifyReportContainer .countsTableContainer .countsTable td{border:2px solid #47908a;padding:5px}@media screen and (max-width:640px){.shopifyReportContainer .countsTableContainer .countsTable{zoom:.6}}.shopifyReportContainer .backBtn{font-size:1.3em;color:#f3f1e4;background:#222;border-radius:1.2em;padding:1.4em;text-transform:uppercase;font-weight:700;margin:.5em auto auto;width:80%;display:flex;justify-content:center;align-items:center;position:relative}.shopifyReportContainer .backBtn:hover{opacity:.5;cursor:pointer}.shopifyReportContainer .backBtn .backIcon{font-size:1.5em;position:absolute;left:1em}.shopifyReportContainer .wrapper{display:flex;flex-direction:column;justify-content:space-around;margin:auto;width:100%}.shopifyReportContainer .wrapper .statsTable{margin:.5em auto auto;width:100%}@media screen and (max-width:640px){.shopifyReportContainer .wrapper .statsTable{margin-top:8px;max-width:95%}}@media screen and (max-width:800px){.shopifyReportContainer .wrapper{width:100%;flex-direction:column;justify-content:center;align-items:center}}.shopifyReportContainer .infoDiv{width:100%;text-align:center;font-size:1em;background-color:#f3f1e4;border-radius:1.2em;color:#47908a;margin-bottom:.5em;margin-top:.5em;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.shopifyReportContainer .infoDiv .revenueSplits{width:90%;max-width:600px;margin:auto;display:flex;justify-content:space-between}@media screen and (max-width:800px){.shopifyReportContainer .infoDiv .revenueSplits{flex-direction:column;text-align:center;justify-content:center;align-items:center}}.shopifyReportContainer .infoDiv .revenueSplits div p{text-align:center}@media screen and (max-width:800px){.shopifyReportContainer .infoDiv .revenueSplits div p{text-align:center}}.shopifyReportContainer .infoDiv .customerName{font-size:1.4em;text-align:center;font-weight:700}.shopifyReportContainer .infoDiv p span{font-weight:700}@media screen and (max-width:800px){.shopifyReportContainer .infoDiv{width:95%}}.shopifyReportContainer .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.shopifyReportContainer .orderCards{width:100%;display:flex;flex-wrap:wrap;overflow-y:auto;padding-top:12em}.shopifyReportContainer .searchFilterContainer{position:fixed;top:0;left:0;background-color:#222}.shopifyReportContainer .actionIcon{color:#f3f1e4}.shopifyReportContainer .actionIcon:hover{opacity:.7;cursor:pointer}.shopifyReportContainer .logoutIcon{padding-left:10px;padding-right:10px}.shopifyReportContainer .filterContainer{display:flex;flex-direction:row;width:100vw;padding-top:1.2em;justify-content:space-between;background-color:#222;margin:auto auto 1.5em}@media screen and (max-width:800px){.shopifyReportContainer .filterContainer{justify-content:space-between}}.shopifyReportContainer .filterContainer .badge{min-width:100px;opacity:.6;margin-right:1em}@media screen and (max-width:480px){.shopifyReportContainer .filterContainer .badge{min-width:80px}}.shopifyReportContainer .filterContainer .badge:first-child{margin-left:1em}.shopifyReportContainer .filterContainer .badge:hover{opacity:1;cursor:pointer}.shopifyReportContainer .filterContainer .activeBadge{opacity:1}.shopifyReportContainer .filterContainer .activeBadge:hover{opacity:.6;cursor:pointer}.shopifyReportContainer .badge{cursor:pointer;border-radius:5px;line-height:40px;text-align:center;color:#f3f1e4;padding:.5em}.shopifyReportContainer .badge:hover{opacity:.6}.shopifyReportContainer .sourceTitle{font-weight:700;text-transform:uppercase;font-size:.8em}.shopifyReportContainer .orderCount{font-size:1em;margin-bottom:0}.shopifyReportContainer .unknownOrderCount{color:#e67e22;font-weight:700}.shopifyReportContainer .money{color:#0b5b2c;font-size:1em}.shopifyReportContainer .moneyLarge{color:#0b5b2c;font-size:2.4em;font-weight:500}.shopifyReportContainer .moneyBadge{background-color:#0b5b2c}.shopifyReportContainer .activeStatusBadge{background-color:#f0932b}.shopifyReportContainer .completedBadge{background-color:#6ab04c}.shopifyReportContainer .rejectedBadge{background-color:#eb4d4b}.shopifyReportContainer .deliveryBadge{background-color:#3498db}.shopifyReportContainer .pickupBadge{background-color:#ac3b61}.shopifyReportContainer .takeawayBadge{background-color:#e67e22}.shopifyReportContainer .searchBarContainer{width:100%;display:flex;flex-direction:row;background-color:#222;margin:auto;padding-top:1.2em}@media screen and (max-width:600px){.shopifyReportContainer .searchBarContainer{flex-direction:column}.shopifyReportContainer .searchBarContainer .actionContainer{padding-top:10px}}.shopifyReportContainer .searchBarContainer .searchBar{background-color:transparent;width:100%;color:#f3f1e4;height:1.2em;font-size:1.1em;-webkit-appearance:none;appearance:none;border:none;outline:none;font-weight:700;margin:auto;width:80%}.shopifyReportContainer .orderCard{height:400px;overflow:auto;text-align:left;background-color:#222;color:#f3f1e4;display:flex;margin:auto auto 5px;border-radius:1em;flex-direction:column;width:45%}@media screen and (max-width:800px){.shopifyReportContainer .orderCard{width:90%;height:auto}}.shopifyReportContainer .orderCard .cardRow{display:flex;flex-direction:row}.shopifyReportContainer .orderCard .cardRow .cardColFull{padding:1em;width:100%}.shopifyReportContainer .orderCard .cardRow .cardCol{padding:1em;width:50%}.shopifyReportContainer .orderCard .cardRow .cardCol a{color:inherit}.shopifyReportContainer .orderCard .cardRow .cardCol .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.shopifyReportContainer .orderCard .cardRow .colLabel{font-weight:700;text-decoration:underline}.reportContainer{margin:auto;background-color:#91bcb9;position:relative;max-width:1280px;width:100%}.reportContainer .updateBtn{cursor:pointer}.reportContainer .updateBtn:hover{opacity:.4}.reportContainer .dateContainer{width:100%;display:flex;text-align:center;justify-content:center;align-items:center;max-width:500px;margin:auto auto 20px}@media screen and (max-width:800px){.reportContainer .dateContainer{flex-direction:column}}.reportContainer .dateContainer .dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#47908a}@media screen and (max-width:800px){.reportContainer .dateContainer .dateInput{margin:auto auto 1em}}.reportContainer .countsTableContainer{background-color:#f3f1e4;border-radius:1.2em;overflow-x:auto;width:100%;padding-top:2em;padding-bottom:2em}@media screen and (max-width:640px){.reportContainer .countsTableContainer{max-width:95%}}.reportContainer .countsTableContainer .countsTable{border-collapse:collapse;max-width:100%;margin:auto;overflow-x:auto}.reportContainer .countsTableContainer .countsTable .hideBorder{border:none!important}.reportContainer .countsTableContainer .countsTable td{border:2px solid #47908a;padding:5px}@media screen and (max-width:640px){.reportContainer .countsTableContainer .countsTable{zoom:.6}}.reportContainer .backBtn{font-size:1.3em;color:#f3f1e4;background:#222;border-radius:1.2em;padding:1.4em;text-transform:uppercase;font-weight:700;margin:.5em auto auto;width:80%;display:flex;justify-content:center;align-items:center;position:relative}.reportContainer .backBtn:hover{opacity:.5;cursor:pointer}.reportContainer .backBtn .backIcon{font-size:1.5em;position:absolute;left:1em}.reportContainer .wrapper{display:flex;flex-direction:column;justify-content:space-around;margin:auto;width:100%}.reportContainer .wrapper .statsTable{margin:.5em auto auto;width:100%}@media screen and (max-width:640px){.reportContainer .wrapper .statsTable{margin-top:8px;max-width:95%}}@media screen and (max-width:800px){.reportContainer .wrapper{width:100%;flex-direction:column;justify-content:center;align-items:center}}.reportContainer .infoDiv{width:100%;text-align:center;font-size:1em;background-color:#f3f1e4;border-radius:1.2em;color:#47908a;margin-bottom:.5em;margin-top:.5em;height:100%;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.reportContainer .infoDiv .revenueSplits{width:90%;margin:auto;display:flex;justify-content:space-between}@media screen and (max-width:800px){.reportContainer .infoDiv .revenueSplits{flex-direction:column;text-align:center;justify-content:center;align-items:center}}.reportContainer .infoDiv .revenueSplits div p{text-align:left}@media screen and (max-width:800px){.reportContainer .infoDiv .revenueSplits div p{text-align:center}}.reportContainer .infoDiv .customerName{font-size:1.4em;text-align:center;font-weight:700}.reportContainer .infoDiv p span{font-weight:700}@media screen and (max-width:800px){.reportContainer .infoDiv{width:95%}}.reportContainer .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.reportContainer .orderCards{width:100%;display:flex;flex-wrap:wrap;overflow-y:auto;padding-top:12em}.reportContainer .searchFilterContainer{position:fixed;top:0;left:0;background-color:#222}.reportContainer .actionIcon{color:#f3f1e4}.reportContainer .actionIcon:hover{opacity:.7;cursor:pointer}.reportContainer .logoutIcon{padding-left:10px;padding-right:10px}.reportContainer .filterContainer{display:flex;flex-direction:row;width:100vw;padding-top:1.2em;justify-content:space-between;background-color:#222;margin:auto auto 1.5em}@media screen and (max-width:800px){.reportContainer .filterContainer{justify-content:space-between}}.reportContainer .filterContainer .badge{min-width:100px;opacity:.6;margin-right:1em}@media screen and (max-width:480px){.reportContainer .filterContainer .badge{min-width:80px}}.reportContainer .filterContainer .badge:first-child{margin-left:1em}.reportContainer .filterContainer .badge:hover{opacity:1;cursor:pointer}.reportContainer .filterContainer .activeBadge{opacity:1}.reportContainer .filterContainer .activeBadge:hover{opacity:.6;cursor:pointer}.reportContainer .badge{cursor:pointer;border-radius:5px;line-height:40px;text-align:center;color:#f3f1e4;padding:.5em}.reportContainer .badge:hover{opacity:.6}.reportContainer .sourceTitle{font-weight:700;text-transform:uppercase;font-size:.9em}.reportContainer .orderCount{font-size:1em;margin-bottom:0}.reportContainer .unknownOrderCount{color:#e67e22;font-weight:700}.reportContainer .money{color:#0b5b2c;font-size:1em}.reportContainer .moneyLarge{color:#0b5b2c;font-size:2.4em;font-weight:500}.reportContainer .moneyBadge{background-color:#0b5b2c}.reportContainer .activeStatusBadge{background-color:#f0932b}.reportContainer .completedBadge{background-color:#6ab04c}.reportContainer .rejectedBadge{background-color:#eb4d4b}.reportContainer .deliveryBadge{background-color:#3498db}.reportContainer .pickupBadge{background-color:#ac3b61}.reportContainer .takeawayBadge{background-color:#e67e22}.reportContainer .searchBarContainer{width:100%;display:flex;flex-direction:row;background-color:#222;margin:auto;padding-top:1.2em}@media screen and (max-width:600px){.reportContainer .searchBarContainer{flex-direction:column}.reportContainer .searchBarContainer .actionContainer{padding-top:10px}}.reportContainer .searchBarContainer .searchBar{background-color:transparent;width:100%;color:#f3f1e4;height:1.2em;font-size:1.1em;-webkit-appearance:none;appearance:none;border:none;outline:none;font-weight:700;margin:auto;width:80%}.reportContainer .orderCard{height:400px;overflow:auto;text-align:left;background-color:#222;color:#f3f1e4;display:flex;margin:auto auto 5px;border-radius:1em;flex-direction:column;width:45%}@media screen and (max-width:800px){.reportContainer .orderCard{width:90%;height:auto}}.reportContainer .orderCard .cardRow{display:flex;flex-direction:row}.reportContainer .orderCard .cardRow .cardColFull{padding:1em;width:100%}.reportContainer .orderCard .cardRow .cardCol{padding:1em;width:50%}.reportContainer .orderCard .cardRow .cardCol a{color:inherit}.reportContainer .orderCard .cardRow .cardCol .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.reportContainer .orderCard .cardRow .colLabel{font-weight:700;text-decoration:underline}.customersContainer{margin:auto;background-color:#91bcb9;position:relative;display:flex;flex-direction:column;align-items:center;max-width:1024px;width:100%}.customersContainer .sortIcon:hover{opacity:.5;cursor:pointer}.customersContainer .dateContainer{display:flex;width:60%;margin:auto;text-align:center;justify-content:flex-start;align-items:center}.customersContainer .dateContainer .btnIcon{color:#47908a}.customersContainer .dateContainer .downloadBtn{margin-left:20px}.customersContainer .dateContainer .updateBtn{cursor:pointer}.customersContainer .dateContainer .updateBtn:hover{opacity:.4}@media screen and (max-width:800px){.customersContainer .dateContainer{flex-direction:column}}.customersContainer .dateContainer .dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#47908a}@media screen and (max-width:800px){.customersContainer .dateContainer .dateInput{margin:auto auto 1em}}.customersContainer .headerContainer{width:100%;position:relative;height:120px;background-color:#91bcb9;display:flex;justify-content:space-evenly;align-items:center}@media screen and (max-width:800px){.customersContainer .headerContainer{width:100%;flex-direction:column;justify-content:center;align-items:center;height:unset}}.customersContainer .headerContainer .headerBtn{height:20px;font-size:1.3em;background:#f3f1e4;color:#47908a;border-radius:1.2em;padding:1.1em;margin:auto;display:flex;justify-content:center;align-items:center}.customersContainer .headerContainer .headerBtn:hover{opacity:.5;cursor:pointer}.customersContainer .headerContainer .headerBtn .btnIcon{font-size:1.5em;padding-left:.5em;padding-right:.5em}@media screen and (max-width:800px){.customersContainer .headerContainer .headerBtn{width:80%;margin-top:20px}}.customersContainer .headerContainer .logOutBtn{text-transform:uppercase;font-weight:700;max-width:200px;text-align:center}@media screen and (max-width:640px){.customersContainer .headerContainer .logOutBtn{max-width:unset;position:relative;margin-bottom:20px}}.customersContainer .backBtn{font-size:1.3em;color:#f3f1e4;background:#222;border-radius:1.2em;padding:1.4em;text-transform:uppercase;font-weight:700;margin:.5em auto auto;width:80%;display:flex;justify-content:center;align-items:center;position:relative}.customersContainer .backBtn:hover{opacity:.5;cursor:pointer}.customersContainer .backBtn .backIcon{font-size:1.5em;position:absolute;left:1em}.customersContainer .wrapper{display:flex;flex-direction:column;margin:auto;width:100%}.customersContainer .wrapper .statsTable{margin:.5em auto auto;width:90%}@media screen and (max-width:640px){.customersContainer .wrapper .statsTable{margin-top:8px;width:80%;max-width:unset}}@media screen and (max-width:800px){.customersContainer .wrapper{width:100%;flex-direction:column;justify-content:center;align-items:center}}.customersContainer .infoDiv{text-align:center;font-size:1em;background-color:#f3f1e4;border-radius:1.2em;padding:20px;color:#47908a;margin-top:.5em;height:100%;display:flex;justify-content:center;align-items:center}.customersContainer .infoDiv .numberBubbles{width:100%;display:flex;justify-content:space-around;flex-direction:row;align-items:center}@media screen and (max-width:1100px){.customersContainer .infoDiv .numberBubbles{flex-direction:column}}.customersContainer .infoDiv .numberBubbles .numberBubble{border-radius:6px;color:#47908a;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:220px;font-weight:800;font-size:12px}.customersContainer .infoDiv .numberBubbles .numberBubble .numberCircle{color:#000;background-color:#fff;border-radius:6px;height:1.2em;padding:.8em;font-size:12px;min-width:120px;margin-top:20px}@media screen and (max-width:1100px){.customersContainer .infoDiv .numberBubbles .numberBubble{max-width:unset;width:100%;max-width:80%}}.customersContainer .infoDiv .customerName{font-size:1.4em;text-align:center;font-weight:700}.customersContainer .infoDiv .countsTable{border-collapse:collapse;max-width:90%;margin:auto;overflow-x:auto}.customersContainer .infoDiv .countsTable .unknownName{color:#e67e22;font-weight:700}.customersContainer .infoDiv .countsTable .hideBorder{border:none!important}.customersContainer .infoDiv .countsTable td{border:2px solid #47908a;padding:5px}@media screen and (max-width:640px){.customersContainer .infoDiv .countsTable{zoom:.6}}.customersContainer .infoDiv p span{font-weight:700}@media screen and (max-width:800px){.customersContainer .infoDiv{width:80%;margin-right:0}}.customersContainer .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.customersContainer .orderCards{width:100%;display:flex;flex-wrap:wrap;overflow-y:auto;padding-top:12em}.customersContainer .searchFilterContainer{position:fixed;top:0;left:0;background-color:#222}.customersContainer .actionIcon{color:#f3f1e4}.customersContainer .actionIcon:hover{opacity:.7;cursor:pointer}.customersContainer .logoutIcon{padding-left:10px;padding-right:10px}.customersContainer .filterContainer{display:flex;flex-direction:row;width:100vw;padding-top:1.2em;justify-content:space-between;background-color:#222;margin:auto auto 1.5em}@media screen and (max-width:800px){.customersContainer .filterContainer{justify-content:space-between}}.customersContainer .filterContainer .badge{min-width:100px;opacity:.6;margin-right:1em}@media screen and (max-width:480px){.customersContainer .filterContainer .badge{min-width:80px}}.customersContainer .filterContainer .badge:first-child{margin-left:1em}.customersContainer .filterContainer .badge:hover{opacity:1;cursor:pointer}.customersContainer .filterContainer .activeBadge{opacity:1}.customersContainer .filterContainer .activeBadge:hover{opacity:.6;cursor:pointer}.customersContainer .badge{cursor:pointer;border-radius:5px;line-height:40px;text-align:center;color:#f3f1e4;padding:.5em}.customersContainer .badge:hover{opacity:.6}.customersContainer .sourceTitle{font-weight:700;text-transform:uppercase;font-size:1.2em}.customersContainer .orderCount{font-size:1.2em}.customersContainer .money{color:#0b5b2c;font-size:1em}.customersContainer .moneyLarge{color:#0b5b2c;font-size:2.4em;font-weight:500}.customersContainer .moneyBadge{background-color:#0b5b2c}.customersContainer .activeStatusBadge{background-color:#f0932b}.customersContainer .completedBadge{background-color:#6ab04c}.customersContainer .rejectedBadge{background-color:#eb4d4b}.customersContainer .deliveryBadge{background-color:#3498db}.customersContainer .pickupBadge{background-color:#ac3b61}.customersContainer .takeawayBadge{background-color:#e67e22}.customersContainer .searchBarContainer{width:100%;display:flex;flex-direction:row;background-color:#222;margin:auto;padding-top:1.2em}@media screen and (max-width:600px){.customersContainer .searchBarContainer{flex-direction:column}.customersContainer .searchBarContainer .actionContainer{padding-top:10px}}.customersContainer .searchBarContainer .searchBar{background-color:transparent;width:100%;color:#f3f1e4;height:1.2em;font-size:1.1em;-webkit-appearance:none;appearance:none;border:none;outline:none;font-weight:700;margin:auto;width:80%}.announcementContainer{margin:auto;background-color:#91bcb9;position:relative;display:flex;flex-direction:column;align-items:center;max-width:1024px;width:100%}.announcementContainer .sortIcon:hover{opacity:.5;cursor:pointer}.announcementContainer .dateContainer{display:flex;width:60%;margin:auto;text-align:center;justify-content:flex-start;align-items:center}.announcementContainer .dateContainer .btnIcon{color:#47908a}.announcementContainer .dateContainer .downloadBtn{margin-left:20px}.announcementContainer .dateContainer .updateBtn{cursor:pointer}.announcementContainer .dateContainer .updateBtn:hover{opacity:.4}@media screen and (max-width:800px){.announcementContainer .dateContainer{flex-direction:column}}.announcementContainer .dateContainer .dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#47908a}@media screen and (max-width:800px){.announcementContainer .dateContainer .dateInput{margin:auto auto 1em}}.announcementContainer .headerContainer{width:100%;position:relative;height:120px;background-color:#91bcb9;display:flex;justify-content:space-evenly;align-items:center}@media screen and (max-width:800px){.announcementContainer .headerContainer{width:100%;flex-direction:column;justify-content:center;align-items:center;height:unset}}.announcementContainer .headerContainer .headerBtn{height:20px;font-size:1.3em;background:#f3f1e4;color:#47908a;border-radius:1.2em;padding:1.1em;margin:auto;display:flex;justify-content:center;align-items:center}.announcementContainer .headerContainer .headerBtn:hover{opacity:.5;cursor:pointer}.announcementContainer .headerContainer .headerBtn .btnIcon{font-size:1.5em;padding-left:.5em;padding-right:.5em}@media screen and (max-width:800px){.announcementContainer .headerContainer .headerBtn{width:80%;margin-top:20px}}.announcementContainer .headerContainer .logOutBtn{text-transform:uppercase;font-weight:700;max-width:200px;text-align:center}@media screen and (max-width:640px){.announcementContainer .headerContainer .logOutBtn{max-width:unset;position:relative;margin-bottom:20px}}.announcementContainer .backBtn{font-size:1.3em;color:#f3f1e4;background:#222;border-radius:1.2em;padding:1.4em;text-transform:uppercase;font-weight:700;margin:.5em auto auto;width:80%;display:flex;justify-content:center;align-items:center;position:relative}.announcementContainer .backBtn:hover{opacity:.5;cursor:pointer}.announcementContainer .backBtn .backIcon{font-size:1.5em;position:absolute;left:1em}.announcementContainer .wrapper{display:flex;flex-direction:column;margin:auto;width:100%}.announcementContainer .wrapper .statsTable{margin:.5em auto auto;width:90%}@media screen and (max-width:640px){.announcementContainer .wrapper .statsTable{margin-top:8px;width:80%;max-width:unset}}@media screen and (max-width:800px){.announcementContainer .wrapper{width:100%;flex-direction:column;justify-content:center;align-items:center}}.announcementContainer .infoDiv{text-align:center;font-size:1em;background-color:#f3f1e4;border-radius:1.2em;padding:20px;color:#47908a;margin-top:.5em;height:100%;display:flex;justify-content:center;align-items:center}.announcementContainer .infoDiv .numberBubbles{width:100%;display:flex;justify-content:space-around;flex-direction:row;align-items:center}@media screen and (max-width:1100px){.announcementContainer .infoDiv .numberBubbles{flex-direction:column}}.announcementContainer .infoDiv .numberBubbles .numberBubble{border-radius:6px;color:#47908a;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:220px;font-weight:800;font-size:12px}.announcementContainer .infoDiv .numberBubbles .numberBubble .numberCircle{color:#000;background-color:#fff;border-radius:6px;height:1.2em;padding:.8em;font-size:12px;min-width:120px;margin-top:20px}@media screen and (max-width:1100px){.announcementContainer .infoDiv .numberBubbles .numberBubble{max-width:unset;width:100%;max-width:80%}}.announcementContainer .infoDiv .customerName{font-size:1.4em;text-align:center;font-weight:700}.announcementContainer .infoDiv .countsTable{border-collapse:collapse;max-width:90%;margin:auto;overflow-x:auto}.announcementContainer .infoDiv .countsTable .unknownName{color:#e67e22;font-weight:700}.announcementContainer .infoDiv .countsTable .hideBorder{border:none!important}.announcementContainer .infoDiv .countsTable td{border:2px solid #47908a;padding:5px}@media screen and (max-width:640px){.announcementContainer .infoDiv .countsTable{zoom:.6}}.announcementContainer .infoDiv p span{font-weight:700}@media screen and (max-width:800px){.announcementContainer .infoDiv{width:80%;margin-right:0}}.announcementContainer .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.announcementContainer .orderCards{width:100%;display:flex;flex-wrap:wrap;overflow-y:auto;padding-top:12em}.announcementContainer .searchFilterContainer{position:fixed;top:0;left:0;background-color:#222}.announcementContainer .actionIcon{color:#f3f1e4}.announcementContainer .actionIcon:hover{opacity:.7;cursor:pointer}.announcementContainer .logoutIcon{padding-left:10px;padding-right:10px}.announcementContainer .filterContainer{display:flex;flex-direction:row;width:100vw;padding-top:1.2em;justify-content:space-between;background-color:#222;margin:auto auto 1.5em}@media screen and (max-width:800px){.announcementContainer .filterContainer{justify-content:space-between}}.announcementContainer .filterContainer .badge{min-width:100px;opacity:.6;margin-right:1em}@media screen and (max-width:480px){.announcementContainer .filterContainer .badge{min-width:80px}}.announcementContainer .filterContainer .badge:first-child{margin-left:1em}.announcementContainer .filterContainer .badge:hover{opacity:1;cursor:pointer}.announcementContainer .filterContainer .activeBadge{opacity:1}.announcementContainer .filterContainer .activeBadge:hover{opacity:.6;cursor:pointer}.announcementContainer .badge{cursor:pointer;border-radius:5px;line-height:40px;text-align:center;color:#f3f1e4;padding:.5em}.announcementContainer .badge:hover{opacity:.6}.announcementContainer .sourceTitle{font-weight:700;text-transform:uppercase;font-size:1.2em}.announcementContainer .orderCount{font-size:1.2em}.announcementContainer .money{color:#0b5b2c;font-size:1em}.announcementContainer .moneyLarge{color:#0b5b2c;font-size:2.4em;font-weight:500}.announcementContainer .moneyBadge{background-color:#0b5b2c}.announcementContainer .activeStatusBadge{background-color:#f0932b}.announcementContainer .completedBadge{background-color:#6ab04c}.announcementContainer .rejectedBadge{background-color:#eb4d4b}.announcementContainer .deliveryBadge{background-color:#3498db}.announcementContainer .pickupBadge{background-color:#ac3b61}.announcementContainer .takeawayBadge{background-color:#e67e22}.announcementContainer .searchBarContainer{width:100%;display:flex;flex-direction:row;background-color:#222;margin:auto;padding-top:1.2em}@media screen and (max-width:600px){.announcementContainer .searchBarContainer{flex-direction:column}.announcementContainer .searchBarContainer .actionContainer{padding-top:10px}}.announcementContainer .searchBarContainer .searchBar{background-color:transparent;width:100%;color:#f3f1e4;height:1.2em;font-size:1.1em;-webkit-appearance:none;appearance:none;border:none;outline:none;font-weight:700;margin:auto;width:80%}.wastageContainer{margin:auto;background-color:#91bcb9;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1024px;width:100%}.wastageContainer .sortIcon:hover{opacity:.5;cursor:pointer}.wastageContainer .dateContainer{display:flex;width:60%;margin:auto;text-align:center;justify-content:flex-start;align-items:center}.wastageContainer .dateContainer .btnIcon{color:#47908a}.wastageContainer .dateContainer .downloadBtn{margin-left:20px}.wastageContainer .dateContainer .updateBtn{cursor:pointer}.wastageContainer .dateContainer .updateBtn:hover{opacity:.4}@media screen and (max-width:800px){.wastageContainer .dateContainer{flex-direction:column}}.wastageContainer .dateContainer .dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#47908a}@media screen and (max-width:800px){.wastageContainer .dateContainer .dateInput{margin:auto auto 1em}}.wastageContainer .headerContainer{width:100%;position:relative;height:120px;background-color:#91bcb9;display:flex;justify-content:space-evenly;align-items:center}@media screen and (max-width:800px){.wastageContainer .headerContainer{width:100%;flex-direction:column;justify-content:center;align-items:center;height:unset}}.wastageContainer .headerContainer .headerBtn{height:20px;font-size:1.3em;background:#f3f1e4;color:#47908a;border-radius:1.2em;padding:1.1em;margin:auto;display:flex;justify-content:center;align-items:center}.wastageContainer .headerContainer .headerBtn:hover{opacity:.5;cursor:pointer}.wastageContainer .headerContainer .headerBtn .btnIcon{font-size:1.5em;padding-left:.5em;padding-right:.5em}@media screen and (max-width:800px){.wastageContainer .headerContainer .headerBtn{width:80%;margin-top:20px}}.wastageContainer .headerContainer .logOutBtn{text-transform:uppercase;font-weight:700;max-width:200px;text-align:center}@media screen and (max-width:640px){.wastageContainer .headerContainer .logOutBtn{max-width:unset;position:relative;margin-bottom:20px}}.wastageContainer .backBtn{font-size:1.3em;color:#f3f1e4;background:#222;border-radius:1.2em;padding:1.4em;text-transform:uppercase;font-weight:700;margin:.5em auto auto;width:80%;display:flex;justify-content:center;align-items:center;position:relative}.wastageContainer .backBtn:hover{opacity:.5;cursor:pointer}.wastageContainer .backBtn .backIcon{font-size:1.5em;position:absolute;left:1em}.wastageContainer .wrapper{display:flex;flex-direction:column;margin:auto;width:100%}.wastageContainer .wrapper .statsTable{margin:.5em auto auto;width:90%}@media screen and (max-width:640px){.wastageContainer .wrapper .statsTable{margin-top:8px;width:80%;max-width:unset}}@media screen and (max-width:800px){.wastageContainer .wrapper{width:100%;flex-direction:column;justify-content:center;align-items:center}}.wastageContainer .infoDiv{text-align:center;font-size:1em;background-color:#f3f1e4;border-radius:1.2em;padding:20px;color:#47908a;margin-top:.5em;height:100%;display:flex;justify-content:center;align-items:center}.wastageContainer .infoDiv .numberBubbles{width:100%;display:flex;justify-content:space-around;flex-direction:row;align-items:center}@media screen and (max-width:1100px){.wastageContainer .infoDiv .numberBubbles{flex-direction:column}}.wastageContainer .infoDiv .numberBubbles .numberBubble{border-radius:6px;color:#47908a;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:220px;font-weight:800;font-size:12px}.wastageContainer .infoDiv .numberBubbles .numberBubble .numberCircle{color:#000;background-color:#fff;border-radius:6px;height:1.2em;padding:.8em;font-size:12px;min-width:120px;margin-top:20px}@media screen and (max-width:1100px){.wastageContainer .infoDiv .numberBubbles .numberBubble{max-width:unset;width:100%;max-width:80%}}.wastageContainer .infoDiv .customerName{font-size:1.4em;text-align:center;font-weight:700}.wastageContainer .infoDiv .countsTable{border-collapse:collapse;max-width:90%;margin:auto;overflow-x:auto}.wastageContainer .infoDiv .countsTable .unknownName{color:#e67e22;font-weight:700}.wastageContainer .infoDiv .countsTable .hideBorder{border:none!important}.wastageContainer .infoDiv .countsTable td{border:2px solid #47908a;padding:5px}@media screen and (max-width:640px){.wastageContainer .infoDiv .countsTable{zoom:.6}}.wastageContainer .infoDiv p span{font-weight:700}@media screen and (max-width:800px){.wastageContainer .infoDiv{width:80%;margin-right:0}}.wastageContainer .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.wastageContainer .orderCards{width:100%;display:flex;flex-wrap:wrap;overflow-y:auto;padding-top:12em}.wastageContainer .searchFilterContainer{position:fixed;top:0;left:0;background-color:#222}.wastageContainer .actionIcon{color:#f3f1e4}.wastageContainer .actionIcon:hover{opacity:.7;cursor:pointer}.wastageContainer .logoutIcon{padding-left:10px;padding-right:10px}.wastageContainer .filterContainer{display:flex;flex-direction:row;width:100vw;padding-top:1.2em;justify-content:space-between;background-color:#222;margin:auto auto 1.5em}@media screen and (max-width:800px){.wastageContainer .filterContainer{justify-content:space-between}}.wastageContainer .filterContainer .badge{min-width:100px;opacity:.6;margin-right:1em}@media screen and (max-width:480px){.wastageContainer .filterContainer .badge{min-width:80px}}.wastageContainer .filterContainer .badge:first-child{margin-left:1em}.wastageContainer .filterContainer .badge:hover{opacity:1;cursor:pointer}.wastageContainer .filterContainer .activeBadge{opacity:1}.wastageContainer .filterContainer .activeBadge:hover{opacity:.6;cursor:pointer}.wastageContainer .badge{cursor:pointer;border-radius:5px;line-height:40px;text-align:center;color:#f3f1e4;padding:.5em}.wastageContainer .badge:hover{opacity:.6}.wastageContainer .sourceTitle{font-weight:700;text-transform:uppercase;font-size:1.2em}.wastageContainer .orderCount{font-size:1.2em}.wastageContainer .money{color:#0b5b2c;font-size:1em}.wastageContainer .moneyLarge{color:#0b5b2c;font-size:2.4em;font-weight:500}.wastageContainer .moneyBadge{background-color:#0b5b2c}.wastageContainer .activeStatusBadge{background-color:#f0932b}.wastageContainer .completedBadge{background-color:#6ab04c}.wastageContainer .rejectedBadge{background-color:#eb4d4b}.wastageContainer .deliveryBadge{background-color:#3498db}.wastageContainer .pickupBadge{background-color:#ac3b61}.wastageContainer .takeawayBadge{background-color:#e67e22}.wastageContainer .searchBarContainer{width:100%;display:flex;flex-direction:row;background-color:#222;margin:auto;padding-top:1.2em}@media screen and (max-width:600px){.wastageContainer .searchBarContainer{flex-direction:column}.wastageContainer .searchBarContainer .actionContainer{padding-top:10px}}.wastageContainer .searchBarContainer .searchBar{background-color:transparent;width:100%;color:#f3f1e4;height:1.2em;font-size:1.1em;-webkit-appearance:none;appearance:none;border:none;outline:none;font-weight:700;margin:auto;width:80%}.onlyForPrint{display:none!important}@media print{body *{visibility:hidden}table{visibility:visible;position:absolute;left:0;top:0;width:100%;border-collapse:collapse}table tr{page-break-inside:avoid}table td,table th{border:1px solid #000;padding:.5rem}}.inventoryOrderContainer{margin:auto;background-color:#91bcb9;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1024px;width:100%}.inventoryOrderContainer .sortIcon:hover{opacity:.5;cursor:pointer}.inventoryOrderContainer .dateContainer{display:flex;width:60%;margin:auto;text-align:center;justify-content:flex-start;align-items:center}.inventoryOrderContainer .dateContainer .btnIcon{color:#47908a}.inventoryOrderContainer .dateContainer .downloadBtn{margin-left:20px}.inventoryOrderContainer .dateContainer .updateBtn{cursor:pointer}.inventoryOrderContainer .dateContainer .updateBtn:hover{opacity:.4}@media screen and (max-width:800px){.inventoryOrderContainer .dateContainer{flex-direction:column}}.inventoryOrderContainer .dateContainer .dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#47908a}@media screen and (max-width:800px){.inventoryOrderContainer .dateContainer .dateInput{margin:auto auto 1em}}.inventoryOrderContainer .headerContainer{width:100%;position:relative;height:120px;background-color:#91bcb9;display:flex;justify-content:space-evenly;align-items:center}@media screen and (max-width:800px){.inventoryOrderContainer .headerContainer{width:100%;flex-direction:column;justify-content:center;align-items:center;height:unset}}.inventoryOrderContainer .headerContainer .headerBtn{height:20px;font-size:1.3em;background:#f3f1e4;color:#47908a;border-radius:1.2em;padding:1.1em;margin:auto;display:flex;justify-content:center;align-items:center}.inventoryOrderContainer .headerContainer .headerBtn:hover{opacity:.5;cursor:pointer}.inventoryOrderContainer .headerContainer .headerBtn .btnIcon{font-size:1.5em;padding-left:.5em;padding-right:.5em}@media screen and (max-width:800px){.inventoryOrderContainer .headerContainer .headerBtn{width:80%;margin-top:20px}}.inventoryOrderContainer .headerContainer .logOutBtn{text-transform:uppercase;font-weight:700;max-width:200px;text-align:center}@media screen and (max-width:640px){.inventoryOrderContainer .headerContainer .logOutBtn{max-width:unset;position:relative;margin-bottom:20px}}.inventoryOrderContainer .backBtn{font-size:1.3em;color:#f3f1e4;background:#222;border-radius:1.2em;padding:1.4em;text-transform:uppercase;font-weight:700;margin:.5em auto auto;width:80%;display:flex;justify-content:center;align-items:center;position:relative}.inventoryOrderContainer .backBtn:hover{opacity:.5;cursor:pointer}.inventoryOrderContainer .backBtn .backIcon{font-size:1.5em;position:absolute;left:1em}.inventoryOrderContainer .wrapper{display:flex;flex-direction:column;margin:auto;width:100%}.inventoryOrderContainer .wrapper .statsTable{margin:.5em auto auto;width:90%}@media screen and (max-width:640px){.inventoryOrderContainer .wrapper .statsTable{margin-top:8px;width:80%;max-width:unset}}@media screen and (max-width:800px){.inventoryOrderContainer .wrapper{width:100%;flex-direction:column;justify-content:center;align-items:center}}.inventoryOrderContainer .infoDiv{text-align:center;font-size:1em;background-color:#f3f1e4;border-radius:1.2em;padding:20px;color:#47908a;margin-top:.5em;height:100%;display:flex;justify-content:center;align-items:center}.inventoryOrderContainer .infoDiv .numberBubbles{width:100%;display:flex;justify-content:space-around;flex-direction:row;align-items:center}@media screen and (max-width:1100px){.inventoryOrderContainer .infoDiv .numberBubbles{flex-direction:column}}.inventoryOrderContainer .infoDiv .numberBubbles .numberBubble{border-radius:6px;color:#47908a;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:220px;font-weight:800;font-size:12px}.inventoryOrderContainer .infoDiv .numberBubbles .numberBubble .numberCircle{color:#000;background-color:#fff;border-radius:6px;height:1.2em;padding:.8em;font-size:12px;min-width:120px;margin-top:20px}@media screen and (max-width:1100px){.inventoryOrderContainer .infoDiv .numberBubbles .numberBubble{max-width:unset;width:100%;max-width:80%}}.inventoryOrderContainer .infoDiv .customerName{font-size:1.4em;text-align:center;font-weight:700}.inventoryOrderContainer .infoDiv .countsTable{border-collapse:collapse;max-width:90%;margin:auto;overflow-x:auto}.inventoryOrderContainer .infoDiv .countsTable .unknownName{color:#e67e22;font-weight:700}.inventoryOrderContainer .infoDiv .countsTable .hideBorder{border:none!important}.inventoryOrderContainer .infoDiv .countsTable td{border:2px solid #47908a;padding:5px}@media screen and (max-width:640px){.inventoryOrderContainer .infoDiv .countsTable{zoom:.6}}.inventoryOrderContainer .infoDiv p span{font-weight:700}@media screen and (max-width:800px){.inventoryOrderContainer .infoDiv{width:80%;margin-right:0}}.inventoryOrderContainer .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.inventoryOrderContainer .orderCards{width:100%;display:flex;flex-wrap:wrap;overflow-y:auto;padding-top:12em}.inventoryOrderContainer .searchFilterContainer{position:fixed;top:0;left:0;background-color:#222}.inventoryOrderContainer .actionIcon{color:#f3f1e4}.inventoryOrderContainer .actionIcon:hover{opacity:.7;cursor:pointer}.inventoryOrderContainer .logoutIcon{padding-left:10px;padding-right:10px}.inventoryOrderContainer .filterContainer{display:flex;flex-direction:row;width:100vw;padding-top:1.2em;justify-content:space-between;background-color:#222;margin:auto auto 1.5em}@media screen and (max-width:800px){.inventoryOrderContainer .filterContainer{justify-content:space-between}}.inventoryOrderContainer .filterContainer .badge{min-width:100px;opacity:.6;margin-right:1em}@media screen and (max-width:480px){.inventoryOrderContainer .filterContainer .badge{min-width:80px}}.inventoryOrderContainer .filterContainer .badge:first-child{margin-left:1em}.inventoryOrderContainer .filterContainer .badge:hover{opacity:1;cursor:pointer}.inventoryOrderContainer .filterContainer .activeBadge{opacity:1}.inventoryOrderContainer .filterContainer .activeBadge:hover{opacity:.6;cursor:pointer}.inventoryOrderContainer .badge{cursor:pointer;border-radius:5px;line-height:40px;text-align:center;color:#f3f1e4;padding:.5em}.inventoryOrderContainer .badge:hover{opacity:.6}.inventoryOrderContainer .sourceTitle{font-weight:700;text-transform:uppercase;font-size:1.2em}.inventoryOrderContainer .orderCount{font-size:1.2em}.inventoryOrderContainer .money{color:#0b5b2c;font-size:1em}.inventoryOrderContainer .moneyLarge{color:#0b5b2c;font-size:2.4em;font-weight:500}.inventoryOrderContainer .moneyBadge{background-color:#0b5b2c}.inventoryOrderContainer .activeStatusBadge{background-color:#f0932b}.inventoryOrderContainer .completedBadge{background-color:#6ab04c}.inventoryOrderContainer .rejectedBadge{background-color:#eb4d4b}.inventoryOrderContainer .deliveryBadge{background-color:#3498db}.inventoryOrderContainer .pickupBadge{background-color:#ac3b61}.inventoryOrderContainer .takeawayBadge{background-color:#e67e22}.inventoryOrderContainer .searchBarContainer{width:100%;display:flex;flex-direction:row;background-color:#222;margin:auto;padding-top:1.2em}@media screen and (max-width:600px){.inventoryOrderContainer .searchBarContainer{flex-direction:column}.inventoryOrderContainer .searchBarContainer .actionContainer{padding-top:10px}}.inventoryOrderContainer .searchBarContainer .searchBar{background-color:transparent;width:100%;color:#f3f1e4;height:1.2em;font-size:1.1em;-webkit-appearance:none;appearance:none;border:none;outline:none;font-weight:700;margin:auto;width:80%}.qrContainer{margin:auto;background-color:#91bcb9;position:relative;display:flex;flex-direction:column;align-items:center;max-width:1024px;width:100%}.qrContainer .sortIcon:hover{opacity:.5;cursor:pointer}.qrContainer .dateContainer{display:flex;width:60%;margin:auto;text-align:center;justify-content:flex-start;align-items:center}.qrContainer .dateContainer .btnIcon{color:#47908a}.qrContainer .dateContainer .downloadBtn{margin-left:20px}.qrContainer .dateContainer .updateBtn{cursor:pointer}.qrContainer .dateContainer .updateBtn:hover{opacity:.4}@media screen and (max-width:800px){.qrContainer .dateContainer{flex-direction:column}}.qrContainer .dateContainer .dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#47908a}@media screen and (max-width:800px){.qrContainer .dateContainer .dateInput{margin:auto auto 1em}}.qrContainer .headerContainer{width:100%;position:relative;height:120px;background-color:#91bcb9;display:flex;justify-content:space-evenly;align-items:center}@media screen and (max-width:800px){.qrContainer .headerContainer{width:100%;flex-direction:column;justify-content:center;align-items:center;height:unset}}.qrContainer .headerContainer .headerBtn{height:20px;font-size:1.3em;background:#f3f1e4;color:#47908a;border-radius:1.2em;padding:1.1em;margin:auto;display:flex;justify-content:center;align-items:center}.qrContainer .headerContainer .headerBtn:hover{opacity:.5;cursor:pointer}.qrContainer .headerContainer .headerBtn .btnIcon{font-size:1.5em;padding-left:.5em;padding-right:.5em}@media screen and (max-width:800px){.qrContainer .headerContainer .headerBtn{width:80%;margin-top:20px}}.qrContainer .headerContainer .logOutBtn{text-transform:uppercase;font-weight:700;max-width:200px;text-align:center}@media screen and (max-width:640px){.qrContainer .headerContainer .logOutBtn{max-width:unset;position:relative;margin-bottom:20px}}.qrContainer .backBtn{font-size:1.3em;color:#f3f1e4;background:#222;border-radius:1.2em;padding:1.4em;text-transform:uppercase;font-weight:700;margin:.5em auto auto;width:80%;display:flex;justify-content:center;align-items:center;position:relative}.qrContainer .backBtn:hover{opacity:.5;cursor:pointer}.qrContainer .backBtn .backIcon{font-size:1.5em;position:absolute;left:1em}.qrContainer .wrapper{display:flex;flex-direction:column;margin:auto;width:100%}.qrContainer .wrapper .statsTable{margin:.5em auto auto;width:90%}@media screen and (max-width:640px){.qrContainer .wrapper .statsTable{margin-top:8px;width:80%;max-width:unset}}@media screen and (max-width:800px){.qrContainer .wrapper{width:100%;flex-direction:column;justify-content:center;align-items:center}}.qrContainer .infoDiv{text-align:center;font-size:1em;background-color:#f3f1e4;border-radius:1.2em;padding:20px;color:#47908a;margin-top:.5em;height:100%;display:flex;justify-content:center;align-items:center}.qrContainer .infoDiv .numberBubbles{width:100%;display:flex;justify-content:space-around;flex-direction:row;align-items:center}@media screen and (max-width:1100px){.qrContainer .infoDiv .numberBubbles{flex-direction:column}}.qrContainer .infoDiv .numberBubbles .numberBubble{border-radius:6px;color:#47908a;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:220px;font-weight:800;font-size:12px}.qrContainer .infoDiv .numberBubbles .numberBubble .numberCircle{color:#000;background-color:#fff;border-radius:6px;height:1.2em;padding:.8em;font-size:12px;min-width:120px;margin-top:20px}@media screen and (max-width:1100px){.qrContainer .infoDiv .numberBubbles .numberBubble{max-width:unset;width:100%;max-width:80%}}.qrContainer .infoDiv .customerName{font-size:1.4em;text-align:center;font-weight:700}.qrContainer .infoDiv .countsTable{border-collapse:collapse;max-width:90%;margin:auto;overflow-x:auto}.qrContainer .infoDiv .countsTable .unknownName{color:#e67e22;font-weight:700}.qrContainer .infoDiv .countsTable .hideBorder{border:none!important}.qrContainer .infoDiv .countsTable td{border:2px solid #47908a;padding:5px}@media screen and (max-width:640px){.qrContainer .infoDiv .countsTable{zoom:.6}}.qrContainer .infoDiv p span{font-weight:700}@media screen and (max-width:800px){.qrContainer .infoDiv{width:80%;margin-right:0}}.qrContainer .instructionLabel{padding:5px;border-radius:5px;background-color:#48dbfb;color:#222;text-transform:uppercase;width:auto;text-align:center;margin-top:.5em}.qrContainer .orderCards{width:100%;display:flex;flex-wrap:wrap;overflow-y:auto;padding-top:12em}.qrContainer .searchFilterContainer{position:fixed;top:0;left:0;background-color:#222}.qrContainer .actionIcon{color:#f3f1e4}.qrContainer .actionIcon:hover{opacity:.7;cursor:pointer}.qrContainer .logoutIcon{padding-left:10px;padding-right:10px}.qrContainer .filterContainer{display:flex;flex-direction:row;width:100vw;padding-top:1.2em;justify-content:space-between;background-color:#222;margin:auto auto 1.5em}@media screen and (max-width:800px){.qrContainer .filterContainer{justify-content:space-between}}.qrContainer .filterContainer .badge{min-width:100px;opacity:.6;margin-right:1em}@media screen and (max-width:480px){.qrContainer .filterContainer .badge{min-width:80px}}.qrContainer .filterContainer .badge:first-child{margin-left:1em}.qrContainer .filterContainer .badge:hover{opacity:1;cursor:pointer}.qrContainer .filterContainer .activeBadge{opacity:1}.qrContainer .filterContainer .activeBadge:hover{opacity:.6;cursor:pointer}.qrContainer .badge{cursor:pointer;border-radius:5px;line-height:40px;text-align:center;color:#f3f1e4;padding:.5em}.qrContainer .badge:hover{opacity:.6}.qrContainer .sourceTitle{font-weight:700;text-transform:uppercase;font-size:1.2em}.qrContainer .orderCount{font-size:1.2em}.qrContainer .money{color:#0b5b2c;font-size:1em}.qrContainer .moneyLarge{color:#0b5b2c;font-size:2.4em;font-weight:500}.qrContainer .moneyBadge{background-color:#0b5b2c}.qrContainer .activeStatusBadge{background-color:#f0932b}.qrContainer .completedBadge{background-color:#6ab04c}.qrContainer .rejectedBadge{background-color:#eb4d4b}.qrContainer .deliveryBadge{background-color:#3498db}.qrContainer .pickupBadge{background-color:#ac3b61}.qrContainer .takeawayBadge{background-color:#e67e22}.qrContainer .searchBarContainer{width:100%;display:flex;flex-direction:row;background-color:#222;margin:auto;padding-top:1.2em}@media screen and (max-width:600px){.qrContainer .searchBarContainer{flex-direction:column}.qrContainer .searchBarContainer .actionContainer{padding-top:10px}}.qrContainer .searchBarContainer .searchBar{background-color:transparent;width:100%;color:#f3f1e4;height:1.2em;font-size:1.1em;-webkit-appearance:none;appearance:none;border:none;outline:none;font-weight:700;margin:auto;width:80%}.crofflesContainer{display:flex;width:100%;border-radius:20px}@media screen and (max-width:820px){.crofflesContainer{flex-direction:column}}.crofflesContainer .crofflesColumn{border-radius:20px;margin:8px;display:flex;justify-content:flex-start;flex-grow:1;flex-direction:column;background-color:#f7f4e7;max-height:90vh;width:30vw;align-items:center;overflow-x:none}@media screen and (max-width:820px){.crofflesContainer .crofflesColumn{width:90vw}}.crofflesContainer .crofflesColumn h2{color:#47908a;text-decoration:underline}.crofflesContainer .crofflesColumn .crofflesList{overflow-y:auto;overflow-x:none}.crofflesContainer .crofflesColumn .croffleBox{font-family:"Lexend Deca";display:flex;justify-content:flex-start;align-items:center;flex-direction:column;font-weight:700;margin:10px;max-width:25vw;height:auto;border-radius:20px;color:#f7f4e7;position:relative;text-align:center;font-size:20px;min-width:300px;background-color:rgba(71,144,138,.2)}.crofflesContainer .crofflesColumn .croffleBox .actionBtn{width:100%;border-bottom-left-radius:18px;border-bottom-right-radius:18px;background-color:#47908a;padding-top:10px;padding-bottom:10px;color:#f7f4e7;cursor:pointer}.crofflesContainer .crofflesColumn .croffleBox .actionBtn:hover{opacity:.5}.crofflesContainer .crofflesColumn .croffleBox .orderNo{position:absolute;left:10px;top:10px;background-color:#f7f4e7;color:#47908a;font-size:14px;border-radius:6px;padding:3px}.crofflesContainer .crofflesColumn .croffleBox .orderTime{position:absolute;right:10px;top:10px;background-color:#f7f4e7;color:#47908a;font-size:14px;border-radius:6px;padding:3px}.crofflesContainer .crofflesColumn .croffleBox .croffleInfo{display:flex;flex-direction:column;padding:15px;text-align:center;justify-content:center;align-items:center;width:100%}.crofflesContainer .crofflesColumn .croffleBox .croffleInfo .packingLabel{background-color:#47908a;color:#f7f4e7;border-radius:6px;margin-top:20px;padding:2%}.crofflesContainer .crofflesColumn .croffleBox .croffleInfo .dineInCroffle{background-color:#00cec9;color:#fff;font-size:1em;padding:2%;border-radius:6px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin-bottom:10px}.crofflesContainer .crofflesColumn .croffleBox .croffleInfo .deliveryCroffle{background-color:#d63031;color:#fff;font-size:1em;padding:2%;border-radius:6px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;text-align:center;margin-bottom:10px}.crofflesContainer .crofflesColumn .croffleBox .croffleInfo .croffleLabel{color:#f7f4e7;font-size:1.2em;text-align:center;margin-bottom:10px;margin-top:40px;padding-top:10px;padding-bottom:10px;width:100%}.query-interface{margin-bottom:2rem}.query-form{background:#f3f1e4;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .3s ease;border:2px solid #e2e8f0}.query-input-container{position:relative;padding:1.5rem;transition:all .3s ease}.query-input-container.loading{opacity:.7;pointer-events:none}.query-textarea{width:100%;min-height:72px;max-height:192px;padding:1rem 4rem 1rem 1rem;border:none;outline:none;font-size:1rem;line-height:1.5;color:#1e293b;background:transparent;resize:none;font-family:inherit;transition:all .2s ease}.query-textarea::placeholder{color:#94a3b8;font-style:italic}.query-textarea:disabled{cursor:not-allowed;opacity:.5}.input-actions{position:absolute;right:1rem;bottom:1rem;display:flex;grid-gap:.5rem;gap:.5rem;align-items:center}.send-button,.voice-button{background:none;border:none;padding:.75rem;border-radius:.5rem;cursor:pointer;font-size:1.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.voice-button{background:#f3f1e4;color:#47908a;border:1px solid #47908a}.voice-button:hover{background:#f1f5f9;transform:scale(1.05)}.voice-button.listening{background:#fee2e2;border-color:#ef4444;animation:pulse 1s infinite}.send-button{background:#e2e8f0;color:#64748b;border:1px solid #e2e8f0}.send-button.active{background:#47908a;color:#fff;border-color:#47908a;transform:scale(1.05)}.send-button.active:hover{background:#059669;transform:scale(1.1)}.send-button:disabled{cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.input-footer{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem 1rem;font-size:.875rem}.character-counter{color:#64748b}.character-counter .warning{color:#f59e0b;font-weight:500}.listening-indicator{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;color:#ef4444;font-weight:500}.listening-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1s infinite}.quick-suggestions{margin-top:1rem;background:#f3f1e4;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0;animation:slideInUp .3s ease}.suggestions-header{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem;color:#475569;font-weight:500;font-size:.9rem}.lightbulb{font-size:1rem}.suggestions-list{display:flex;flex-wrap:wrap;grid-gap:.75rem;gap:.75rem}.suggestion-pill{background:#f8fafc;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;color:#475569;cursor:pointer;transition:all .2s ease;animation:fadeInUp .4s ease;animation-fill-mode:both}.suggestion-pill:hover{background:#47908a;color:#fff;border-color:#47908a;transform:translateY(-2px);box-shadow:0 4px 8px rgba(16,185,129,.2)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.query-input-container{padding:1rem}.query-textarea{padding:1rem 4rem 1rem .5rem;font-size:.9rem}.input-actions{right:.5rem;bottom:.5rem}.send-button,.voice-button{padding:.5rem;font-size:1rem;min-width:36px;min-height:36px}.quick-suggestions{padding:1rem}.suggestions-list{flex-direction:column}.suggestion-pill{text-align:center;padding:.75rem 1rem}}.send-button:focus,.suggestion-pill:focus,.voice-button:focus{outline:2px solid #47908a;outline-offset:2px}.query-textarea:focus{outline:none}@media (prefers-contrast:high){.query-form{border-width:3px}.send-button,.voice-button{border-width:2px}}.loading-states{margin:2rem 0;animation:fadeInUp .5s ease}.loading-container{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0;position:relative;overflow:hidden}.loading-header{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.loading-icon{flex-shrink:0}.phase-icon{font-size:2.5rem;display:block;animation:bounce 2s infinite}.loading-content{flex:1 1}.loading-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.loading-description{color:#64748b;font-size:1rem;margin:0;line-height:1.5}.progress-container{margin-bottom:2rem}.progress-bar{width:100%;height:12px;background:#f1f5f9;margin-bottom:.5rem}.progress-bar,.progress-fill{border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#47908a,#059669);transition:width .3s ease}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 2s infinite}.progress-text{text-align:right;font-size:.875rem;font-weight:600;color:#475569}.query-display{background:#f8fafc;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;border-left:4px solid #47908a}.query-label{font-size:.875rem;font-weight:500;color:#64748b;margin-bottom:.5rem}.query-text{font-size:1.1rem;color:#1e293b;font-style:italic}.loading-tip{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;animation:tipSlideIn .5s ease}.tip-content{font-size:1rem;color:#92400e;font-weight:500;text-align:center;line-height:1.5}.phase-indicators{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.phase-indicators:before{content:"";position:absolute;top:12px;left:12px;right:12px;height:2px;background:#e2e8f0;z-index:1}.phase-indicator{display:flex;flex-direction:column;align-items:center;grid-gap:.5rem;gap:.5rem;position:relative;z-index:2}.indicator-dot{width:24px;height:24px;border-radius:50%;background:#e2e8f0;border:3px solid #fff;transition:all .3s ease;position:relative}.phase-indicator.completed .indicator-dot{background:#47908a}.phase-indicator.active .indicator-dot{background:#3b82f6;animation:pulse 1.5s infinite;box-shadow:0 0 0 4px rgba(59,130,246,.2)}.indicator-label{font-size:.75rem;font-weight:500;color:#64748b;text-align:center;min-width:60px}.phase-indicator.active .indicator-label{color:#3b82f6;font-weight:600}.phase-indicator.completed .indicator-label{color:#47908a}.data-particles{bottom:0;left:0;right:0;overflow:hidden;opacity:.6}.data-particles,.particle{position:absolute;height:4px}.particle{width:8px;background:linear-gradient(90deg,#47908a,#3b82f6);border-radius:2px;animation:particleFlow 3s linear infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes tipSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes particleFlow{0%{transform:translateX(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(100vw + 100px));opacity:0}}@media (max-width:768px){.loading-container{padding:1.5rem}.loading-header{flex-direction:column;text-align:center;grid-gap:1rem;gap:1rem}.loading-title{font-size:1.25rem}.loading-description{font-size:.9rem}.phase-indicators{flex-wrap:wrap;grid-gap:1rem;gap:1rem;justify-content:center}.phase-indicators:before{display:none}.loading-tip,.query-display{padding:1rem}.tip-content{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.indicator-dot,.particle,.phase-icon,.progress-fill:after{animation:none}}@media (prefers-contrast:high){.loading-container{border-width:2px}.progress-bar{border:1px solid}.indicator-dot{border-width:2px}}.data-table-container{border-radius:.75rem;border:1px solid #e2e8f0;overflow:hidden;background:#fff}.table-wrapper{overflow-x:auto;max-height:600px;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.column-header{background:#f8fafc;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:10;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.column-header:hover{background:#f1f5f9}.header-content{grid-gap:.5rem;gap:.5rem;text-align:right}.column-name{font-weight:600;color:#374151;text-transform:uppercase;text-align:right}.sort-indicator{color:#9ca3af;font-size:.75rem;opacity:.7;transition:opacity .2s ease}.column-header:hover .sort-indicator{opacity:1}.column-header.currency,.column-header.number{text-align:right}.column-header.date{text-align:center}.data-cell{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:top;text-align:right}.data-row:hover .data-cell{background:#f8fafc}.data-row:nth-child(2n) .data-cell{background:#fefefe}.data-row:nth-child(2n):hover .data-cell{background:#f8fafc}.currency-value{color:#059669}.currency-value,.large-number{font-weight:600;font-feature-settings:"tnum"}.large-number{color:#7c3aed}.date-value{color:#0ea5e9;font-weight:500}.email-value{color:#3b82f6;text-decoration:none}.email-value:hover{text-decoration:underline}.phone-value{color:#64748b;font-family:"Monaco","Menlo",monospace;font-size:.8rem}.url-value{color:#3b82f6;text-decoration:none}.url-value:hover{text-decoration:underline}.parsed-name{color:#1e293b;font-weight:500}.text-value{color:#374151}.null-value{color:#9ca3af;font-style:italic}.data-cell.currency,.data-cell.number{text-align:right;font-feature-settings:"tnum"}.data-cell.date{text-align:center}.data-cell.email,.data-cell.phone{font-family:"Monaco","Menlo",monospace;font-size:.8rem}.table-footer{padding:.75rem 1rem;background:#f8fafc;border-top:1px solid #e2e8f0}.table-summary{font-size:.875rem}.empty-table,.table-summary{color:#64748b;text-align:center}.empty-table{padding:2rem;font-style:italic}@media (max-width:768px){.data-table{font-size:.75rem}.column-header,.data-cell{padding:.5rem .75rem}.header-content{flex-direction:column;grid-gap:.25rem;gap:.25rem;align-items:flex-start}.column-name{font-size:.75rem}.sort-indicator{align-self:flex-end}.text-value{word-break:break-word;max-width:150px}.table-wrapper{max-height:400px}}@media (max-width:480px){.table-wrapper{font-size:.7rem}.column-header,.data-cell{padding:.4rem .5rem}.text-value{max-width:100px}}@media (prefers-contrast:high){.data-table-container{border-width:2px}.column-header{border-bottom-width:2px}.data-cell{border-bottom-width:1px}}@media print{.data-table-container{border:1px solid #000;box-shadow:none}.column-header{background:#f5f5f5!important;border-bottom:1px solid #000}.data-cell{border-bottom:1px solid #ccc}.table-wrapper{max-height:none;overflow:visible}.data-row:hover .data-cell{background:transparent!important}}.metric-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;padding:2rem;text-align:center;border:1px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .3s ease;animation:slideInUp .6s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.metric-header{display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.metric-icon{font-size:2rem;animation:bounce 2s infinite}.metric-label{font-size:1.1rem;font-weight:600;color:#374151;text-transform:capitalize;letter-spacing:.025em}.metric-value{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:1rem;line-height:1;font-feature-settings:"tnum";text-shadow:0 1px 2px rgba(0,0,0,.1)}.metric-trend{font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;border-radius:2rem;background:rgba(16,185,129,.1);color:#059669;display:inline-block}.metric-description{color:#64748b;font-size:.875rem;line-height:1.5;font-style:italic;max-width:300px;margin:0 auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@media (max-width:768px){.metric-card{padding:1.5rem}.metric-header{flex-direction:column;grid-gap:.5rem;gap:.5rem}.metric-icon{font-size:1.75rem}.metric-label{font-size:1rem}.metric-value{font-size:2.5rem}.metric-trend{font-size:1rem}.metric-description{font-size:.8rem}}@media (prefers-contrast:high){.metric-card{border-width:2px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.metric-value{text-shadow:none}}@media (prefers-reduced-motion:reduce){.metric-card,.metric-icon{animation:none}.metric-card:hover{transform:none}}.chart-visualization{width:100%;padding:1.5rem;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:12px;border:1px solid #e9ecef;margin-top:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.chart-controls{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.chart-type-selector{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.selector-label{font-weight:600;color:#495057;font-size:.9rem;font-family:"BNBergen",sans-serif}.chart-type-buttons{display:flex;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap}.chart-type-button{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;border:2px solid #dee2e6;border-radius:8px;background:#f3f1e4;color:#495057;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;font-family:"BNBergen",sans-serif}.chart-type-button:hover{border-color:#8b4513;background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px rgba(139,69,19,.1)}.chart-type-button.active{border-color:#8b4513;background:#8b4513;color:#f3f1e4}.chart-type-button.recommended{border-color:#28a745}.chart-type-button.recommended.active{background:#28a745;border-color:#28a745}.chart-icon{font-size:1rem}.chart-label{font-size:.85rem}.recommended-badge{position:absolute;top:-4px;right:-4px;font-size:.7rem;background:#28a745;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.chart-info{margin-bottom:1rem}.chart-reasoning{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1rem;background:#f3f1e4;border-radius:8px;border-left:4px solid #2196f3}.reasoning-icon{font-size:1rem}.reasoning-text{font-size:.85rem;color:#1565c0;font-style:italic}.chart-container{margin-bottom:1.5rem;background:#f3f1e4;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #e9ecef}.chart-wrapper{position:relative;height:400px;width:100%}.chart-error,.chart-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:#f3f1e4;border-radius:12px;border:2px dashed #dee2e6;color:#6c757d}.error-icon,.unavailable-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.chart-error h4,.chart-unavailable h4{margin:0 0 .5rem;color:#495057;font-family:"BNBergen",sans-serif}.chart-error p,.chart-unavailable p{margin:0 0 .5rem;color:#6c757d}.chart-error small,.chart-unavailable small{color:#868e96;font-style:italic}.chart-summary{padding-top:1rem;border-top:1px solid #e9ecef}.summary-stats{display:flex;grid-gap:2rem;gap:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.stat-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:.9rem;color:#495057;font-weight:600;font-family:"BNBergen",sans-serif}@media (max-width:768px){.chart-visualization{padding:1rem}.chart-wrapper{height:300px}.chart-type-button,.chart-type-buttons{justify-content:center}.chart-type-button{flex:1 1;min-width:120px}.summary-stats{justify-content:center;grid-gap:1.5rem;gap:1.5rem}.chart-error,.chart-unavailable{padding:2rem 1rem}}@media (max-width:480px){.chart-wrapper{height:250px}.chart-type-button{padding:.4rem .8rem;font-size:.8rem}.chart-icon{font-size:.9rem}.chart-label{font-size:.8rem}}.chart-container{transition:all .3s ease}.chart-wrapper canvas{transition:opacity .3s ease}.chart-type-buttons{overflow-x:auto;padding-bottom:.5rem}.chart-type-buttons::-webkit-scrollbar{height:4px}.chart-type-buttons::-webkit-scrollbar-track{background:#f1f3f4;border-radius:2px}.chart-type-buttons::-webkit-scrollbar-thumb{background:#8b4513;border-radius:2px}.chart-type-buttons::-webkit-scrollbar-thumb:hover{background:#6d350f}.chart-type-button:focus{outline:2px solid #8b4513;outline-offset:2px}.chart-type-button:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.chart-visualization{border:2px solid #000}.chart-type-button{border-width:2px}.chart-container{border:2px solid #000}}.results-display{margin:2rem 0;animation:fadeInUp .6s ease}.results-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0;overflow:hidden}.results-header{justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.results-header,.results-title{display:flex;align-items:center}.results-title{grid-gap:.75rem;gap:.75rem}.results-icon{font-size:1.5rem}.results-title h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.results-actions{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center}.action-button{padding:.5rem 1rem}.action-button.primary{background:#47908a;border-color:#47908a}.action-button.primary:hover{background:#059669}.action-button.secondary{border-color:#e2e8f0;color:#64748b}.action-button.secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.action-button.danger{background:#fff;border-color:#e2e8f0;color:#ef4444}.action-button.danger:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.ai-response{display:flex;grid-gap:1rem;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e2e8f0}.ai-avatar{flex-shrink:0;font-size:1.5rem}.ai-message{flex:1 1;color:#0f172a;line-height:1.6;font-size:1rem}.results-content{padding:2rem}.empty-results{text-align:center;padding:3rem 2rem;color:#64748b}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-results h4{color:#374151;margin:0 0 .5rem;font-size:1.25rem}.empty-results p{margin:0;font-size:1rem}.summary-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.summary-item{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0;text-align:center}.summary-label{font-size:.875rem;color:#64748b;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:2rem;font-weight:700;color:#1e293b}.table-results{margin-top:1rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.table-info{color:#64748b;font-size:.875rem}.row-count{font-weight:500}.view-toggles{display:flex;background:#f1f5f9;border-radius:.5rem;padding:.25rem}.toggle-button{padding:.5rem 1rem;border:none;background:transparent;color:#64748b;font-size:.875rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.toggle-button.active{background:#fff;color:#47908a;box-shadow:0 1px 2px rgba(0,0,0,.1)}.toggle-button:hover:not(.active){background:hsla(0,0%,100%,.5)}.chart-placeholder{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;padding:4rem 2rem;text-align:center;color:#64748b}.placeholder-content{max-width:300px;margin:0 auto}.placeholder-icon{font-size:3rem;margin-bottom:1rem;display:block}.placeholder-content h4{margin:0 0 .5rem;color:#374151}.placeholder-content p{margin:0;font-size:.875rem}.sql-display{border-top:1px solid #e2e8f0;background:#f8fafc}.sql-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #e2e8f0}.sql-header h4{margin:0;color:#374151;font-size:1rem}.close-sql{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.close-sql:hover{background:#e2e8f0;color:#374151}.sql-code{padding:1.5rem 2rem;margin:0;background:#1e293b;color:#e2e8f0;font-family:"Monaco","Menlo",monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;text-align:left}.results-footer{padding:1rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc}.execution-info{text-align:center}.execution-time{color:#64748b;font-size:.875rem}@media (max-width:768px){.results-header{flex-direction:column;grid-gap:1rem;gap:1rem;align-items:stretch}.results-actions{justify-content:center;flex-wrap:wrap}.action-button{flex:1 1;min-width:0;justify-content:center}.results-content{padding:1rem}.table-header{flex-direction:column;grid-gap:1rem;gap:1rem;align-items:stretch}.view-toggles{justify-content:center}.summary-results{grid-template-columns:1fr}.sql-code,.sql-header{padding:1rem}.sql-code{font-size:.75rem}}.error-handler{margin:2rem 0;animation:fadeInUp .5s ease}.error-container{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #fecaca;border-left:4px solid #ef4444}.error-header{display:flex;align-items:flex-start;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.error-icon{font-size:2rem;flex-shrink:0;animation:shake .5s ease-in-out}.error-content{flex:1 1}.error-title{color:#dc2626;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.error-message{color:#374151;font-size:1rem;line-height:1.5;margin:0}.error-suggestions{background:#fefce8;border:1px solid #fde047;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.suggestions-title{color:#a16207;font-size:1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.suggestions-list{list-style:none;padding:0;margin:0}.suggestion-item{color:#374151;font-size:.875rem;line-height:1.5;margin-bottom:.75rem;position:relative;padding-left:1.5rem}.suggestion-item:last-child{margin-bottom:0}.suggestion-item:before{content:"•";position:absolute;left:0;color:#a16207;font-weight:700}.error-actions{display:flex;grid-gap:.75rem;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.action-button{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-button.primary{background:#dc2626;border-color:#dc2626;color:#fff}.action-button.primary:hover{background:#b91c1c;transform:translateY(-1px)}.action-button.secondary{background:#fff;border-color:#d1d5db;color:#6b7280}.action-button.secondary:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.error-details{border-top:1px solid #e5e7eb;padding-top:1rem}.error-details summary{color:#6b7280;font-size:.875rem;cursor:pointer;outline:none;padding:.5rem 0;transition:color .2s ease}.error-details summary:hover{color:#374151}.error-details[open] summary{margin-bottom:1rem;color:#374151}.error-stack{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;padding:1rem;font-family:"Monaco","Menlo",monospace;font-size:.75rem;line-height:1.4;color:#374151;overflow-x:auto;white-space:pre-wrap;word-break:break-all}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.error-container{padding:1.5rem}.error-header{flex-direction:column;text-align:center}.error-icon{align-self:center}.error-actions{flex-direction:column}.action-button{justify-content:center;width:100%}.error-suggestions{padding:1rem}.suggestion-item{font-size:.8rem}.error-stack{font-size:.7rem;padding:.75rem}}@media (prefers-contrast:high){.error-container{border-width:2px 2px 2px 6px}.error-stack,.error-suggestions{border-width:2px}}@media print{.error-handler{page-break-inside:avoid;break-inside:avoid}.error-container{box-shadow:none;border:2px solid #000}.error-actions{display:none}.error-details[open] .error-stack{background:transparent;border:1px solid #000}}@media (prefers-reduced-motion:reduce){.error-handler,.error-icon{animation:none}.action-button:hover{transform:none}}.ai-analytics-dashboard{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif}.dashboard-header{background:#f3f1e4;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-section{flex:1 1}.dashboard-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.tea-emoji{font-size:1.5rem}.dashboard-subtitle{color:#64748b;margin:.25rem 0 0;font-size:1rem;font-weight:400}.sidebar-toggle{background:#47908a;border:none;padding:.75rem;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s ease;font-size:1.25rem}.sidebar-toggle:hover{background:#059669;transform:scale(1.05)}.dashboard-layout{display:flex;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.query-sidebar{width:320px;background:#f3f1e4;border-radius:1rem;transform:translateX(-100%);transition:transform .3s ease;position:fixed;top:80px;left:0;height:calc(100vh - 80px);z-index:50;overflow-y:auto}.query-sidebar.open{transform:translateX(0)}.sidebar-content{padding:1.5rem}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sidebar-content h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}.clear-history-btn{background:#47908a;color:#f3f1e4;border:1px solid #47908a;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-history-btn:hover{background:#f3f1e4;color:#47908a;border-color:#47908a}.query-history{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.no-history{color:#64748b;font-style:italic;text-align:center;padding:2rem 0}.history-item{position:relative;background:#47908a;color:#f3f1e4;border-radius:.5rem;transition:all .2s ease;border:1px solid #e2e8f0;overflow:hidden}.history-item:hover{background:#f3f1e4;color:#47908a;border-color:#47908a;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.query-content{padding:1rem 3rem 1rem 1rem;cursor:pointer}.delete-query-btn{position:absolute;top:.5rem;right:.5rem;background:#fff;color:#47908a;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:700;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.delete-query-btn:hover{transform:scale(1.15);background:#47908a;color:#fff}.delete-query-btn:focus{outline:2px solid #fca5a5;outline-offset:-2px}.query-text{font-weight:600;font-size:.9rem;color:inherit;margin-bottom:.5rem;line-height:1.4}.query-meta{font-size:.75rem;color:inherit}.dashboard-main{flex:1 1;transition:margin-left .3s ease}.content-container{max-width:900px;margin:0 auto}.welcome-state{text-align:center;padding:4rem 2rem;animation:fadeInUp .6s ease}.welcome-content h2{color:#1e293b;font-size:2rem;margin-bottom:1rem;font-weight:600}.welcome-content p{color:#64748b;font-size:1.1rem;margin-bottom:3rem}.suggestion-chips h4{color:#1e293b;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}.chips-container{display:flex;flex-wrap:wrap;grid-gap:.75rem;gap:.75rem;justify-content:center;max-width:600px;margin:0 auto}.suggestion-chip{background:#f3f1e4;border:2px solid #e2e8f0;padding:.75rem 1.25rem;border-radius:2rem;color:#475569;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.suggestion-chip:hover{border-color:#47908a;color:#47908a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.header-content{padding:1rem}.dashboard-title{font-size:1.5rem}.dashboard-subtitle{font-size:.9rem}.query-sidebar{width:100%}.dashboard-main{padding:1rem}.welcome-content h2{font-size:1.5rem}.chips-container{flex-direction:column;align-items:center}.suggestion-chip{width:100%;max-width:300px}}@media (min-width:1024px){.query-sidebar.open+.dashboard-main{margin-left:320px}.query-sidebar{position:static;transform:translateX(0);height:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.history-item:focus,.sidebar-toggle:focus,.suggestion-chip:focus{outline:2px solid #47908a;outline-offset:2px}.App{text-align:center;position:relative}.App-logo{pointer-events:none;position:absolute;top:10px;left:10px;height:3rem;width:auto}.matcha{background-color:#485731}.taro{background-color:#634c91}.classic{background-color:#3c3333}.caramel{background-color:#875020}.blossom{background-color:#c44191}.ivorySilk{background-color:#d2bba2}.sparkle{background-color:#d73663}.chicken{background-color:#c0392b}.berrymerry{background:#c23119;background:linear-gradient(90deg,#c23119 22%,#485731 54%)}.thai{background-color:#ca8346}.kokocaphe{background-color:#756e30}.jamong{background-color:#ff4d4d}.general{background-color:#222}.generalItem{background-color:#c1a97e}@keyframes rotateInCircle{0%{transform:rotate(0deg)}33%{transform:rotate(90)}66%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes shakeItUp{33%{transform:rotate(-15deg)}66%{transform:rotate(35deg)}to{transform:rotate(10deg)}}@keyframes upDown{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInHeaderBackground{0%{background-color:transparent}to{background-color:#000}}@keyframes fadeOutHeaderBackground{0%{background-color:#000}to{background-color:transparent}}body,html{margin:0;padding:0;width:100vw}body{-webkit-user-select:none;user-select:none;background-color:#91bcb9;overflow-x:hidden!important}.dateInput,body{font-family:"Lexend Exa",sans-serif}.dateInput{-webkit-appearance:none;appearance:none;background-color:#fff;outline:none;border:#47908a;border-radius:6px;height:40px;padding-left:10px;padding-right:10px;width:100%;margin:10px;text-align:center;max-width:250px;font-weight:700;color:#47908a}@media screen and (max-width:800px){.dateInput{margin:auto auto 1em}}.gotActionBtn{background-color:#b5a47f;padding:1em;border-radius:36px;font-size:18px;max-width:280px;font-family:"Lexend Exa",sans-serif;font-weight:700;color:#f3f1e4;text-decoration:none}.gotActionBtn:hover{opacity:.7;cursor:pointer}.disabledField{pointer-events:none;opacity:.7}@font-face{font-family:"BNBergen-Light";src:url(/static/media/BNBergen-Light.0bd008d7.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"BNBergen";src:url(/static/media/BNBergen.e693b702.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"BNBergen-Medium";src:url(/static/media/BNBergen-Medium.ab75645f.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"BNBergen-Bold";src:url(/static/media/BNBergen-Bold.2a471b9a.otf) format("truetype");font-weight:400;font-style:normal}.disabledBtn{-webkit-user-select:none;user-select:none;opacity:.6;cursor:not-allowed;pointer-events:none}.paragraphText{font-family:Helvetica,Arial,sans-serif}.titleText{font-weight:600;text-transform:uppercase}.hide{display:none!important}.innerPageContainer{padding-top:78px;width:100%}.contentWrapper{align-items:center;min-height:calc(100vh - 200px);overflow-x:hidden}.btnTransparent{background-color:transparent;color:#f3f1e4;font-size:1.3em;padding:10px;display:flex;justify-content:space-between;align-items:center;border-radius:5px;font-weight:700;text-transform:uppercase}.btnTransparent:hover{color:#222;cursor:pointer;background-color:#f3f1e4}.btnTransparent .rightArrow{padding-left:10px}@media screen and (max-width:820px){.contentWrapper{min-height:calc(100vh - 185px)}.innerPageContainer{padding-top:60px}}
/*# sourceMappingURL=main.0b571caa.chunk.css.map */