:root{--bg-color:#fff;--text-color:#000;--button-bg:#007bff;--button-text:#fff;--button-hover-bg:#e3e7f8;--button-hover-color:#2210ee;--main-bg-color:#f8f7f7;--side-options-ul-bg:#fff;--side-options-hover-bg:#e3e7f8;--side-options-hover-clr:#2210ee;--side-border-r-color:solid 2px #dfe5e9;--side-before-bg:#0047ab;--logo-title-color:#000;--logo-color:#2210ee;--top-border-b-color:solid 2px #dfe5e9;--toggle-bg-clr:#f8f7f7;--toggle-border-clr:none;--toggle-active-clr:#fff;--toggle-active-txt-clr:blue;--ntn-wrapper-bg-clr:#f8f7f7;--ntn-btn-clr:#000;--left-header-wrapper-bg:#f8f7f7;--left-header-wrapper-clr:#000;--dropdown-wrapper-clr:#fff;--dropdown-wrapper-bg:#fff;--dropdown-li-clr:#363535;--dropdowwn-li-br:.3px solid #d5d4d4;--users-card-bg:#fff;--date-wrapper-clr:#000;--date-wrapper-b:.5px solid #000}.dark-theme{--bg-color:#000;--text-color:#fff;--button-bg:#444;--button-text:#fff;--button-hover-bg:#666;--main-bg-color:#212020;--side-options-ul-bg:#000;--side-options-hover-bg:#4b4b4b;--side-options-hover-clr:#bdbcc2;--side-border-r-color:solid 2px #363636;--side-before-bg:#fff;--logo-title-color:#fff;--logo-color:#fff;--top-border-b-color:solid 2px #363636;--toggle-bg-clr:#393939;--toggle-border-clr:1px solid #272626;--toggle-active-clr:#000;--toggle-active-txt-clr:#fff;--ntn-wrapper-bg-clr:#393939;--ntn-btn-clr:#fff;--left-header-wrapper-bg:#a9a8a8;--left-header-wrapper-clr:#fff;--dropdown-wrapper-clr:#fff;--dropdown-wrapper-bg:#212020;--dropdown-li-clr:#fbfbfb;--dropdowwn-li-br:.3px solid #5b5b5b;--users-card-bg:#000;--date-wrapper-clr:#fff;--date-wrapper-b:.5px solid #fff}body{margin:0}.App{display:grid;grid-template-columns:15% 85%;height:100vh;width:100vw}p{margin:0}.main{background-color:var(--main-bg-color);transition:background-color .3s ease-in-out}@media (max-width:1040px){.App{display:grid;grid-template-columns:20% 80%}}@media (max-width:770px){.App{display:grid;grid-template-columns:1fr}}.logo-img{display:flex;width:50%}.sidebar{background-color:var(--bg-color);border-right:var(--side-border-r-color);padding:20px;transition:background-color .3s ease-in-out}.logo-wrapper{align-items:center;display:flex;gap:.4rem}.side-logo{color:var(--logo-color)}.logo-title{color:var(--logo-title-color)}.header-wrapper{display:flex;flex-direction:column}.side-options{margin-top:2rem}.options-ul{background-color:var(--side-options-ul-bg);display:flex;flex-direction:column;gap:1.3rem;justify-content:center;list-style-type:none;margin-top:0;padding:0 .4rem .4rem 0;transition:background-color .3s ease-in-out;width:100%}.options-ul li{background-color:initial;color:var(--text-color);cursor:pointer;font-size:small;height:15px;padding:.5rem;position:relative;transition:background-color .3s ease,color .3s ease}.options-ul li.active,.options-ul li:hover{background-color:var(--side-options-hover-bg);border-radius:4px;color:var(--side-options-hover-clr)}.close-btn{color:var(--date-wrapper-clr);display:none}.options-ul li.active:before{background-color:var(--side-before-bg);border-bottom-right-radius:5px;border-top-right-radius:5px;bottom:50%;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:width .3s ease,height .3s ease;width:3.6px}@media (max-width:770px){.close-btn{display:block;font-size:large;position:absolute;right:6px}.sidebar{bottom:0;left:0;position:fixed;top:0;width:50%;z-index:3}.open{transform:translateX(0)}.close,.open{transition:transform .5s ease-in-out}.close{transform:translateX(-100%)}}.top-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}@media (max-width:1310px){.top-dashboard{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media (max-width:590px){.top-dashboard{width:85vw}}.users-card{background-color:var(--users-card-bg);border-radius:8px;width:500px}@media (max-width:590px){.users-card{width:100%}}.dashboard-card{background-color:var(--users-card-bg);border-radius:8px;width:500px}.desc-card-wrapper{align-items:center;color:var(--date-wrapper-clr);display:flex;justify-content:space-between;padding:.6rem 12px 1rem}.header-text-wrapper{display:flex;gap:4px;margin-bottom:.5rem}.header-text-wrapper p{color:#747473;font-size:small}.number-text{font-size:14px;font-weight:600;text-transform:capitalize}.right-card-wrapper{display:flex;flex-direction:column;font-size:12px;gap:.3rem}.right-card-top{align-items:center;display:flex;gap:.2rem;justify-content:center}.pie-wrapper{height:200px;width:200px}.chart-wrapper{height:250px;width:100%}.chart-wrapper canvas{align-items:center;display:flex;justify-content:center;padding:1rem;width:100%!important}.date-wrapper{border:var(--date-wrapper-b);border-radius:5px;color:var(--date-wrapper-clr);margin-left:1rem;margin-top:1.2rem;padding:1px;width:max-content}input[type=date]::-webkit-calendar-picker-indicator{background-color:#fff}.end-date,.start-date{all:unset;font-size:small}@media (max-width:590px){.dashboard-card{width:100%}}.transaction-card{background-color:var(--users-card-bg);border-radius:8px;width:500px}g{fill:#fff}@media (max-width:590px){.transaction-card{width:100%}}.profile-date-wrapper{align-items:center;background-color:var(--ntn-wrapper-bg-clr);border-radius:6px;color:var(--ntn-btn-clr);display:flex;gap:.4rem;justify-content:center;padding:.2rem .5rem;transition:background-color .3s ease-in-out}.show{display:none}@media (max-width:630px){.remove{display:none}}@media (max-width:770px){.show{display:flex;margin-top:1rem;width:max-content}}.header{align-items:center;background-color:var(--bg-color);border-bottom:var(--top-border-b-color);display:flex;height:60px;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem;transition:background-color .3s ease-in-out,border-bottom .3s ease-in-out}.hamburger{color:var(--date-wrapper-clr);display:none}.left-header-wrapper{align-items:center;background-color:var(--left-header-wrapper-bg);border-radius:6px;color:var(--left-header-wrapper-clr);display:flex;justify-content:start;padding:.1px .5rem;transition:background-color .3s ease-in-out,color .3s ease-in-out;width:30%}.left-header-wrapper input{all:unset;padding:.4rem;text-align:start;width:100%}.left-header-wrapper input::placeholder{color:var(--left-header-wrapper-clr);font-family:Courier New,Courier,monospace;font-size:12px;font-weight:100;transition:color .3s ease-in-out}.right-header-wrapper{align-items:center;display:flex;gap:.6rem;justify-content:end;width:60%}.toggle-mode{align-items:center;background-color:var( --toggle-bg-clr);border:var(--toggle-border-clr);border-radius:6px;display:flex;gap:.4rem;justify-content:center;padding:.2rem;transition:background-color .3s ease-in-out,border .3s ease-in-out}.dark-btn,.light-btn{all:unset;cursor:pointer;font-size:10px}.active-mode{background-color:var(--toggle-active-clr);border-radius:3px;color:var( --toggle-active-txt-clr);padding:.4rem;transition:color .3s ease-in-out,background-color .3s ease-in-out}.not-active-mode{color:gray}.notification-icon-wrapper{align-items:center;background-color:var(--ntn-wrapper-bg-clr);border-radius:50%;display:flex;height:fit-content;justify-content:center;padding:.4rem;transition:background-color .3s ease-in-out;width:fit-content}.ntn-btn{color:var(--ntn-btn-clr)}.divider{border-right:1px solid #a09e9e;height:20px}.img-wrapper{background-color:#fff;border-radius:50%;height:25px;width:25px}.name-greeting{font-size:smaller;margin:0}.cat-header-wrapper{background-color:var( --toggle-bg-clr);border-radius:6px;color:var(--ntn-btn-clr);cursor:pointer;justify-content:space-between;padding:.1rem .3rem;position:relative}.cat,.cat-header-wrapper{align-items:center;display:flex}.cat{justify-content:center}.cat-header-wrapper:hover{background-color:#ebebf3;border-radius:6px;color:#2210ee}.cat-header{font-size:small;margin:0}.cat-header,.cat-item{text-transform:capitalize}.dropdown-wrapper{background-color:var(--dropdown-wrapper-bg);border-radius:6px;left:0;list-style-type:none;margin-top:0;padding:0 .4rem .4rem 0;position:absolute;top:35px;width:100px}.dropdown-wrapper li{border-bottom:var( --dropdowwn-li-br);color:var(--dropdown-li-clr);cursor:pointer;font-size:small;margin-top:.4rem;padding-bottom:.2rem;padding-left:.4rem}.dropdown-wrapper li:hover{background-color:#fff;border-radius:2px;color:#2210ee}.dropdown-wrapper li:last-child{border-bottom:none;margin-top:0;padding-top:.2rem}@media(max-width:630px){.divider,.notification-icon-wrapper{display:none}}@media (max-width:770px){.hamburger{display:block;font-size:large;width:7%}.left-header-wrapper{width:35%}.right-header-wrapper{width:65%}}.main-content-wrapper{padding:1.4rem}
/*# sourceMappingURL=main.613216a5.css.map*/