*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-align:center;text-wrap:balance}#__next,#root{isolation:isolate}li,ul{list-style:none;margin:0;padding:0}:root{--bg-color:#1e2228;--bg-input-color:#2a2f35;--bg-card-color:#262a30;--bg-item-color:#2a2f35;--font-color:#e4e6eb;--border-color:#3a3f47;--heading-color:#f1f3f5;--bg-disabled-color:#3d4249;--font-disabled-color:#6d727a;--bg-modal-color:#2a2f35;--overlay-color:rgba(0,0,0,.6);--bg-menu-color:#e4e6eb;--bg-income-color:#4a6950;--border-income-color:#6d8f75;--hover-bg-income-color:#57755e;--border-info-color:#1e2228;--bg-expense-color:#694848;--hover-bg-expense-color:#5f4646;--border-expense-color:#ffcccb;--font-income-color:#c8e6c9;--font-expense-color:#ffcdd2;--bg-create-color:#4c6177;--font-create-color:#f1f3f5;--hover-create-color:#435669;--border-create-color:#4b5e70;--font-create-hover-color:#fff;--bg-edit-color:#557067;--font-edit-color:#f1f3f5;--hover-edit-color:#4c6059;--border-edit-color:#50685e;--font-edit-hover-color:#fff;--bg-save-color:#576d5a;--font-save-color:#f1f3f5;--hover-save-color:#4d5f50;--border-save-color:#536455;--font-save-hover-color:#fff;--bg-cancel-color:#4a4f55;--font-cancel-color:#e4e6eb;--hover-cancel-color:#43484e;--border-cancel-color:#464b51;--font-cancel-hover-color:#e4e6eb;--bg-delete-color:#6a4b4b;--font-delete-color:#f1f3f5;--hover-delete-color:#5f4343;--border-delete-color:#644545;--font-delete-hover-color:#fff;--error-color:#8b5959;--font-error-color:#f1f3f5;--border-error-color:#7d5151}[data-theme=light]{--bg-color:#f5f5f5;--bg-input-color:#fff;--bg-card-color:#f1f3f4;--bg-item-color:#fff;--font-color:#2e3237;--border-color:#d0d4d9;--heading-color:#1c1f24;--bg-disabled-color:#e6e9eb;--font-disabled-color:#a0a5ab;--bg-modal-color:#fff;--overlay-color:rgba(0,0,0,.2);--bg-income-color:#c9e2c7;--hover-bg-income-color:#b8d7b6;--border-income-color:#f5f5f5;--border-info-color:#f5f5f5;--bg-expense-color:#f1caca;--hover-bg-expense-color:#e8b9b9;--font-income-color:#2e7d32;--font-expense-color:#c62828;--bg-create-color:#b0c4db;--font-create-color:#fff;--hover-create-color:#9cb2c8;--border-create-color:#a6b8cf;--font-create-hover-color:#fff;--bg-edit-color:#bccfbf;--font-edit-color:#fff;--hover-edit-color:#a9bbaa;--border-edit-color:#b1c6b7;--font-edit-hover-color:#fff;--bg-save-color:#bccebf;--font-save-color:#fff;--hover-save-color:#a8bbaa;--border-save-color:#b1c6b7;--font-save-hover-color:#fff;--bg-cancel-color:#d6d9dc;--font-cancel-color:#2e3237;--hover-cancel-color:#c4c7cb;--border-cancel-color:#cbcfd3;--font-cancel-hover-color:#2e3237;--bg-delete-color:#e2b5b5;--font-delete-color:#fff;--hover-delete-color:#d39e9e;--border-delete-color:#d9a8a8;--font-delete-hover-color:#fff;--error-color:#d6a7a7;--font-error-color:#1c1f24;--border-error-color:#c59797}body{background-color:var(--bg-color);display:flex;flex-direction:column}a,body{color:var(--font-color)}a{text-decoration:none}input{width:100%}input,select{background-color:var(--bg-input-color);border:1px solid var(--border-color);border-radius:8px;color:var(--font-color);padding:8px}.theme-switch-wrapper{align-items:center;display:flex;padding:10px;em{font-size:.8rem;margin-left:10px}}.theme-switch{display:inline-block;height:20px;position:relative;width:40px}.theme-switch input{display:none}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:12px;left:4px;width:12px}input:checked+.slider{background-color:#66bb6a}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.su_select{width:100%}.su_select select{border-radius:5px;cursor:pointer;font-size:16px;margin:8px 0;overflow:hidden;padding:12px 8px;text-overflow:ellipsis;white-space:nowrap;width:100%}.su_item{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:5px;display:flex;flex-direction:column;gap:10px;margin:4px;padding:6px}.su_item__edit,.su_item__save{display:flex;gap:8px;margin:0 0 0 10px}.su_item__target_edit{display:none;flex-direction:column;gap:10px}.su_input{width:100%}.su_input input{border:1px solid var(--border-color);border-radius:5px;font-size:16px;margin:8px 0;padding:8px;width:100%}.share_ui_form-form{display:flex;flex-direction:column;gap:10px;padding:0 10px}.su_error{color:var(--error-color)}.su_error_disable{display:none}.btn{align-items:center;align-self:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:16px;justify-content:center;justify-self:center;padding:4px 10px;text-align:center;text-decoration:none;width:100%}.btn__loading{position:relative}.btn__loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.btn__disabled{opacity:.6;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.btn_save{background-color:var(--bg-save-color);border:1px solid var(--border-save-color);color:var(--font-save-color)}.btn_save:hover{background-color:var(--hover-save-color);color:var(--font-save-hover-color)}.btn_edit{background-color:var(--bg-edit-color);border:1px solid var(--border-edit-color);color:var(--font-edit-color)}.btn_edit:hover{background-color:var(--hover-edit-color);color:var(--font-edit-hover-color)}.btn_del{background-color:var(--bg-delete-color);border:1px solid var(--border-delete-color);color:var(--font-delete-color)}.btn_del:hover{background-color:var(--hover-delete-color);color:var(--font-delete-hover-color)}.btn_cancel{background-color:var(--bg-cancel-color);border:1px solid var(--border-cancel-color);color:var(--font-cancel-color)}.btn_cancel:hover{background-color:var(--hover-cancel-color);color:var(--font-cancel-hover-color)}button.btn_add{background-color:var(--bg-create-color);border:1px solid var(--border-create-color);color:var(--font-create-color)}button.btn_add:hover{background-color:var(--hover-create-color);color:var(--font-create-hover-color)}menu{margin:40px 0;text-align:center}menu a{background-color:var(--bg-menu-color);border-radius:8px;font-weight:700;margin:0 4px;padding:8px 12px}main{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:calc(100vh - 100px);width:100%}.p_home{display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:0 40px;width:100%}.p_home_btn{background-color:var(--bg-create-color);color:var(--font-create-color)}.p_home_btn:hover{background-color:var(--hover-create-color)}.p_home_btn_income{background-color:var(--bg-income-color);color:var(--font-income-color)}.p_home_btn_income:hover{background-color:var(--hover-bg-income-color)}.p_home_btn_expense{background-color:var(--bg-expense-color);color:var(--font-expense-color)}.p_home_btn_expense:hover{background-color:var(--hover-bg-expense-color)}.p_year{padding:0 5%}.p_year,.p_year__choose{display:flex;flex-direction:column}.p_year__choose{border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px 5%}.p_year__choose h2{margin-bottom:10px}.p_year__income{background-color:var(--bg-income-color);color:var(--font-income-color)}.p_year__expense,.p_year__income{border-radius:8px;margin:20px 0;padding:20px}.p_year__expense{background-color:var(--bg-expense-color);color:var(--font-expense-color)}.p_year__list{font-weight:600;margin:0 0 20px;text-align:right}.p_year__expense_info,.p_year__income_info{display:grid;gap:2%;grid-template-columns:49% 49%;justify-content:center;justify-items:center;margin-bottom:20px}@media (max-width:500px){.p_year__expense_info,.p_year__income_info{gap:4%;grid-template-columns:100%}}.p_year__expense_info ul,.p_year__income_info ul{border:1px solid var(--border-info-color);border-radius:8px;padding:20px;width:100%}.p_year__expense_info li,.p_year__income_info li{column-gap:10px;display:grid;grid-column-end:2;grid-column-start:1;grid-template-columns:60% 50%;margin-bottom:10px}.p_settings{margin:0 auto;text-align:center;width:300px}.p_settings li{border:1px solid var(--border-color);margin:10px 0;padding:13px;position:relative}.p_settings li a{height:100%;left:0;position:absolute;top:0;width:100%}.p_settings_customer_add,.p_settings_expense_group_add,.p_settings_good_group_add,.p_settings_paymenttype_add{background:var(--bg-card-color);border-radius:8px;display:flex;flex-direction:column;margin:30px 10px;padding:10px}.p_month{display:flex;flex-direction:column;padding:0 5%}.p_month select{margin:10px}.p_month__list{font-weight:600;margin:0 0 20px;text-align:right}.p_month__income{background-color:var(--bg-income-color);color:var(--font-income-color)}.p_month__expense,.p_month__income{border-radius:8px;margin:20px 0;padding:20px}.p_month__expense{background-color:var(--bg-expense-color);color:var(--font-expense-color)}.p_month__expense_info,.p_month__income_info{display:grid;gap:2%;grid-template-columns:49% 49%;justify-content:center;justify-items:center;margin-bottom:20px}@media (max-width:500px){.p_month__expense_info,.p_month__income_info{gap:4%;grid-template-columns:100%}}.p_month__expense_info ul,.p_month__income_info ul{border:1px solid var(--border-info-color);border-radius:8px;padding:20px;width:100%}.p_month__expense_info li,.p_month__income_info li{column-gap:10px;display:grid;grid-column-end:2;grid-column-start:1;grid-template-columns:60% 50%;margin-bottom:10px}.p_income_list li{border-bottom:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:16% 16% 16% 8% 16% 16% 8%;justify-content:center;justify-items:center;padding:10px}.p_income_list__li_bg{background-color:var(--bg-item-color)}.p_income_list__head_list{border-bottom:1px solid var(--border-income-color)!important}.p_income_list ul{margin:0 0 40px}.p_income_list h2{margin:20px 0}.p_income_list h3{margin:0 0 20px}.p_income_list a{display:inline-block;height:100%;text-align:center;width:100%}.p_expense_list li{border-bottom:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:16% 16% 16% 8% 16% 16% 8%;justify-content:center;justify-items:center;padding:10px}.p_expense_list ul,.p_expense_list_fuel ul{border:1px solid var(--border-expense-color)!important;margin:0 0 40px}.p_expense_list,.p_expense_list_fuel h3{margin:0 0 20px}.p_expense_list__li_bg{background-color:var(--bg-item-color)}.p_expense_list__head_list{border-bottom:1px solid var(--border-expense-color)!important}.p_expense_list_fuel li{border-bottom:1px solid var(--border-color);display:grid;gap:5px;grid-template-columns:16% 16% 8% 16% 32% 8%;justify-content:center;justify-items:center;padding:10px}.p_expense_list a,.p_expense_list_fuel a{display:inline-block;height:100%;text-align:center;width:100%}.p_auth_login{align-items:center;display:flex;flex-direction:column;gap:10px;height:100vh;justify-content:center;margin:0 auto;width:300px}.p_auth_error{color:var(--error-color)}.c_paymenttype_list{display:flex;flex-direction:column;flex-wrap:wrap;margin:10px}.c_paymenttype_list input{padding:0 10px;width:100%}.c_paymenttype_list__line1{display:flex}.c_paymenttype_list__name{width:90%}.c_paymenttype_list__edit{background-color:green;min-width:90px}.c_paymenttype_list__comment{font-style:italic}.c_goodgroup_list{display:flex;flex-direction:column;flex-wrap:wrap;margin:10px}.c_goodgroup_list input{padding:0 10px;width:100%}.c_goodgroup_list__line1{display:flex}.c_goodgroup_list__name{width:90%}.c_goodgroup_list__edit{background-color:green;min-width:90px}.c_goodgroup_list__comment{font-style:italic}.c_expensegroup_list{display:flex;flex-direction:column;flex-wrap:wrap;margin:10px}.c_expensegroup_list input{padding:0 10px;width:100%}.c_expensegroup_list__line1{display:flex}.c_expensegroup_list__name{width:90%}.c_expensegroup_list__edit{background-color:green;min-width:90px}.c_expensegroup_list__comment{font-style:italic}.c_expense_doc_list{background-color:var(--bg-input-color);border-radius:8px;display:flex;flex-direction:column;flex-wrap:wrap;margin:10px;padding:10px}.c_expense_doc_list ul{display:flex;flex-direction:column;gap:5px;margin:10px 0}.c_expense_doc_list li{border:1px solid gray;border-radius:8px;display:flex;gap:12px;margin:2px 0;padding:4px}.c_expense_doc_form{border:1px solid var(--border-color);border-radius:8px;gap:10px;padding:10px}.c_customer_list,.c_expense_doc_form{display:flex;flex-direction:column;flex-wrap:wrap}.c_customer_list{margin:30px 10px}.c_customer_list input{padding:0 10px;width:100%}.c_customer_list__line1{display:flex}.c_customer_list__name{width:90%}.c_customer_list__edit{background-color:green;min-width:90px}.c_customer_list__comment{font-style:italic}