@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap);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}.react-vis-magic-css-import-rule{display:inherit}.rv-treemap{font-size:12px;position:relative}.rv-treemap__leaf{overflow:hidden;position:absolute}.rv-treemap__leaf--circle{align-items:center;border-radius:100%;display:flex;justify-content:center}.rv-treemap__leaf__content{overflow:hidden;padding:10px;text-overflow:ellipsis}.rv-xy-plot{color:#c3c3c3;position:relative}.rv-xy-plot canvas{pointer-events:none}.rv-xy-plot .rv-xy-canvas{pointer-events:none;position:absolute}.rv-xy-plot__inner{display:block}.rv-xy-plot__axis__line{fill:none;stroke-width:2px;stroke:#e6e6e9}.rv-xy-plot__axis__tick__line{stroke:#e6e6e9}.rv-xy-plot__axis__tick__text,.rv-xy-plot__axis__title text{fill:#6b6b76;font-size:11px}.rv-xy-plot__grid-lines__line{stroke:#e6e6e9}.rv-xy-plot__circular-grid-lines__line{fill-opacity:0;stroke:#e6e6e9}.rv-xy-plot__series,.rv-xy-plot__series path{pointer-events:all}.rv-xy-plot__series--line{fill:none;stroke:#000;stroke-width:2px}.rv-crosshair{position:absolute;font-size:11px;pointer-events:none}.rv-crosshair__line{background:#47d3d9;width:1px}.rv-crosshair__inner{position:absolute;text-align:left;top:0}.rv-crosshair__inner__content{border-radius:4px;background:#3a3a48;color:#fff;font-size:12px;padding:7px 10px;box-shadow:0 2px 4px rgba(0,0,0,.5)}.rv-crosshair__inner--left{right:4px}.rv-crosshair__inner--right{left:4px}.rv-crosshair__title{font-weight:700;white-space:nowrap}.rv-crosshair__item{white-space:nowrap}.rv-hint{position:absolute;pointer-events:none}.rv-hint__content{border-radius:4px;padding:7px 10px;font-size:12px;background:#3a3a48;box-shadow:0 2px 4px rgba(0,0,0,.5);color:#fff;text-align:left;white-space:nowrap}.rv-discrete-color-legend{box-sizing:border-box;overflow-y:auto;font-size:12px}.rv-discrete-color-legend.horizontal{white-space:nowrap}.rv-discrete-color-legend-item{color:#3a3a48;border-radius:1px;padding:9px 10px}.rv-discrete-color-legend-item.horizontal{display:inline-block}.rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title{margin-left:0;display:block}.rv-discrete-color-legend-item__color{display:inline-block;vertical-align:middle;overflow:visible}.rv-discrete-color-legend-item__color__path{stroke:#dcdcdc;stroke-width:2px}.rv-discrete-color-legend-item__title{margin-left:10px}.rv-discrete-color-legend-item.disabled{color:#b8b8b8}.rv-discrete-color-legend-item.clickable{cursor:pointer}.rv-discrete-color-legend-item.clickable:hover{background:#f9f9f9}.rv-search-wrapper{display:flex;flex-direction:column}.rv-search-wrapper__form{flex:0 1}.rv-search-wrapper__form__input{width:100%;color:#a6a6a5;border:1px solid #e5e5e4;padding:7px 10px;font-size:12px;box-sizing:border-box;border-radius:2px;margin:0 0 9px;outline:0}.rv-search-wrapper__contents{flex:1 1;overflow:auto}.rv-continuous-color-legend{font-size:12px}.rv-continuous-color-legend .rv-gradient{height:4px;border-radius:2px;margin-bottom:5px}.rv-continuous-size-legend{font-size:12px}.rv-continuous-size-legend .rv-bubbles{text-align:justify;overflow:hidden;margin-bottom:5px;width:100%}.rv-continuous-size-legend .rv-bubble{background:#d8d9dc;display:inline-block;vertical-align:bottom}.rv-continuous-size-legend .rv-spacer{display:inline-block;font-size:0;line-height:0;width:100%}.rv-legend-titles{height:16px;position:relative}.rv-legend-titles__center,.rv-legend-titles__left,.rv-legend-titles__right{position:absolute;white-space:nowrap;overflow:hidden}.rv-legend-titles__center{display:block;text-align:center;width:100%}.rv-legend-titles__right{right:0}.rv-radial-chart .rv-xy-plot__series--label{pointer-events:none}.App{background:linear-gradient(-45deg,#f0c9a9,#e6df85,#eec9ac,#fd818b);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;height:100vh;overflow-y:hidden}.App input{background-color:transparent}.App .add-button{height:3rem;width:12rem;border-radius:5rem;border:none;background-color:#0278ae;color:#fff;font-weight:600;font-size:1.3rem;cursor:pointer}.App h1{font-size:2rem;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:.5s ease-in-out}.App .pageHeader{margin-top:0;margin-bottom:3rem}.App .submit:hover{background-color:#4caf50!important}.App .cancel:hover{background-color:#368ff4!important}.App .delete:hover{background-color:#f44336!important}.App .edit:hover{background-color:#eea00f!important}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.App-grid-container{display:flex}.App-sidebar{grid-area:sidebar}.App-sidebar--hidden{width:1%;overflow:hidden}.App-content{grid-area:content}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.errpopup{width:35%;min-height:35%;background:#fff;display:flex;border-radius:1rem;flex-direction:column;justify-content:center}.errpopup__symbol{font-size:5rem;line-height:4rem;text-align:center;color:red}.errpopup__message{padding:2rem;text-align:center;font-size:1.6rem}.errpopup--wrapper{width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);justify-content:center}.container,.errpopup--wrapper{display:flex;align-items:center}.container{position:absolute;margin:10% 33%;font-family:"Rubik",sans-serif;height:50vh;width:30vw;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 20px rgba(0,0,0,.050980392156862744);border-radius:8px;flex-direction:column;justify-content:space-around}.login{font-weight:700;font-size:2.2rem;margin-bottom:0}.login,.para{color:#191919}.para{font-size:1.2rem;margin:0}.image{margin-right:3rem}.forgotPassword{margin-top:-.3rem;margin-left:.4rem;letter-spacing:1.2px;color:#0060fc;text-transform:uppercase;font-size:.8rem;font-weight:600}.input{width:20vw;height:5vh;background:#f4f4f4;border-radius:7px;text-decoration:none;border:none;margin-bottom:13px;padding-left:25px}.input::-webkit-input-placeholder{font-weight:400;margin-left:15px;font-size:1rem;color:#a3a3a3}.input:-ms-input-placeholder{font-weight:400;margin-left:15px;font-size:1rem;color:#a3a3a3}.input::placeholder{font-weight:400;margin-left:15px;font-size:1rem;color:#a3a3a3}.button{float:right;text-decoration:none;background:#1744ff 0 0 no-repeat;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.050980392156862744);border-radius:8px;padding:1rem 1.4rem;letter-spacing:2.1px;color:#fff;font-size:13px;font-family:"Rubik",sans-serif;border:none}.button,.Button{text-transform:uppercase}.Button{background-color:transparent;padding:1rem 3rem;border-radius:49px;border:2px solid #373737;font-size:2.2rem;font-family:"Montserrat",sans-serif;font-weight:500}.Button:hover{cursor:pointer}@media screen and (max-width:1024px){.Button{padding:1.4rem 4rem;font-size:3.2rem}}@media screen and (max-width:768px){.Button{padding:1.1rem 3rem;font-size:2.5rem}}@media screen and (max-width:414px){.Button{padding:1rem 2rem;font-size:1.8rem}}@media screen and (max-width:375px){.Button{padding:.8rem 1.6rem;font-size:1.4rem}}@media screen and (max-width:360px){.Button{padding:.8rem 1.6rem;font-size:1rem}}.container--signup{font-family:"Rubik",sans-serif;height:75vh;width:35vw;background:#fff 0 0 no-repeat padding-box;box-shadow:0 0 20px rgba(0,0,0,.050980392156862744);position:absolute;border-radius:8px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:5% 33%}.container--signup .signup{font-weight:700;font-size:2.2rem;color:#191919}.container--signup .input{width:20vw;height:5vh;background:#f4f4f4;border-radius:7px;text-decoration:none;border:none;margin-bottom:13px;padding-left:25px}.container--signup .input::-webkit-input-placeholder{font-weight:400;margin-left:15px;font-size:1rem;color:#a3a3a3}.container--signup .input:-ms-input-placeholder{font-weight:400;margin-left:15px;font-size:1rem;color:#a3a3a3}.container--signup .input::placeholder{font-weight:400;margin-left:15px;font-size:1rem;color:#a3a3a3}.container--signup .button{float:right}@media (max-width:1200px){.container{width:50vw!important}.input{width:30vw!important}.para,.para2,.routeButton{font-size:1.5rem!important}}@media (max-width:768px){.container{width:60vw!important}.input{width:40vw!important}}@media (max-width:576px){.container{height:85vh!important;width:80vw!important;margin-top:4vh}.input{width:60vw!important}}.sidebar{display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;position:static;width:4rem;transition:width 1s;transition:1s ease;overflow:hidden}.sidebar .header{display:none;margin-left:3%;font-size:2rem;font-weight:600;transition:.5s ease-in-out;overflow:hidden;height:5rem}.sidebar .Hamburger{font-size:2rem;margin-left:2rem;transition:.5s ease-out}.sidebar .Navlink{color:transparent;font-size:1.2rem;display:flex;justify-content:space-evenly;text-decoration:none;transition:.5s ease-in-out}.sidebar .Navlink:hover{font-weight:1000;padding:.5rem 0}.sidebarvis{color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;position:static;transition:width 1s;transition:1s ease;overflow:hidden;width:20%;background-image:linear-gradient(135deg,#43cbff 10%,#9708cc);box-shadow:0 0 2rem 0 #aeaeae;transition-duration:1s}.sidebarvis .header{margin-bottom:0}.sidebarvis .header img{width:100%}.sidebarvis .Navlink{font-size:1.2rem;display:flex;justify-content:space-evenly;text-decoration:none;transition:.5s ease-in-out;color:#fff;transition-duration:.01s}.sidebarvis .Navlink:hover{font-weight:1000;padding:.5rem 0}.sidebarvis .currNav,.sidebarvis .currNav:hover{background-color:#fff;padding:2rem 0;color:#035aa6;font-weight:600}.sidebarvis .header{margin-left:3%;font-size:2rem;font-weight:600;transition:.5s ease-in-out;overflow:hidden;height:5rem;display:inline}.sidebarvis .Hamburger{display:none}.sidebar:hover{color:#fff;width:20%;background-image:linear-gradient(135deg,#43cbff 10%,#9708cc);box-shadow:0 0 2rem 0 #aeaeae;transition-duration:1s}.sidebar:hover .Navlink{color:#fff;transition-duration:.01s}.sidebar:hover .Navlink:hover{font-size:600}.sidebar:hover .currNav,.sidebar:hover .currNav:hover{background-color:#fff;padding:2rem 0;color:#035aa6;font-weight:600}.sidebar:hover .header{display:inline;margin-bottom:0}.sidebar:hover .header img{width:100%}.sidebar:hover .Hamburger{display:none}.addProduct form{justify-content:space-evenly}.addProduct form .add-img{font-size:7rem;height:10rem;width:90%;margin:auto auto 1rem;color:#343434;border-radius:1rem;text-align:center;cursor:pointer;box-shadow:0 0 1rem .05rem #676767}.addProduct form .add-img:hover{box-shadow:0 -.05rem 1rem .1rem #676767;font-size:7.5rem}.addProduct form input{height:2rem;margin:.5rem 0;border-radius:.2rem;font-size:1rem;padding:0 2% 2% -.2%;border:none;border-bottom:.1rem solid #232323;text-align:center}.addProduct form #name{width:80%}.addProduct form #price{width:40%}.addProduct form #qty{width:20%}.addProduct form select{height:2rem;width:80%;border-radius:.2rem;font-size:1rem;border:none;border-bottom:.1rem solid #232323;text-align:center;background-color:#a5ecd7;margin:.5rem 2rem}.addProduct form .buttons{margin-top:5%;display:flex;justify-content:space-evenly}.addProduct form .buttons button{height:2.5rem;width:7.5rem;border-radius:1rem;border:none;background-color:#0278ae;font-size:1rem;cursor:pointer;color:#fff;font-weight:600}.addProduct{width:25%;min-height:65%;background:#fff;display:flex;border-radius:1rem;flex-direction:column;padding:2%;background:#a5ecd7;border:.5rem solid #0278ae;font-size:1rem;text-align:center}.addProduct .form{justify-content:space-evenly;line-height:2rem}.addProduct .form span{display:inline-block;border-bottom:.1rem solid #232323}.addProduct .form div{margin:1rem auto}.addProduct .form .add-img{width:90%;height:10rem;margin:auto auto 2rem;display:flex;justify-content:center}.addProduct .form .add-img canvas{max-width:100%;max-height:100%;border-radius:1rem;box-shadow:0 0 1rem .05rem #676767;cursor:pointer}.addProduct .form .add-img canvas:hover{box-shadow:0 -.05rem 1rem .1rem #676767;font-size:7.5rem}.addProduct .form #category,.addProduct .form #name{width:70%}.addProduct .form #price{width:40%}.addProduct .form #qty{width:20%}.addProduct .form .buttons{margin-top:5%;display:flex;justify-content:space-evenly}.addProduct .form .buttons button{height:2.5rem;width:6.5rem;border-radius:1rem;border:none;background-color:#0278ae;font-size:1rem;cursor:pointer;color:#fff;font-weight:600}.addProduct--wrapper{width:100%;height:100%;z-index:1000;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.Table{max-height:50vh;overflow-y:auto;text-align:center;font-size:1rem;color:#fff;margin:5% 5% 0;border-radius:1.5em}.Table table{width:100%}.Table table th{background-color:#0278ae;padding:2%;position:-webkit-sticky;position:sticky;font-size:1.2rem}.Table table tbody tr:hover>td{background-color:#fff!important}.Table table tbody td{cursor:pointer;transition:.5s ease;color:#000;background-color:#a5ecd7;padding:.5%}.ProductList{padding:5%;width:100%}.ProductList h1{text-align:left}.ProductList .section{display:flex;justify-content:space-between;padding:0 5%}.ProductList .section .add-button:hover{font-weight:600;box-shadow:0 .01rem 1rem .01rem #aaa}.ProductList .section .filter select{height:3rem;font-size:1.3rem;padding:0 1rem;width:15rem;border-radius:2rem;border:.1rem solid #232323;text-align:center;background-color:transparent}.ProductList .section .search{border:.2rem solid #000;border-radius:2rem}.ProductList .section .search input{margin-top:-.1rem;border:none;height:.5rem;width:12rem;padding:1rem;font-size:1.2rem;outline-width:0}.ProductList .section .search .searchIcon{margin-right:.5rem;cursor:pointer}.CategoryList{padding:5%;width:100%}.CategoryList h1{text-align:left}.CategoryList .section{display:flex;justify-content:space-between;padding:0 5%}.CategoryList .section .add-button:hover{font-weight:600;box-shadow:0 .01rem 1rem .01rem #aaa}.CategoryList .section .search{border:.2rem solid #000;border-radius:2rem}.CategoryList .section .search input{margin-top:-.1rem;border:none;width:12rem;padding:.5rem;font-size:1.3rem;outline-width:0}.CategoryList .section .search .searchIcon{margin-right:.5rem;cursor:pointer}.addCategory{width:25%;min-height:35%;background:#a5ecd7;display:flex;border-radius:1rem;flex-direction:column;padding:2%;border:.5rem solid #0278ae}.addCategory h1{text-align:center}.addCategory .form{justify-content:space-evenly}.addCategory .form input{height:2rem;margin:.5rem 0;border-radius:.2rem;font-size:1rem;padding:0 2% 2% -.2%;border:none;border-bottom:.1rem solid #232323;text-align:center}.addCategory .form #name{width:80%}.addCategory .form #price{width:40%}.addCategory .form #qty{width:20%}.addCategory .form select{height:2rem;width:80%;border-radius:.2rem;font-size:1rem;border:none;border-bottom:.1rem solid #232323;text-align:center;background-color:#fff;margin:.5rem 2rem}.addCategory .form .buttons{margin-top:5%;display:flex;justify-content:space-evenly}.addCategory .form .buttons button{height:2.5rem;width:7.5rem;border-radius:1rem;border:none;font-size:1rem;cursor:pointer;background-color:#0278ae;color:#fff;transition:.5s ease;font-weight:600}.addCategory--wrapper{width:100%;height:100%;z-index:1000;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.TransactionList{padding:5%;width:100%}.TransactionList h1{text-align:left}.TransactionList .section{display:flex;justify-content:flex-end;padding:0 5%}.TransactionList .section .search{border:.2rem solid #000;border-radius:2rem}.TransactionList .section .search input{margin-top:-.1rem;border:none;height:1rem;width:10rem;padding:1rem;font-size:1.3rem;outline-width:0}.TransactionList .section .search .searchIcon{margin-right:.5rem;margin-bottom:-.3rem;cursor:pointer}.Analysis{padding:2%;width:100%;display:grid;grid-template-areas:"summary summary summary summary" "starburst line line stock" "starburst line line stock";grid-gap:20px;height:90vh;overflow:hidden}.Analysis .summary{grid-area:summary;display:flex;justify-content:space-between}.Analysis .summary .blocks{cursor:pointer;border-radius:1rem;box-shadow:0 0 1rem .2rem #aeaeae;text-align:center;width:23%;background-color:#fff;display:flex;justify-content:space-around;font-size:4rem;height:8rem;color:#fff}.Analysis .summary .blocks .icons{margin:1.5rem 0 0}.Analysis .summary .blocks div{height:80%}.Analysis .summary .blocks div h4{height:.5rem;font-size:1.3rem}.Analysis .summary .blocks div h2{margin-top:-.5rem;height:1.5rem;font-size:3rem}.Analysis .summary .tcat{background:linear-gradient(0deg,#22c35a,#58a2ad 0,#fa466a 95%)}.Analysis .summary .mcus{background:linear-gradient(0deg,#22c35a,#ad7758 0,#fad446 95%)}.Analysis .summary .tpro{background:linear-gradient(0deg,#22c1c3,#269d27)}.Analysis .summary .tsale{background:linear-gradient(0deg,#22c1c3,#2d7afd)}.Analysis .summary .blocks:hover{box-shadow:0 0 1rem .05rem #aeaeae}.Analysis .line{box-shadow:0 0 1rem .2rem #aeaeae;height:65vh;grid-area:line}.Analysis .line,.Analysis .products{border-radius:1rem;background-color:#fff;text-align:center}.Analysis .products{grid-area:products}.Analysis .starburst{grid-area:starburst}.Analysis .starburst,.Analysis .stock{border-radius:1rem;box-shadow:0 0 1rem .2rem #aeaeae;height:65vh;background-color:#fff;text-align:center}.Analysis .stock{grid-area:stock}.Analysis .stock h1{font-size:2.5rem}.Analysis .stock div{width:70%;margin:0 auto}.Analysis .stock div h2{font-size:1.5rem;display:flex;justify-content:space-between}.Analysis .chart{margin:0 auto}.Analysis .chart h1{font-size:2.5rem}.Analysis .chart .rv-xy-plot{margin:0 auto}.Profile{padding:5%;width:100%}.Profile h1{text-align:left}.Profile .background{margin:4rem auto;border-radius:2rem;box-shadow:0 0 2rem .1rem #ababab;display:flex;min-height:50vh;width:60vw;background-color:#035aa6;transition:.1s ease-in}.Profile .ProfileCard{cursor:pointer;background-color:#fff;display:flex;max-height:100%;width:100%;border-radius:80% 2rem 2rem 2rem;justify-content:space-around;padding:2.5% 0;transition:width .1s;transition:1s ease}.Profile .ProfileCard .avatar{width:30%;border-radius:2rem}.Profile .ProfileCard .avatar img{width:100%;border-radius:10rem;border:.5rem solid #035aa6}.Profile .ProfileCard .details{max-width:45%;font-size:1.5rem;line-height:150%;font-weight:600}.Profile .ProfileCard .details .Shop{font-size:3.5rem;color:#035aa6;font-weight:500;margin-bottom:2rem}.Profile .ProfileCard .details span{font-weight:400}.Profile .ProfileCard .details .Address{max-width:100%}.Profile .background:hover{width:62vw;box-shadow:0 0 3rem 1rem #ababab}.Profile .ProfileCard:hover{border-radius:2rem 2rem 2rem 50%}
/*# sourceMappingURL=main.9765fef6.chunk.css.map */