body.dark_mode p,body.dark_mode h1,body.dark_mode h2,body.dark_mode strong,body.dark_mode span{color:var(--front-color-white)}body.dark_mode #btn_clear{background-color:var(--back-color-white);color:var(--back-color-black)}body.dark_mode #main_content{background-color:var(--back-color-black)}body.dark_mode #user,body.dark_mode #resume_month{background-color:var(--front-color-black);border:solid 1px #a7a7a71c}body.dark_mode #atual_month,body.dark_mode .containerResume{background-color:var(--back-color-black)}body.dark_mode #search_filters{background-color:var(--back-color-black);border:solid 1px #a7a7a731}body.dark_mode .month-item{background-color:var(--back-color-black)}body.dark_mode .litepicker .month-item .container__days .day-item.is-in-range{background-color:#f2f2f242}body.dark_mode .month-item .day-item{color:var(--back-color-white)}body.dark_mode #daterange{background-color:var(--stroke-color);color:var(--front-color-white)}body.dark_mode .input_search{background-color:var(--stroke-color)}body.dark_mode #main_content_body{background-color:var(--front-color-black);border:solid 1px #a7a7a71c}body.dark_mode .group_button_pages{color:var(--back-color-white)}body.dark_mode .card_pay{background-color:var(--back-color-black);border:solid 1px #a7a7a70d}body.dark_mode .modal_container_form p,body.dark_mode .modal_container_form h1,body.dark_mode .modal_container_form strong,body.dark_mode .border_icon_list_category span{color:var(--back-color-black)}body.dark_mode .item_group_category_resume div p{font-size:12px;font-weight:600;color:var(--black-legend)}#left_side{display:flex;width:100%;justify-content:center;flex-direction:column;align-items:center;padding-top:1rem;gap:1rem}#group_top{display:flex;align-items:center;justify-content:space-evenly;width:100%}#form_search{display:flex;flex-direction:column;align-items:center;gap:1rem}#user{display:flex;justify-content:space-evenly;align-items:center;background-color:var(--back-color-white);border-radius:1rem;padding:1rem;color:var(--white-900);flex-direction:column;gap:.5rem}#user_name{font-size:1rem}#group_buttons_form_search{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:1rem}#resultResume{font-size:1rem;text-align:center;color:#ffffff82}#replacement{background-color:var(--cinza-900)}#main_content{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--front-color-white)}button,.material-symbols-outlined{-webkit-user-select:none;user-select:none}#result_search{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white-900);font-size:1rem;padding:9%}#img_cant_find{width:70%}#group_total_resume{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:2rem}#group_resume,#group_pay{text-align:center;display:flex;flex-direction:row;justify-content:space-between;gap:.5rem;flex-wrap:wrap}#aside_menu{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%}#resume_month{display:flex;gap:1rem;padding:1rem;align-items:center;flex-direction:column;background-color:var(--front-color-white);color:#fff;height:100%;width:100%;border-radius:0rem 0rem 2rem 2rem;flex-shrink:0}#atual_month{display:flex;justify-content:space-evenly;align-items:center;width:100%;background-color:var(--back-color-white);border-radius:6px;padding:1rem 2rem}#atual_month p{font-size:2rem}#group_pay,#month_value,#revenue,#month{font-size:1.2rem;text-align:center}#month{width:100%}#total_year,#month_revenue,#amount_paid,#amount_pending,#calc_resume_month{font-size:1.25rem}.containerResume{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-direction:column;background-color:var(--back-color-white);border-radius:6px;padding:1rem;flex:1}.titleContainerResume{white-space:wrap;display:flex;align-items:center;justify-content:center;gap:8px}#walletIcon,#arrowCircleUpIcon,#checkCircleIcon,#arrowCircleDownIcon,#articlePerson{color:var(--button-color-yellow)}#search_filters{display:flex;width:92%;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:1rem;gap:1rem;border-radius:1rem;background-color:var(--front-color-white)}.search_item input::placeholder,.search_item option::placeholder,.search_item select::placeholder{color:var(--text-grey-color)}.search_item label{font-size:1rem;font-weight:500}#search_input{color:var(--back-color-white)}#search_period{color:var(--white-legend)}#search_period::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.3}#search_description,#search_category{color:var(--back-color-white)}.search_item{display:flex;flex-direction:column;gap:.5rem;width:100%}body .litepicker{top:108.969px}.litepicker .container__days .day-item.is-today{color:var(--button-color-green)}.month-item{background-color:var(--back-color-white);border-radius:.5rem;border:1px solid #ffffff3b}.month-item .container__days .day-item{color:var(--back-color-black)}.month-item .container__days .day-item:hover{color:var(--button-color-blue)}.container__months .month-item .month-item-header{color:var(--white-900)}#daterange{background-color:var(--back-color-white);padding:.5rem;border-radius:.4rem;color:var(--text-default)}.litepicker .month-item .container__days .day-item.is-in-range{background-color:var(--front-color-white);border-radius:0}.container__main .container__months{box-shadow:none;border-radius:1rem;background:none}.litepicker .container__months .month-item{padding:2px}#other_body{flex-grow:1;display:flex;flex-direction:column;gap:1rem}.input_search{background-color:var(--back-color-white);padding:.5rem;border-radius:.4rem}#main_content_body{height:78%;flex-grow:1;display:flex;flex-direction:column;background-color:var(--front-color-white);padding:1rem 0rem;border-radius:2rem}.text_transaction{border-top:1px solid #c3c3c33f;display:flex;flex-direction:row-reverse;align-items:self-start;gap:.5rem}.status_type,.description_payment{display:flex;justify-content:center;align-items:start;flex-direction:column}.rotate_x{transform:rotate(45deg)}#group_cards{justify-content:start;height:88%;padding:.5rem;overflow-y:auto;margin:.5rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:rgb(185,185,185) transparent}.arrow_month{color:#acacac;font-size:2rem}.arrow_month:hover{color:#fff}.card_transaction{color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;width:3rem;height:3rem;font-weight:200}.remove_or_error{background-color:red}#button_option{padding-top:.5rem;justify-content:center;display:flex;flex-direction:column;align-items:center}#options{padding:0rem;opacity:0;transform:scale(.98);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.open{display:block}.displaynone{display:none;transition:all .2s linear .5s;opacity:0}#options.open{opacity:1;transform:scale(1);pointer-events:auto;transition:all .5s linear .5s}#options ul{display:flex;flex-direction:row;gap:1rem;align-items:center;list-style:none;justify-content:center;padding:0;flex-wrap:wrap}.add_up{font-size:35px}#modalContainer{position:absolute}#logo{content:url(../assets/logo.svg);width:30%}#delete_category_options{position:absolute;top:0;left:0}#new_modal_js{display:flex;position:fixed;justify-content:center;align-items:center;width:100vw;height:100lvh;background-color:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#loading-overlay{display:flex;justify-content:center;align-content:center;flex-direction:column;align-items:center;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#37495399;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;z-index:9999}#loading-overlay p{color:#fff}#loading-overlay.hidden{display:none}.spinner{border:5px solid rgba(255,255,255,.3);border-top:5px solid white;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#pagination{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}#pagination ul{display:flex;gap:.6rem;list-style:none;padding:unset}#pagination ul li{cursor:pointer;color:var(--white-900);border:solid 1px var(--text-grey-color);border-radius:.5rem;display:flex;justify-content:center;align-items:center}body.dark_mode .group_button_pages:hover{background-color:var(--text-grey-color);color:var(--front-color-black);border-radius:.5rem;border:none}.group_button_pages{background:none;border:none;padding:0;width:2rem;height:2rem;font:inherit;cursor:pointer;outline:inherit;color:var(--back-color-black)}#selected_page{background-color:var(--button-color-yellow);color:var(--front-color-white);border:none}#selected_page button{color:var(--front-color-white)}#pagination ul #selected_page{border:none}.text_transaction p{color:var(--text-default)}#button_search{padding:1rem 2rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;background-color:var(--button-color-yellow);transition:transform .3s ease-in-out;color:#fff;cursor:pointer;gap:.3rem}#button_search:hover{transform:scale(1.1)}#btn_clear{padding:1rem 2rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;background-color:var(--back-color-black);transition:transform .3s ease-in-out;color:#fff;cursor:pointer;gap:.3rem}#btn_clear:hover{transform:scale(1.1)}#btn_logout{padding:.5rem 1rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--button-color-yellow);transition:transform .3s ease-in-out;color:#fff;cursor:pointer;gap:.3rem}.icon_logout{color:#fff}#btn_logout:hover{transform:scale(1.1)}.button_month{background:none;border:none;outline:none;box-shadow:none;cursor:pointer}.material-symbols-outlined{font-size:20px}#btn_expense,#btn_revenue{background-color:var(--button-color-yellow);-webkit-user-select:none;user-select:none;transition:transform .3s ease-in-out}#btn_category{background-color:var(--button-color-yellow);transition:transform .3s ease-in-out}#btn_category:hover,#btn_expense:hover,#btn_revenue:hover{transform:scale(1.1)}.button_remove{cursor:pointer;background-color:#e34c4941;font-weight:700;color:#e34b49!important;border:solid 1px #e34c4970;border-radius:.5rem;transition:transform .3s ease-in-out}.button_remove .delete-icon{color:#e34b49}.button_remove:hover{transform:scale(1.1);color:var(--white-900)}.button_edit span,.button_remove span,.button_set_status_pending span,.button_set_status_paid span{color:var(--front-color-white)}.button_edit,.button_remove,.button_set_status_pending,.button_set_status_paid{padding:.5rem 1rem}.button_edit{cursor:pointer;background-color:#267fd836;font-weight:700;color:var(--button-color-back);border:1px solid #267fd8;transition:transform .3s ease-in-out;padding:.5rem 1rem;border-radius:.5rem}.button_edit .edit-icon{color:#267fd8}.button_edit:hover{color:var(--white-900);transform:scale(1.1)}.button_set_status_paid{cursor:pointer;background-color:#f3bf243f;font-weight:700;color:var(--button-color-back);border:1px solid var(--button-color-yellow);transition:transform .3s ease-in-out;border-radius:.5rem}.button_set_status_paid .icon-paid{color:var(--button-color-yellow)}.button_set_status_pending .icon-pending{color:#0f6b4f}.button_set_status_pending{white-space:nowrap;cursor:pointer;background-color:#0f6b4f48;font-weight:700;color:var(--button-color-back);border:1px solid #0f6b4f;transition:all;transition-duration:.2s;border-radius:.5rem;transition:transform .3s ease-in-out}.button_set_status_paid:hover,.button_set_status_pending:hover{transform:scale(1.1)}.button_close_card,.button_back_card{display:flex;align-content:center;align-items:center}.button_back_card{padding:.5rem;background-color:#202020;color:#fff;border-radius:.4rem;cursor:pointer}.button_back_card:hover{background-color:#363636}.button_close_card,.button_close_card_new_category{display:flex;justify-content:center;align-items:center;padding:.5rem;background-color:var(--back-color-black);color:#fff;border-radius:.5rem;cursor:pointer;transition-property:all;transition-duration:.5s}.button_close_card span{font-weight:700;color:var(--back-color-white)}.button_close_card:hover,.button_close_card_new_category:hover{background-color:#686868;transition-property:background-color;transition-duration:.5s}.button_close_card_new_category span{color:var(--back-color-white)}#buttonLogin,#buttonLogin_create,#buttonNewCategory,#button_transactions{background-color:var(--button-color-yellow);padding:16px 64px;border-radius:.5rem;text-decoration:none;font-weight:600;color:#fff;cursor:pointer;transition-property:all;transition-duration:.3s}#button_transactions:hover{background-color:#ffcf4a;transition-property:background-color;transition-duration:.5s}#buttonLogin:hover,#buttonLogin_create:hover{background-color:var(--button-color-blue-hover);transition-property:background-color;transition-duration:.5s;color:#fff}#button_category{cursor:pointer;padding:1rem 2rem;background-color:var(--button-color-yellow);transition-duration:1s;transition-property:background-color;border-radius:.5rem;color:#fff}#buttonNewCategory:hover,#button_category:hover{background-color:#ffcf4a;transition-property:all;transition-duration:.5s}#options ul li{width:80%;text-decoration:none;padding:.6rem 1rem;color:var(--front-color-white);border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center}#options ul li span{color:var(--front-color-white)}#button_transactions{text-align:center;cursor:pointer;width:13rem}#body_modal{width:100vw;height:100lvh;background-color:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;position:absolute;top:0}#modal_box{display:flex;justify-content:center;align-items:center;gap:1rem;flex-direction:column}#body_modal.hidden{display:none}#confirm_message{text-align:center}#confirm_modal{background-color:var(--white-900);padding:2rem;border-radius:10px}#confirm_title{display:flex;justify-content:center;align-items:center;flex-direction:column}#icon_modal{font-size:70px}#icon_modal.danger{color:var(--button-color-red)}#icon_modal.warning{color:var(--button-color-yellow)}#confirm_title{font-weight:600}#confirm_no,#confirm_yes{padding:.625rem;border-radius:.375rem;font-weight:400;color:var(--white-900);cursor:pointer}#confirm_no{background-color:var(--component-color)}#confirm_yes.danger{background-color:var(--button-color-red)}#confirm_yes.warning{background-color:var(--button-color-yellow)}.actions{display:flex;justify-content:center;align-items:center;gap:1.5rem}#toast-container{position:fixed;top:150px;right:32px;display:flex;flex-direction:column}.toast{display:flex;justify-content:center;align-items:center;gap:1rem;opacity:0;transform:translate(100%);transition:all .5s ease-in-out;padding:15px 25px;border-radius:8px;color:#fff;background-color:var(--button-color-yellow);box-shadow:0 4px 12px #0003;max-width:300px}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(100%)}#head_card_form_transactions{display:flex;flex-direction:row;justify-content:space-between}#question_repeated{display:flex;gap:1rem;flex-direction:row}#page_legend_title{font-size:12px;color:#656565}#page_title{color:var(--back-color-black)}.installments_option{-webkit-user-select:none;user-select:none;cursor:pointer}#div_button_expense{display:flex;justify-content:center}#form_card{width:95%;color:#000;display:flex;justify-content:center;flex-direction:column;background-color:#fff;padding:2rem;gap:1rem;border-radius:.5rem;box-shadow:-0px 0 1px #03071203,-0px 1px 3px #03071203,-1px 1px 6px #03071205,-2px 2px 11px #03071208,-3px 3px 16px #0307120a,-4px 5px 24px #0307120a,-5px 6px 32px #0307120d,-7px 8px 42px #0307120f}#input_description{width:80%}#installments{background:#d0d0d0}#description{width:70%}.input_style{background-color:var(--input-color);padding:.5rem;border-radius:.4rem}.input_style:focus{background-color:#ececec}.required_abbr{text-decoration:none;font-weight:900;color:var(--button-color-red)}#category{display:flex;justify-content:center;align-items:center}#category_body{background-color:var(--white-900);width:80%;max-height:90%;color:#000;padding:2rem;border-radius:.5rem;text-align:center;gap:2rem;display:flex;flex-direction:column}#category_body ul{padding:0 16px 0 0;display:flex;flex-direction:column;gap:1rem}#category_body ul li{list-style:none}.icon_item_category{display:flex;flex-direction:row;gap:.5rem;align-items:center;text-align:initial}.group_category{display:flex;justify-content:space-between;background-color:var(--input-color);transition:background-color .2s linear;padding:.7rem;border-radius:.5rem}.group_category:hover{background-color:#30303013;transition:background-color .2s linear}#body_list_categories{overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(185,185,185) transparent}#head_card{gap:2rem;flex-direction:column;align-items:center;justify-content:space-between;display:flex}#div_button_category{display:flex;justify-content:center;align-items:center}.label_radio,.group_radio{cursor:pointer}#group_category_resume{display:flex;flex-direction:column;justify-content:space-evenly;width:100%}#head_title{display:flex;justify-content:space-between;flex-direction:column-reverse;gap:1rem;align-items:center;width:100%}#category_title{text-align:center}#category_title p{font-size:12px;color:#656565;text-align:center}.item_group_category_resume{display:flex;flex-direction:row;align-items:center;gap:1rem}.item_group_category_resume div{text-align:left}.item_group_category_resume div p{font-size:12px;font-weight:600;color:var(--black-legend)}#labelIcon{color:var(--button-color-blue)}#swapHorizIcon{color:var(--button-color-purple)}#bookMarkStarIcon{color:var(--button-color-yellow)}.description_category{font-size:12px;color:#5c5c5c}.border_icon_list_category{display:flex;justify-content:center;align-items:center;border:solid 1px #5c5c5c;padding:.4rem;border-radius:.5rem}.border_uis_list_category{display:flex;justify-content:center;align-items:center;border:solid 1px #d9d9d9;padding:.4rem;border-radius:.5rem}.edit_category{display:flex;flex-direction:column;align-items:center;gap:1rem}.edit_document,.delete_forever{cursor:pointer}.button_edit_category .edit_document{color:#267fd8}.button_edit_category{border:1px solid #267fd8;background-color:#267fd836}.button_delete_category .delete_forever{color:#e34b49}.button_delete_category{background-color:#e34c4941;border:solid 1px #e34c4970}.edit_document:hover{color:var(--button-color-blue)}.delete_forever:hover{color:var(--button-color-red)}#modalContainerListCategories{position:absolute;top:0;left:0}.card_pay{display:grid;grid-template-areas:"title_date title_date" "div_icon_category  amount_circle" "card_text card_text" "group_button_transactions group_button_transactions";grid-template-columns:1fr 1fr;grid-template-rows:.4fr .4fr .8fr .3fr;place-items:center;width:100%;background-color:var(--back-color-white);border-radius:1rem;color:var(--white-900)}#dueDate7{color:var(--text-grey-color)}.title_date{grid-area:title_date;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:.4rem;padding-bottom:1.5rem}.title_category{padding-top:3rem;font-size:1.5rem;text-align:center}.div_icon_category{grid-area:div_icon_category}.div_icon_category,.amount_circle,.group_button_transactions{display:flex;justify-content:center;align-items:center;gap:1rem}.amount_circle{grid-area:amount_circle;gap:.5rem;padding-right:2rem}.amount_transaction{font-size:1.5rem}.circle{border-radius:50%;width:10px;height:10px;background-color:var(--button-color-red)}.circle_paid{background-color:var(--button-color-green)}.circle_pending{background-color:var(--button-color-yellow)}.circle_revenue{background-color:var(--button-color-blue)}.card_text{grid-area:card_text;display:flex;justify-content:center;align-items:center;width:100%;padding-top:1rem}.card_text div{width:80%;padding-top:1rem}.group_button_transactions{align-content:center;grid-area:group_button_transactions;flex-wrap:wrap-reverse;padding:2rem}.icon_category{padding:1rem;border-radius:1rem}.div_icon_category span{color:#fff}#edit_category{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#0d0d0dba;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem;text-decoration-color:#000;color:#000}#header_new_category{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;width:100%}#header_new_category h2{text-align:center;position:relative;top:-50%}#group_title_modal p{font-size:12px;color:#656565;text-align:left}#group_button_category{display:flex;justify-content:space-between;gap:4%;width:100%;padding-bottom:2%;align-content:center;align-items:center}.group_input_category{width:100%}#name_category{width:74%}#close_new_category{display:flex;justify-content:space-between;padding-bottom:1rem;align-items:center}#form_new_category{display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:var(--white-900);border-radius:.5rem}#select_icon{display:flex;align-items:center;gap:.5rem}#color_selector{cursor:pointer}#select_icon #button_icons{display:flex;justify-content:center;background-color:#181818;padding:.5rem;border-radius:.5rem;cursor:pointer}#button_icons span{color:var(--back-color-white)}#button_icons:hover{background-color:#5a5a5a}.list_button_icons{display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:.4rem;background:none;cursor:pointer}.list_button_icons span{color:var(--back-color-white)}#new_icon{font-variation-settings:"wight" 300}#display_icon_on{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;color:var(--white-900);background-color:#202020;padding:1rem;border-radius:.5rem;gap:1rem}#display_icon_on span:hover{color:#8a8a8a}#body_new_category{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:1.5rem}#containerOptionsDelete,#formOptionsDelete,#containerChangeCategory{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;font-size:1rem}#containerOptionsDelete{width:80%;padding:2rem;border-radius:1rem;background-color:#fff;gap:2rem}#containerChangeCategory{display:flex;gap:.5rem}#formOptionsDelete{width:100%;gap:1rem}#containerOptionsDelete h2{font-weight:600;text-align:justify}#containerOptionsDelete h2 strong{color:var(--button-color-red)}#containerOptionsDelete p{color:var(--text-legend)}#deleteCategoryOptions{display:flex;justify-content:center;align-items:center;width:100vw;height:100lvh;background-color:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#groupButtonsDeleteCategory{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:2rem}#buttonCancel{border:none;text-decoration:none;color:#000;font-size:1rem;background:none;font-weight:800;cursor:pointer}#buttonSetSubmit{border:none;text-decoration:none;color:#fff;padding:1rem 3rem;background-color:var(--button-color-red);font-size:1rem;font-weight:800;border-radius:.5rem;cursor:pointer;width:30%}#groupOptionsChangeCategory{padding:0 0 0 3rem;font-size:.8rem}@media screen and (min-width:620px){#resume_month{flex-direction:row}.search_item{width:48%}.group_category{padding:2rem}.group_button_pages{width:3rem;height:3rem}#pagination{justify-content:end}#pagination ul{gap:1rem;padding-right:2rem}#img_cant_find{width:39%}#head_title{flex-direction:row}#category_title{text-align:left}}@media screen and (min-width:1060px){.edit_category{flex-direction:row}#form_new_category{width:40%}#resultResume{padding-right:2rem}#user_name{font-size:2rem}.search_item{width:22%}#form_search{flex-direction:row;align-items:normal}#header_new_category{display:flex;flex-direction:row}#edit_category{position:unset}#group_buttons_form_search{flex-direction:column}#calendar_week{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.5rem;width:100%;justify-content:space-evenly}#user{background-color:var(--front-color-white);border-radius:.5rem;padding:1rem;display:flex;justify-content:space-evenly;align-items:center;gap:1rem;color:#fff;flex-direction:row}#user p{font-size:1rem}#left_side{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:0}#containerOptionsDelete{width:40%}.title_date strong{font-size:1.5rem}.card_pay{width:100%;background-color:var(--back-color-white);padding:1.5rem;border-radius:1rem}.header_transaction,.title_card,.icon_title,.amount_circle{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.icon_title{gap:1.2rem}.title_date{grid-area:title_date;display:flex;align-items:start;gap:2px;flex-direction:column;padding:0 0 0 .8rem}.title_category{font-size:2rem}.amount_circle{grid-area:amount_circle;gap:.5rem;display:flex;justify-content:end}.amount_transaction{font-size:1.5rem}.card_text{grid-row:card_text;padding-top:0;padding-left:.7rem}.title_category{padding-top:0}.card_text div{width:100%;padding-top:0;border:none;display:flex;gap:.3rem}.group_button_transactions{grid-area:group_button_transactions;display:flex;flex-direction:row;justify-content:end;align-items:end;width:auto}.div_icon_category{grid-area:div_icon_category;border-right:solid 1px #7b7b7b33;display:flex;justify-content:start;align-items:center}.card_pay{color:var(--white-900);display:grid;grid-template-areas:"div_icon_category title_date amount_circle" "div_icon_category card_text group_button_transactions";grid-template-columns:4.9rem 3fr 3fr;grid-template-rows:4rem 3fr auto;place-items:inherit}#category_body{width:70%}#form_card{width:50%}#left_side{width:100%}}@media screen and (min-width:1200px){#main_content{background-color:var(--back-color-white);display:flex;flex-direction:row;align-items:center;height:100dvh;width:100dvw;gap:2rem}#group_category_resume{display:flex;flex-direction:row}#aside_menu{gap:4px}.titleContainerResume{white-space:nowrap}#group_total{display:flex;justify-content:space-between}#aside_menu{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}#logo{content:url(../assets/logo.svg);display:flex;width:10rem}#group_cards{gap:2rem}#resume_month{flex-direction:column;background-color:var(--front-color-white);justify-content:space-around;border-radius:1rem}#group_pay,#month_value,#revenue{font-size:1rem;text-align:center}#month{font-size:1.1rem;text-align:center}#options ul{width:100%;display:flex;justify-content:center;gap:1rem;flex-wrap:nowrap}#other_body{max-width:66%;height:95%;padding-right:2rem}#resultResume{display:flex;justify-content:flex-end}#resultResume p{font-size:13px}.card_transaction:hover{transition:background-color .5s linear;transform:scale(1.01);transition:transform .3s}.item_pay{justify-content:space-between}#new_modal_js{position:unset}#left_side{width:37%}.group_input_category{display:flex;align-items:center;width:70%;gap:.5rem;flex-direction:row}}@media screen and (min-width:1600px){#aside_menu{gap:1.5rem}#left_side{width:27%}#group_pay,#month_value,#revenue{font-size:1rem;text-align:center}#logo{width:16rem}#other_body{max-width:100%;padding-right:2rem}}:root{--button-color-red: #ff4000;--button-color-red-hover: #ff5757;--button-color-red-back: #e8cdcd;--button-color-blue: #448aff;--button-color-blue-hover: #6ba1ff;--button-color-blue-back: #c7d9ff;--button-color-green: #00c030;--button-color-green-hover: #00c030;--button-color-purple: #7142ff;--button-color-back: #ebebeb;--azul-200: #263940;--azul-400: #30434c;--cinza-900: #dbdfe1;--white-900: #ffffff;--white-200: #c3c3c3;--white-legend: #dbdfe136;--black-legend: #65656580;--input-color: #eeeeee;--text-legend: #7b7b7b;--component-color: #9e9e9e;--back-color-black: #222222;--front-color-black: #1f1f1f;--back-color-white: #e3e3e3;--front-color-white: #f3f4f8;--text-default: #373737;--stroke-color: #a7a7a74f;--text-grey-color: #9e9e9e;--text-white: #ffffff;--button-color-yellow: #f5b100}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;height:100vh}footer{display:none}p,h1,h2,strong,span{color:var(--back-color-black)}.switch{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--text-legend);transition:.5s;border-radius:30px}.slider:before{position:absolute;content:"";height:1.4em;width:1.4em;border-radius:50%;left:10%;bottom:15%;transform:translate(100%);box-shadow:inset 15px -4px 0 15px var(--button-color-yellow);background:var(--background);transition:.5s}input:checked+.slider{background-color:var(--text-legend)}input:checked+.slider:before{transform:translate(0);box-shadow:inset 8px -4px 0 0 var(--back-color-white)}#main_login{display:flex;flex-direction:column;width:100vw;height:100vh;justify-content:space-evenly;background-image:url(/images/backgroundLogin.svg);background-repeat:no-repeat;background-size:cover}.input_login{font-size:1rem;background:none}#contentRightSid{display:flex;flex-direction:column;background-color:var(--azul-200);justify-content:center;align-items:center;max-width:90%;height:100%;padding:1rem;border-radius:1rem;gap:1rem}#imageBackground{display:none}#right_side{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}#formLogin{display:flex;flex-direction:column;gap:1rem;width:100%}#forget{text-decoration:none;color:var(--button-color-blue)}#inputEmail,#inputPassword{outline:none;width:100%;color:var(--white-900)}#linksAndButtons{display:flex;flex-direction:column;gap:1rem}#groupButtons,#groupLinks{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between}#groupButtons{gap:1rem;flex-direction:column}#groupRemember{display:flex;align-items:center;justify-content:center;color:var(--white-900)}#createAccountDiv{width:100%}#createAccountButton{text-decoration:none;padding:1rem 3rem;background-color:#fff;border-radius:.5rem;color:var(--azul-400);border:.5px solid var(--azul-400);outline-offset:-1rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%}#loginButton{text-decoration:none;padding:1rem 4rem;background-color:#1a8aec;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;border:.5px solid #fff;width:100%}#divInputEmail.focusOn,#divInputPassword.focusOn{border-left:18px solid var(--azul-400);padding-left:16px}#imageBackground{width:100%;height:100%}#group_title_login{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:2rem;gap:1rem;color:var(--white-900)}#group_title_login p{font-weight:300;color:#ffffff69}#titlePageLogin{font-weight:600;color:var(--white-900);font-size:2.5rem}#logo{width:242.15px;height:90px}#womanBackground{width:85%;opacity:.2}#divInputEmail,#divInputPassword{outline:none;border:1px solid var(--azul-400);color:#fff;width:100%;background-color:var(--azul-200);padding:1rem;display:flex;flex-direction:column;align-items:self-start;border-radius:1rem;padding-left:33px}#divInputEmail p,#divInputPassword p{font-size:.8rem;color:#b4b4b4}#remember{margin-right:.5rem}#labelRemember{display:flex;justify-content:center;align-items:center}#loginButton{border:none}@media screen and (min-width:1200px){#main_login{width:100%;flex-direction:row;background-color:var(--azul-400);background-size:cover}#logo_right{display:none}#right_side{width:50%;height:100%;align-items:center;justify-content:center}#contentRightSid{width:70%;height:93%;background-color:var(--azul-200)}#groupLinks,#groupButtons{flex-direction:row}}@media screen and (min-width:1600px){#contentRightSid{width:51%;height:55%}}*{margin:0;border:0;box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}html{-webkit-user-select:none;user-select:none;font-size:16px}#left_side_create_account{display:none}#button_back_login{font-weight:800;color:#fff;margin-left:10%;cursor:pointer;display:flex;justify-content:center;align-items:center}#button_back_login:hover{transform:scale(1.02)}#main_content_create_account,#logo_right{display:flex;width:100%;justify-content:center}#logo_create_account{width:60%}#main_create_account{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:2rem;height:100vh;background-image:url(/images/backgroundCreateAccount.png)}#right_side_create_account{display:flex;justify-content:center;align-items:center;flex-direction:column;width:80%;height:100%}#formCreateUser{display:flex;flex-direction:column;gap:1rem}#title_new_account{color:#fff;display:flex;justify-content:center;flex-direction:column;gap:.2rem}#title_new_account h1{font-weight:00;font-size:2.5rem}#title_new_account p{font-weight:300;color:#ffffff69}#contentRightSidCreateAccount{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:2rem}.group_div_inputs{background-color:#30434c;padding:.5rem 1rem;border-radius:1rem}#group_name{display:flex;gap:1rem}.legend_input{font-size:.8rem;color:#b4b4b4}.group_inputs{background-color:#30434c;color:#fff;width:100%;padding:.7rem}.group_inputs:focus{outline:none}#createNewUserButton{width:100%;padding:1rem;border-radius:2rem;font-weight:800;color:#fff;background-color:#1a8aec;cursor:pointer;transition:all .5s ease}#createNewUserButton:hover{background-color:#51aeff;transform:scale(1.02);box-shadow:0 0 21px -4px #1a8aec;-webkit-box-shadow:0px 0px 21px -4px rgba(26,138,236,1);-moz-box-shadow:0px 0px 21px -4px rgba(26,138,236,1)}@media screen and (min-width:1300px){#left_side_create_account{display:block;justify-content:center;align-items:center;flex-direction:column;width:50%;height:100%}#right_side_create_account{width:50%}}