@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{color:#000;font-family:Roboto,sans-serif;line-height:1.6}div{display:block}.wrapper{display:grid;grid-template-columns:150px 1fr;grid-template-rows:55px 1fr;height:100vh}.App{text-align:center}.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{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}@-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)}}.header-wrapper{align-items:center;background-color:#2c2c2c;display:flex;flex-direction:column;grid-column-end:3;grid-column-start:1;justify-content:center;min-height:40px;width:100%}.header-main-layout{height:40px;width:98%}.header-logo-ref,.header-main-layout{align-items:center;display:flex;justify-content:space-between}.header-logo-ref{font-size:14px;text-decoration:none;width:120px}.header-logo{color:#f7f3f3;font-weight:900}.header-saparate-logo{background-color:#f7f3f3;height:20px;width:2px}.header-logo-web{color:#878686;font-weight:100}.header-currency{color:#878686;font-size:12px;font-weight:600;width:300px}.header-currency-items{width:75px}.header-currency-items,.header-currency-list,.header-settings-list,.header-user{align-items:center;display:flex;justify-content:space-between}.header-slash{background-color:#878686;height:15px;list-style-type:none;-webkit-transform:rotate(30deg);transform:rotate(30deg);width:2px}.header-settings-list{color:#878686;font-size:12px;list-style-type:none}.header-settings-item{background-color:#3f3f3f;margin-left:1px;padding:5px 10px;text-decoration:none}.header-settings-item:first-child{border-bottom-left-radius:25px;border-top-left-radius:25px}.header-settings-item:last-child{border-bottom-right-radius:25px;border-top-right-radius:25px}.header-settings-item-active{background-color:#afafaf;margin-left:1px;padding:5px 10px;text-decoration:none}.header-settings-item-active:first-child{border-bottom-left-radius:25px;border-top-left-radius:25px}.header-settings-item-active:last-child{border-bottom-right-radius:25px;border-top-right-radius:25px}.header-settings-item-active span{color:#2c2c2c;text-decoration:none}.header-settings-item span{color:#afafaf;text-decoration:none}.header-user{width:70px}.header-user-grats{color:#878686;font-size:12px;left:15px;margin-right:10px;position:absolute}.header-search{background-color:#2c2c2c;width:100px}.header-avatar-container img{border-radius:50%;height:26px;overflow:hidden;width:26px}.header-right-search-avatar,.header-search{align-items:center;display:flex;justify-content:flex-end;position:relative}.search-logo{z-index:1}.header-input{background-color:#3f3f3f;border:none;border-radius:25px;height:25px;margin-bottom:6px;margin-left:-16px;margin-top:5px;outline:none;padding-left:20px;transition:width 2s;width:35px}.header-input:focus{background-color:#f7f3f3;color:#2c2c2c;width:120px}.header-avatar img{border-radius:50%;height:35px;margin-left:-14px;margin-top:7px;width:35px}.header-right-search-avatar{width:230px}.sidebar-item-active{align-items:center;background-color:#3a3a3a;color:#878686;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding-bottom:5px;padding-top:10px;position:relative;text-decoration:none;width:100%}.sidebar-item-active:last-child{bottom:0;position:absolute;width:150px}.sidebar-item-active:after{border-color:transparent #f8f9fa transparent transparent;border-style:solid;border-width:7.5px 7px 7.5px 0;content:"";height:0;position:absolute;right:0;top:27px;width:0}.sidebar-item{align-items:center;color:#878686;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding-bottom:5px;padding-top:10px;position:relative;text-decoration:none;width:100%}.sidebar-item:hover{background-color:#3a3a3a}.sidebar-item:last-child{bottom:0;position:absolute;width:150px}.sidebar-container{background-color:#313131;grid-row-end:3;grid-row-start:2;justify-content:space-between}.sidebar-container,.sidebar-wrapper{align-items:center;display:flex;flex-direction:column}.sidebar-wrapper{color:#a3a0a0;height:100%;justify-content:flex-start;margin-top:22px;position:relative;width:150px}.side-image{align-items:center;display:flex;justify-content:center}.content-wrapper{grid-gap:10px;display:grid;gap:10px;grid-template-rows:160px 1fr;padding:20px}.cards{display:flex;height:100%;overflow-x:scroll}.cards::-webkit-scrollbar{display:none}.cards-wrapper{display:flex;gap:20px;margin:0 10px 10px}.money-wrapper{grid-gap:10px;display:grid;gap:10px;grid-template-columns:50% 50%}.donut-wrapper,.linear-wrapper,.transaction-wrapper{border-radius:10px;box-shadow:0 7px 8px 3px rgba(99,99,99,.2);padding:20px}.transaction-wrapper{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1}.header-graph-line{display:flex;justify-content:space-between}.header-graph-line>p{font-weight:700;letter-spacing:2px}.header-graph-doughnut{display:flex;justify-content:space-between}.header-graph-doughnut>p{font-weight:700;letter-spacing:2px}.line-day-list{cursor:pointer;display:flex;list-style:none}.line-day-list>li{padding-left:20px}.line-day-list>li.active{color:#ec8d90;font-weight:700;text-decoration:underline}.content-graph-doughnut{display:grid;grid-template-columns:50% 50%;padding:20px 0}.content-graph-doughnut>ul>li{align-items:center;display:flex;list-style:none}.content-graph-doughnut>ul>li>.desh{background-color:#ec8d90;border-radius:50px;height:15px;width:15px}.content-graph-doughnut>ul>li>.content-procent{padding:15px}.totalbalans{float:right;font-weight:600;letter-spacing:2px}.totalbalans>span{font-size:25px;letter-spacing:0}.graph-wrapper{padding:20px 0}.grap-wrapper-dounut{align-items:center;display:flex;justify-content:center}.textInDounut{font-size:20px;font-weight:700;position:absolute}.textInDounut>span{font-size:40px}.card{background:linear-gradient(59deg,#373737,#2c2d2c);border-radius:20px;box-shadow:0 6px 11px 0 rgba(0,0,0,.48);box-sizing:border-box;color:#878686;display:flex;flex-direction:column;font:16px Helvetica Neue,Helvetica,sans-serif;height:100%;justify-content:space-between;margin-bottom:10px;padding:20px;text-align:left;vertical-align:middle;width:220px}.card:first-child{margin:0}.card__footer{align-items:center;display:flex;justify-content:space-between}.card__logo{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:15px;width:40px}.card__number{font-size:18px;text-align:center}.card__money{color:#fff;font-size:16px}.dropbtn-linear{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:700}.dropdown-linear{display:inline-block;position:relative}.dropdown-linear:hover .dropdown-linear-content{display:block}.dropdown-linear:hover .dropbtn-linear{background-color:#3a3a3a;border-radius:5px;color:azure;padding:0 4px}.dropdown-linear-content{background-color:azure;border-radius:5px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:150px;position:absolute;z-index:1}.dropdown-linear-content button{background:none;border:none;color:#000;display:block;font-size:14px;padding:3px 5px;text-decoration:none;width:100%}.dropdown-linear-content button:hover{background-color:#3a3a3a;border-radius:5px;color:azure}.dropbtn-donut{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:700}.dropdown-donut{display:inline-block;position:relative}.dropdown-donut:hover .dropdown-donut-content{display:block}.dropdown-donut:hover .dropbtn-donut{background-color:#3a3a3a;border-radius:5px;color:azure;padding:0 4px}.dropdown-donut-content{background-color:#f9f9f9;border-radius:5px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:150px;position:absolute;z-index:1}.dropdown-donut-content button{background:none;border:none;color:#000;display:block;font-size:14px;padding:3px 5px;text-decoration:none;width:100%}.dropdown-donut-content button:hover{background-color:#3a3a3a;border-radius:5px;color:azure}.transaction-header{border-bottom:1px solid #efeded;display:flex;font-weight:700;justify-content:space-between;letter-spacing:2px;padding-bottom:10px}.transaction-header ul{display:flex;list-style:none;margin-right:15px}.transaction-header ul li{min-width:130px;padding:0 2px}.category,.currency{border:none;opacity:.5}.trans-items-wrapper,.trans-list-wrapper{display:flex;flex-direction:column}.date,.trans-items-wrapper{margin-top:5px}.date{font-size:12px;margin-bottom:5px;opacity:.6}.trans-item-wrapper{display:flex}.trans-money{margin-left:auto}.trans-logo{align-items:center;background-color:#e52c2c;border:1px solid #000;border-radius:50%;color:#0f0e0e;display:flex;flex-direction:column;height:33px;justify-content:center;margin-top:5px;width:33px}.trans-name{font-weight:700}.trans-info{display:flex;flex-direction:column;margin-left:10px;min-width:200px}.trans-categoty-wrapper{display:flex;font-size:11px;justify-content:space-between;opacity:.8}.trans-money{display:flex}.trans-value{align-items:center;font-size:18px;font-weight:700}.trans-currency,.trans-value{display:flex;justify-content:center}.trans-currency{align-items:flex-end;font-size:10px;margin-left:5px;opacity:.8;padding-bottom:12px}.dropbtn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:13px;opacity:.5}.dropdown{display:inline-block;position:relative}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3a3a3a;border-radius:5px;color:azure;padding:0 4px}.dropdown-content{background-color:#f9f9f9;border-radius:5px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:150px;position:absolute;z-index:1}.dropdown-content button{background:none;border:none;color:#000;display:block;font-size:13px;opacity:.5;padding:3px 5px;text-decoration:none;width:100%}.dropdown-content button:hover{background-color:#3a3a3a;border-radius:5px;color:azure;opacity:.5}.construction{align-items:center;background-color:#4f4f4f;color:#878686;display:flex;flex-direction:column;font-size:46px;height:100%;justify-content:center;width:100%}
/*# sourceMappingURL=main.af16d876.css.map*/