body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#f6f5fb}.container{box-sizing:border-box;display:flex;flex-direction:row;margin:0 auto;max-width:1400px;padding:0 20px;position:relative;right:0;width:100%}.sidebar{background-color:#283fb0;height:100%;left:-250px;padding:15px 0;position:fixed;top:0;transition:.7s;width:300px;z-index:99}.open-sidebar-btn{background-color:initial;background-color:#233aae;cursor:pointer;padding:18px;position:absolute;right:-18px;rotate:45deg;top:50px}.btn-toggle{left:0}.close-btn{background:#f6f5fb;line-height:0;right:-24px;rotate:-135deg}.close-btn:before{content:"x";display:block;font-weight:600;margin:0 auto;rotate:-45deg}.sidebar h2{color:#fff;font-weight:500;text-align:center}.sidebar .menu .active{background-color:#1b2f88;color:#fff}.sidebar .menu{padding:15px 0;text-align:left}.sidebar .menu .line{border-bottom:1px solid #c0c7e8}.sidebar .menu .list{color:#c0c7e8;cursor:pointer;display:block;font-size:18px;list-style:none;padding:10px 30px}.sidebar .menu .list:hover{background-color:#1b2f88}.sidebar .list i{display:inline-block;padding:0 10px 0 0}.sidebar i.list_icon{font-size:30px;opacity:1;position:absolute;right:0;width:30px}.header{width:100%}.heading{background-color:#f6f5fb;display:inline-block;display:flex;flex-direction:row;justify-content:space-between;padding:8px 15px;width:97%}.head h1{color:#394048;font-size:25px;font-weight:600;padding:0 0 0 32px;text-align:left}.head-ul{list-style:none;text-align:right}.head-ul li{color:#647195;display:inline-block;font-weight:600}.head-ul .fa-solid{color:#647195;font-size:26px;position:relative;right:35px;top:5px}.head-ul .author{border-radius:10px;padding-right:20px;vertical-align:middle;width:40px}.head-ul .log-out{cursor:pointer;display:none;list-style:none;padding:0;position:absolute;right:15px}.head-ul li:hover .log-out{display:block}.head-ul .log-out .list_icon{position:relative;top:7px}.header .nav{display:block;text-align:left;width:100%}ul.menu{margin:0;padding:0}ul.menu:after{border-bottom:1px solid #233aae;content:"";display:block;left:0;position:relative;top:0}.header .list{color:#000;cursor:pointer;display:inline-block;font-weight:500;padding:15px 10px;text-align:left}.header .nav .active-head{border-bottom:2px solid #233aae;color:#233aae}.grap-head{display:flex;flex-direction:row;justify-content:space-between;padding:15px 0}.select select{background-color:#fff;border:none;border-radius:5px;cursor:pointer;padding:11px 60px}.select select option{color:#7884a3;padding:15px 10px}.report .down-btn{background:#283fb0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:11px 40px}.sale_grap_main_parent{background-color:#fff;border-radius:20px;height:390px;margin:22px auto;padding:22px 0;width:100%}.linechart_outer{color:#000;font-size:12px;font-weight:700;width:100%!important}.riwaya-penjualan{display:flex;flex-direction:row;gap:20px;justify-content:space-between;padding:0;width:100%}.table{background:#fff;border-radius:20px;margin:0;width:50%}.table .inner{display:flex;flex-direction:row;justify-content:space-between;padding:0 20px}.table select{background-color:#f0f0f9;border:none;height:30px;margin:16px 0;vertical-align:center}.table select,.table select option{border-radius:5px;padding:0}table{padding:15px 0;width:100%}table th{color:#b2b8ca;text-align:left}table td{color:#647195;text-align:left}table td,table th{font-weight:500;padding:9px 10px}.pagination .list_icon{font-size:16px;margin:0 8px;padding:8px 12px}.pagination{padding:8px 0}ol,ul{margin:0;padding:0}.page li .active{background:#283fb0;border-radius:8px;color:#f0f0f9;padding:8px 12px}.page .activ{background-color:#e4e6f3}.page li{border-radius:8px;cursor:pointer;display:inline-block;font-size:15px;list-style:none;padding:8px 12px}@media only screen and (max-width:1000px){.grap-head,.riwaya-penjualan{flex-direction:column;gap:20px}.table{width:100%}.table .table-wrapper{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}.sidebar{left:-300px}.btn-toggle.sidebar{left:0}}
/*# sourceMappingURL=main.9698d32c.css.map*/