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}.app{display:flex;flex-direction:column;height:100vh;font-size:20px}.content-wrapper{display:flex;flex-direction:column;justify-content:space-around;height:100%}.form-input{font-size:20px;margin:10px}.header{display:none}@media screen and (max-width:600px){.header{height:50px;width:100vw;background-color:#0a0a0a;display:flex;justify-content:space-around;padding:10px 0}.header__item{height:50px;width:50px;background-position:center;background-repeat:no-repeat;background-size:contain}}.image-button{height:40px;width:40px;background-position:center;background-repeat:no-repeat;background-size:contain}.image-button_calendar{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Layer_1'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20d='M24,10V24H0V10Zm0-2V5a3,3,0,0,0-3-3H18V0H16V2H8V0H6V2H3A3,3,0,0,0,0,5V8Zm-6,6H16v2h2Zm-5,0H11v2h2ZM8,14H6v2H8Zm10,4H16v2h2Zm-5,0H11v2h2ZM8,18H6v2H8Z'%20fill='%23666666'/%3e%3c/svg%3e")}.image-button_calendar.image-button_active{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Layer_1'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20d='M24,10V24H0V10Zm0-2V5a3,3,0,0,0-3-3H18V0H16V2H8V0H6V2H3A3,3,0,0,0,0,5V8Zm-6,6H16v2h2Zm-5,0H11v2h2ZM8,14H6v2H8Zm10,4H16v2h2Zm-5,0H11v2h2ZM8,18H6v2H8Z'%20fill='%23CCCCCC'/%3e%3c/svg%3e")}.image-button_cards{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Filled'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20fill='%23666666'%20d='M19,3H5A5.006,5.006,0,0,0,0,8H24A5.006,5.006,0,0,0,19,3Z'/%3e%3cpath%20d='M0,16a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V10H0Zm7-.5A1.5,1.5,0,1,1,5.5,14,1.5,1.5,0,0,1,7,15.5'%20fill='%23666666'/%3e%3c/svg%3e")}.image-button_cards.image-button_active{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Filled'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20fill='%23CCCCCC'%20d='M19,3H5A5.006,5.006,0,0,0,0,8H24A5.006,5.006,0,0,0,19,3Z'/%3e%3cpath%20d='M0,16a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V10H0Zm7-.5A1.5,1.5,0,1,1,5.5,14,1.5,1.5,0,0,1,7,15.5'%20fill='%23CCCCCC'/%3e%3c/svg%3e")}.image-button_histrogram{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Layer_1'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20fill='%23666666'%20d='M23,22H5a3,3,0,0,1-3-3V1A1,1,0,0,0,0,1V19a5.006,5.006,0,0,0,5,5H23a1,1,0,0,0,0-2Z'/%3e%3cpath%20fill='%23666666'%20d='M6,20a1,1,0,0,0,1-1V12a1,1,0,0,0-2,0v7A1,1,0,0,0,6,20Z'/%3e%3cpath%20fill='%23666666'%20d='M10,10v9a1,1,0,0,0,2,0V10a1,1,0,0,0-2,0Z'/%3e%3cpath%20fill='%23666666'%20d='M15,13v6a1,1,0,0,0,2,0V13a1,1,0,0,0-2,0Z'/%3e%3cpath%20fill='%23666666'%20d='M20,9V19a1,1,0,0,0,2,0V9a1,1,0,0,0-2,0Z'/%3e%3cpath%20fill='%23666666'%20d='M6,9a1,1,0,0,0,.707-.293l3.586-3.586a1.025,1.025,0,0,1,1.414,0l2.172,2.172a3,3,0,0,0,4.242,0l5.586-5.586A1,1,0,0,0,22.293.293L16.707,5.878a1,1,0,0,1-1.414,0L13.121,3.707a3,3,0,0,0-4.242,0L5.293,7.293A1,1,0,0,0,6,9Z'/%3e%3c/svg%3e")}.image-button_histrogram.image-button_active{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Layer_1'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20d='M23,22H5a3,3,0,0,1-3-3V1A1,1,0,0,0,0,1V19a5.006,5.006,0,0,0,5,5H23a1,1,0,0,0,0-2Z'%20fill='%23CCCCCC'/%3e%3cpath%20fill='%23CCCCCC'%20d='M6,20a1,1,0,0,0,1-1V12a1,1,0,0,0-2,0v7A1,1,0,0,0,6,20Z'/%3e%3cpath%20fill='%23CCCCCC'%20d='M10,10v9a1,1,0,0,0,2,0V10a1,1,0,0,0-2,0Z'/%3e%3cpath%20fill='%23CCCCCC'%20d='M15,13v6a1,1,0,0,0,2,0V13a1,1,0,0,0-2,0Z'/%3e%3cpath%20fill='%23CCCCCC'%20d='M20,9V19a1,1,0,0,0,2,0V9a1,1,0,0,0-2,0Z'/%3e%3cpath%20d='M6,9a1,1,0,0,0,.707-.293l3.586-3.586a1.025,1.025,0,0,1,1.414,0l2.172,2.172a3,3,0,0,0,4.242,0l5.586-5.586A1,1,0,0,0,22.293.293L16.707,5.878a1,1,0,0,1-1.414,0L13.121,3.707a3,3,0,0,0-4.242,0L5.293,7.293A1,1,0,0,0,6,9Z'%20fill='%23CCCCCC'/%3e%3c/svg%3e")}.image-button_money{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Layer_1'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20fill='%23666666'%20d='M12,0C5.383,0,0,5.383,0,12c.603,15.898,23.4,15.894,24,0,0-6.617-5.383-12-12-12Zm1,17v1c-.005,1.308-1.995,1.307-2,0v-1h-.268c-1.067,0-2.063-.574-2.598-1.499-.277-.479-.113-1.09,.364-1.366,.479-.279,1.091-.113,1.366,.364,.179,.31,.511,.501,.867,.501h2.268c.997,.065,1.443-1.55,.356-1.76l-3.041-.507c-3.502-.649-2.748-5.753,.685-5.733v-1c.006-1.308,1.995-1.307,2,0v1h.268c1.067,0,2.063,.575,2.598,1.5,.277,.478,.113,1.089-.364,1.366-.48,.277-1.091,.113-1.366-.365-.179-.309-.511-.5-.867-.5h-2.268c-.997-.065-1.442,1.55-.356,1.76l3.041,.507c3.502,.649,2.748,5.753-.685,5.733Z'/%3e%3c/svg%3e")}.image-button_money.image-button_active{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Layer_1'%20data-name='Layer%201'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20d='M12,0C5.383,0,0,5.383,0,12c.603,15.898,23.4,15.894,24,0,0-6.617-5.383-12-12-12Zm1,17v1c-.005,1.308-1.995,1.307-2,0v-1h-.268c-1.067,0-2.063-.574-2.598-1.499-.277-.479-.113-1.09,.364-1.366,.479-.279,1.091-.113,1.366,.364,.179,.31,.511,.501,.867,.501h2.268c.997,.065,1.443-1.55,.356-1.76l-3.041-.507c-3.502-.649-2.748-5.753,.685-5.733v-1c.006-1.308,1.995-1.307,2,0v1h.268c1.067,0,2.063,.575,2.598,1.5,.277,.478,.113,1.089-.364,1.366-.48,.277-1.091,.113-1.366-.365-.179-.309-.511-.5-.867-.5h-2.268c-.997-.065-1.442,1.55-.356,1.76l3.041,.507c3.502,.649,2.748,5.753-.685,5.733Z'%20fill='%23CCCCCC'/%3e%3c/svg%3e")}.main-page{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.main-page__row{flex-grow:1;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.main-page__content{display:none}@media screen and (max-width:1000px){.main-page{display:flex;flex-direction:column;height:100vh;max-height:100vh;color:#faebd7}.main-page__row{display:none}.main-page__content{background-color:#0a0a0a;display:flex;flex-direction:column;flex-grow:1;padding:20px}}.block{border:1px solid gray;display:flex;flex-grow:1;margin:0 5px;height:100vh;overflow:scroll;justify-content:center;min-width:350px;max-width:510px}@media screen and (max-width:1200px){.block{border:1px solid gray;display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:1;margin:0 5px;height:45vh;overflow:scroll;justify-content:center}}.add-operation-form{display:flex;flex-direction:column}.button{margin-top:20px;padding:10px;border:1px solid gray;background-color:#faebd7;text-align:center}.arrow-down{width:100%;display:flex;justify-content:center}@media screen and (max-width:600px){.add-operation-form{align-items:center}.button{margin-top:20px;padding:10px;border:1px solid gray;background-color:#faebd7;text-align:center;width:80%}}.report-table{margin-top:20px}.table-cell{border-bottom:1px solid gray;padding:0 10px}.table-cell_center{text-align:center}.table-cell_right{text-align:right}.table-cell_bold{font-weight:600;padding-top:10px;border-bottom:2px solid black}.table-cell_income{color:green}.table-cell_small{font-weight:400;font-size:smaller}.report{display:flex;flex-direction:column;width:100%}.report__tables{display:flex;flex-direction:row;width:100%}.report__table-section{display:flex;flex-direction:column;flex-grow:1;padding:0 5px}.report-table{width:100%}.menu-button{display:none}@media screen and not (min-width:400px){.menu-button{position:fixed;height:40px;width:40px;border:1px solid gray;border-radius:10px;top:10px;right:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:5px}.menu-button__row{width:80%;height:5px;background-color:gray;border-radius:3px}}