@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";@import-normalize;:root{--font-family-default: "Lato", sans-serif;--color-blue: #74cdf7;--color-yellow: #FCB93D;--color-black: #3C3C3B;--color-gray: #7F7F7F;--color-gray-light: #cecaca;--color-gray-lightest: #F2F2F2;--color-success: #34C562;--color-error: #e33e3c;--color-warning: #F3BE2F;--color-info: #23ADF4;--accent-color: var(--color-blue);--body-bg: white;--text-color: var(--color-black);--btn-color-primary: var(--accent-color);--btn-color-secondary: var(--accent-color);--income-color: var(--color-success);--expense-color: var(--color-error);--header-bg: var(--color-black);--settings-bg: var(--accent-color);--total-positive-color: var(--color-success);--total-negative-color: var(--color-error)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px;max-width:100vw}body{background-color:var(--body-bg);color:var(--text-color);font-family:var(--font-family-default);font-size:1rem;line-height:1.4}section,article,aside,header,footer,nav,main,figure,figcaption,code,picture{display:block}h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin:0 0 1rem}img{max-width:100%;height:auto}em,i{font-style:italic}strong,b{font-weight:700}strong em,em strong,b i,i b{font-style:italic;font-weight:700}u{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.1rem}h5{font-size:1rem}h6,small{font-size:.8rem}a:focus,input:focus,textarea:focus,button:focus,.slick-slide:focus{outline:none}a,button,.btn{transition:all .3s}a{-webkit-tap-highlight-color:transparent;color:var(--accent-color);text-decoration:underline}a:hover{color:var(--text-color)}input[type=submit],button,.btn{-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;column-gap:5px;cursor:pointer;font-size:.9rem;font-weight:700;line-height:1;text-align:center;border-radius:5px;border:2px solid var(--color-gray);background:var(--color-gray);color:#fff;padding:10px 15px;height:38px;text-transform:uppercase;text-decoration:none}input[type=submit]:hover,button:hover,.btn:hover{background:transparent;color:var(--color-gray)}input[type=submit].btn-primary,button.btn-primary,.btn.btn-primary{background:var(--accent-color);border-color:var(--accent-color)}input[type=submit].btn-primary:hover,button.btn-primary:hover,.btn.btn-primary:hover{background:transparent;color:var(--accent-color)}input[type=submit].btn-default,button.btn-default,.btn.btn-default{background:var(--color-gray);border-color:var(--color-gray)}input[type=submit].btn-default:hover,button.btn-default:hover,.btn.btn-default:hover{background:transparent;color:var(--color-gray)}input[type=submit].btn-danger,button.btn-danger,.btn.btn-danger{background:var(--color-error);border-color:var(--color-error)}input[type=submit].btn-danger:hover,button.btn-danger:hover,.btn.btn-danger:hover{background:transparent;color:var(--color-error)}input[type=submit] svg,button svg,.btn svg{width:1.4em;height:1.4em}.unstyled-btn{padding:0;background:transparent;border:none;height:auto}.actions{display:flex;align-items:center;column-gap:5px}.actions .btn{padding:0;width:1.6rem;height:1.6rem;background:var(--text-color);border-color:var(--text-color)}.actions .btn svg{width:1rem;height:1rem}.actions .btn:hover{background:transparent;color:var(--text-color)}label{display:block;max-width:100%;color:var(--color-gray);text-transform:uppercase;font-weight:700;font-size:.9rem}select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=file]{box-sizing:border-box;display:block;font-family:var(--font-family-default);font-size:1rem;line-height:1;box-shadow:none;display:flex;align-items:center;background-image:none;width:100%;background:transparent;color:var(--text-color);border:2px solid var(--color-gray-light);padding:8px 10px}select:focus,textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,input[type=file]:focus{outline:none}select[disabled],select[readonly],fieldset[disabled] select,textarea[disabled],textarea[readonly],fieldset[disabled] textarea,input[type=text][disabled],input[type=text][readonly],fieldset[disabled] input[type=text],input[type=password][disabled],input[type=password][readonly],fieldset[disabled] input[type=password],input[type=datetime][disabled],input[type=datetime][readonly],fieldset[disabled] input[type=datetime],input[type=datetime-local][disabled],input[type=datetime-local][readonly],fieldset[disabled] input[type=datetime-local],input[type=date][disabled],input[type=date][readonly],fieldset[disabled] input[type=date],input[type=month][disabled],input[type=month][readonly],fieldset[disabled] input[type=month],input[type=time][disabled],input[type=time][readonly],fieldset[disabled] input[type=time],input[type=week][disabled],input[type=week][readonly],fieldset[disabled] input[type=week],input[type=number][disabled],input[type=number][readonly],fieldset[disabled] input[type=number],input[type=email][disabled],input[type=email][readonly],fieldset[disabled] input[type=email],input[type=url][disabled],input[type=url][readonly],fieldset[disabled] input[type=url],input[type=search][disabled],input[type=search][readonly],fieldset[disabled] input[type=search],input[type=tel][disabled],input[type=tel][readonly],fieldset[disabled] input[type=tel],input[type=color][disabled],input[type=color][readonly],fieldset[disabled] input[type=color],input[type=file][disabled],input[type=file][readonly],fieldset[disabled] input[type=file]{opacity:1}select[disabled],fieldset[disabled] select,textarea[disabled],fieldset[disabled] textarea,input[type=text][disabled],fieldset[disabled] input[type=text],input[type=password][disabled],fieldset[disabled] input[type=password],input[type=datetime][disabled],fieldset[disabled] input[type=datetime],input[type=datetime-local][disabled],fieldset[disabled] input[type=datetime-local],input[type=date][disabled],fieldset[disabled] input[type=date],input[type=month][disabled],fieldset[disabled] input[type=month],input[type=time][disabled],fieldset[disabled] input[type=time],input[type=week][disabled],fieldset[disabled] input[type=week],input[type=number][disabled],fieldset[disabled] input[type=number],input[type=email][disabled],fieldset[disabled] input[type=email],input[type=url][disabled],fieldset[disabled] input[type=url],input[type=search][disabled],fieldset[disabled] input[type=search],input[type=tel][disabled],fieldset[disabled] input[type=tel],input[type=color][disabled],fieldset[disabled] input[type=color],input[type=file][disabled],fieldset[disabled] input[type=file]{cursor:not-allowed}select.placeholder,textarea.placeholder,input[type=text].placeholder,input[type=password].placeholder,input[type=datetime].placeholder,input[type=datetime-local].placeholder,input[type=date].placeholder,input[type=month].placeholder,input[type=time].placeholder,input[type=week].placeholder,input[type=number].placeholder,input[type=email].placeholder,input[type=url].placeholder,input[type=search].placeholder,input[type=tel].placeholder,input[type=color].placeholder,input[type=file].placeholder{color:var(--color-gray)}select:-moz-placeholder,textarea:-moz-placeholder,input[type=text]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=datetime]:-moz-placeholder,input[type=datetime-local]:-moz-placeholder,input[type=date]:-moz-placeholder,input[type=month]:-moz-placeholder,input[type=time]:-moz-placeholder,input[type=week]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=email]:-moz-placeholder,input[type=url]:-moz-placeholder,input[type=search]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=color]:-moz-placeholder,input[type=file]:-moz-placeholder{color:var(--color-gray)}select::-moz-placeholder,textarea::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=color]::-moz-placeholder,input[type=file]::-moz-placeholder{color:var(--color-gray)}select:-ms-input-placeholder,textarea:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=datetime]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=color]:-ms-input-placeholder,input[type=file]:-ms-input-placeholder{color:var(--color-gray)}select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=datetime]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=color]::-webkit-input-placeholder,input[type=file]::-webkit-input-placeholder{color:var(--color-gray)}input[type=file]{padding-top:9px}textarea{height:auto;line-height:1.4;min-height:200px}.field-error input,.field-error select,.field-error textarea{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:.85rem;margin-top:.25rem;font-weight:700}.form-field{margin-bottom:1rem}.form-submit{margin-top:2rem;display:flex;column-gap:10px;align-items:center;justify-content:flex-end}.form-submit .btn:not(.btn-primary){margin-right:auto}.app-header{height:70px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;padding:0 20px;background:var(--header-bg);z-index:50}body{margin-top:70px}.app-header--actions{display:flex;align-items:center;margin-left:auto;column-gap:10px}.app-header--actions .btn{padding:0;width:2.4rem;height:2.4rem;background:var(--color-gray-lightest);color:var(--header-bg);border-radius:50%;border:none}.app-header--actions .btn:hover{background:var(--accent-color);color:#fff}.app-header--actions .btn svg{width:1.7rem;height:auto}.month-nav{display:flex;align-items:stretch}.month-nav--current{border:none;background:var(--accent-color);color:#fff;margin-right:5px;height:2.4rem;padding:0 10px}.month-nav--current:hover{background:#fff;color:var(--header-bg)}.month-nav--current svg{width:1.7rem;height:1.7rem}.month-nav--prev,.month-nav--next{background:var(--color-gray);color:var(--color-gray-lightest);border:none;height:2.4rem;padding:0 5px}.month-nav--prev:hover,.month-nav--next:hover{background:var(--color-gray);color:var(--color-gray-lightest);opacity:.5}.month-nav--prev svg,.month-nav--next svg{width:1.2rem;height:1.2rem}.month-nav--prev{border-top-right-radius:0;border-bottom-right-radius:0}.month-nav--next{border-top-left-radius:0;border-bottom-left-radius:0}.month-nav--selected{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:1.2rem;background:var(--color-gray);color:var(--color-gray-lightest);width:8rem;border-left:1px solid var(--header-bg);border-right:1px solid var(--header-bg)}.form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000}.form-modal--wrapper{padding:20px;background:#fff;width:100%;max-width:600px}.form-modal--header{display:flex;align-items:center;margin-bottom:2rem}.form-modal--header h2{margin:0}.form-modal--header .close-modal{margin-left:auto;padding:0;width:2.4rem;height:2.4rem;background:transparent;color:var(--text-color);border-radius:50%;border-color:var(--text-color)}.form-modal--header .close-modal:hover{background:var(--text-color);color:#fff}.form-modal--header .close-modal svg{width:1.7rem;height:auto}.welcome-main{position:fixed;top:0;bottom:0;left:0;right:0;background:var(--accent-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.welcome-main--header{text-align:center;margin:1rem 0 2rem}.welcome-main--header h1{margin:0;font-size:2.5rem}.welcome-main--content{background:#fff;width:100%;max-width:300px;padding:20px}.welcome-main--content .form-field{margin-bottom:.5rem}.welcome-main--content .form-submit{margin-top:1rem}.welcome-main--content .form-submit .btn{width:100%}.dashboard-main,.dashboard-aside{padding:20px}@media (min-width: 768px){.dashboard-main,.dashboard-aside{padding-bottom:60px}}@media (min-width: 768px){.dashboard-main{margin-right:360px}}.dashboard-aside{background:var(--color-gray-lightest)}@media (max-width: 767px){.dashboard-aside{display:flex;column-gap:20px}}@media (min-width: 768px){.dashboard-aside{position:fixed;top:70px;right:0;bottom:0;width:360px;display:flex;flex-direction:column}}.settings-panel{box-shadow:none;transition:right .35s ease,box-shadow .5s;background:var(--settings-bg);position:fixed;top:0;right:-360px;bottom:0;width:360px;z-index:10;padding:20px}.settings-panel.opened{box-shadow:0 0 8px #00000080;right:0}.dashboard,.app-header{transition:margin-left .35s ease,margin-right .35s ease}.dashboard-aside{transition:margin-right .35s ease}.settings-opened,.settings-opened .dashboard-aside{margin-right:360px;margin-left:-360px}.settings-header{display:flex;align-items:center;margin-bottom:2rem}.settings-header h2{margin:0}.settings-header .settings-btn{margin-left:auto;padding:0;width:2.4rem;height:2.4rem;background:transparent;color:var(--text-color);border-radius:50%;border-color:var(--text-color)}.settings-header .settings-btn:hover{background:var(--text-color);color:var(--settings-bg)}.settings-header .settings-btn svg{width:1.7rem;height:auto}.income-list,.expenses-list{margin-bottom:2rem}.income-list:last-child,.expenses-list:last-child{margin-bottom:0}.movements-header{display:flex;align-items:center;padding-bottom:1rem;border-bottom:2px solid}.movements-header h2{margin:0}.movements-header .btn{margin-left:auto}.expenses-list{position:relative;padding-top:72px}.expenses-list .movements-header{position:absolute;top:0;left:0;right:0;padding-top:1rem;background:#fff;height:72px}.expenses-list .movements-header.fixed{position:fixed;top:70px;left:20px;right:380px;z-index:10}@media (max-width: 767px){.expenses-list .movements-header.fixed{right:20px}}.movements-list{list-style-type:none;padding:0;margin:0}.movements-item{display:flex;align-items:center;column-gap:20px;border-bottom:1px solid;padding:5px 0}.movements-item .value{margin-left:auto;font-size:1.2rem;font-weight:700}.movements-item .date{flex:0 0 auto;font-size:1.2rem;width:1.6rem}.movements-item .category{display:block;color:var(--color-gray)}.movements-item .actions .btn{background:var(--color-gray-light);border-color:var(--color-gray-light)}.movements-item .actions .btn:hover{background:transparent;color:var(--color-gray-light)}@media (max-width: 767px){.totals{width:50%}}@media (min-width: 768px){.totals{margin-bottom:2rem}.totals:last-child{margin-bottom:0}}.totals h3{text-transform:uppercase;font-size:1rem;border-bottom:2px solid;margin-bottom:0;padding-bottom:.5rem}@media (min-width: 768px){.totals.year-totals{margin-top:auto}}.totals-item{display:flex;align-items:center;flex-wrap:wrap;column-gap:20px;border-bottom:1px solid;padding:5px 0}.totals-item .title{font-size:1rem;margin:0}.totals-item .description{margin-left:auto;font-size:1.2rem}.totals-item.highlight .description{font-weight:700}.totals-item.highlight.positive .description{color:var(--total-positive-color)}.totals-item.highlight.negative .description{color:var(--total-negative-color)}.totals-extras{width:100%;list-style-type:none;margin:0;padding:0}.totals-extras li{display:flex;align-items:center}.totals-extras li:before{flex:0 0 auto;content:"•";margin-right:6px}.totals-extras .name{margin-right:20px}.totals-extras .value{flex:0 0 auto;margin-left:auto}.categories-list{margin-bottom:20px}.categories-list:last-child{margin-bottom:0}.categories-list h2{font-size:1rem;text-transform:uppercase;border-bottom:2px solid;margin:0;padding-bottom:.5rem}.categories-list ul{list-style-type:none;margin:0 0 1rem;padding:0}.categories-list li{display:flex;align-items:center;column-gap:10px;border-bottom:1px solid;padding:.5rem 0}.categories-list .actions{margin-left:auto}.add-category-btn{background:#fff;color:var(--accent-color);border-color:#fff;width:100%}.add-category-btn:hover{color:#fff}.categories-form{display:flex;width:100%}.categories-form .form-field{margin:0;flex:1 1 auto;position:relative}.categories-form .form-error{position:absolute;top:100%;left:0;right:0}.categories-form input{border-color:var(--text-color);height:100%}.categories-form input.placeholder{color:var(--text-color)}.categories-form input:-moz-placeholder{color:var(--text-color)}.categories-form input::-moz-placeholder{color:var(--text-color)}.categories-form input:-ms-input-placeholder{color:var(--text-color)}.categories-form input::-webkit-input-placeholder{color:var(--text-color)}.categories-form .btn{padding:0 10px;height:auto}.categories-form .btn svg{width:1.4rem;height:1.4rem}.categories-form .btn.cancel-btn{background:transparent;border-color:var(--text-color);color:var(--text-color);border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.categories-form .btn.cancel-btn:hover{background:var(--text-color);color:var(--settings-bg)}.categories-form .btn.add-btn{background:var(--text-color);color:#fff;border-color:var(--text-color);border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.categories-form .btn.add-btn:hover{background:#fff;color:var(--text-color)}