header.navbar{align-items:center;background:linear-gradient(90deg,#333e52,#243b55);border-bottom:var(--navbar-border) solid #bfbdbd;box-sizing:border-box;display:flex;height:var(--navbar-height);justify-content:flex-end;left:250px;padding:0 1rem;position:fixed;top:0;width:calc(100% - 250px);z-index:1000}header.navbar .right-section{align-items:center;display:flex;gap:12px}header.navbar .account-number{border:1px solid #fff;border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:6px 12px;white-space:nowrap}header.navbar .user-icon{color:#fff;cursor:pointer;font-size:28px}@media screen and (max-width:1000px){header.navbar{left:80px;padding:0 .5rem;width:calc(100% - 80px)}}@media screen and (max-width:700px){header.navbar{justify-content:flex-end;left:0;padding:0 .5rem;width:100%}}.sidebar{background:linear-gradient(90deg,#141e30,#243b55);box-shadow:var(--box-shadow);flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:var(--transition);width:250px}.sidebar,.sidebar .top{display:flex;justify-content:space-between}.sidebar .top{align-items:center;border-bottom:var(--navbar-border) solid #bfbdbd;color:var(--white);padding:1.35rem}.sidebar .top h3{font-size:15px;font-weight:600;white-space:nowrap}.sidebar .top .close_btn{cursor:pointer;display:none;font-size:1.5rem}.sidebar .middle{flex:1 1;padding:1.2rem .7rem}.sidebar .middle .link{align-items:center;border-radius:8px;color:#ffffffe6;display:flex;gap:12px;margin-bottom:.6rem;padding:.7rem .9rem;text-decoration:none;transition:.25s ease}.sidebar .middle .link .icon{font-size:1.3rem;min-width:22px}.sidebar .middle .link span{font-size:14px;font-weight:500}.sidebar .middle .link:hover{background:#ffffff26}.sidebar .middle .link.active{background:#fff;color:var(--primary-dark);font-weight:600}.sidebar .bottom{padding:1rem}.sidebar .bottom .logout{align-items:center;background:none;border:none;border-radius:8px;color:#ff4d4d;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:.7rem .9rem;transition:.25s ease;width:100%}.sidebar .bottom .logout .icon{font-size:1.3rem}.sidebar .bottom .logout:hover{background:#ff4d4d26}@media screen and (max-width:1000px){.sidebar{width:80px}.sidebar .bottom span,.sidebar .middle span,.sidebar .top h3{display:none}.sidebar .bottom .logout,.sidebar .middle .link{justify-content:center}}@media screen and (max-width:700px){.sidebar{align-items:center;bottom:0;flex-direction:row;height:70px;justify-content:space-around;top:auto;width:100%}.sidebar .top{display:none}.sidebar .middle{display:flex;flex-direction:row;justify-content:space-around;padding:0;width:100%}.sidebar .middle .link{flex:1 1;justify-content:center;margin:0}.sidebar .bottom{padding:0}.sidebar .bottom .logout{flex:1 1;justify-content:center}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.dashboard{background:#f4f6f8;display:flex;min-height:100vh}.dashboard .dashboard_container{box-sizing:border-box;flex:1 1;margin-left:250px;margin-top:var(--navbar-height);padding:1.5rem 2rem}@media screen and (max-width:1000px){.dashboard .dashboard_container{margin-left:80px}}@media screen and (max-width:700px){.dashboard .dashboard_container{margin-left:0;padding:1rem}}.dashboard .dashboard_container .page-title{color:#333;font-size:1rem;font-weight:700;margin-bottom:2rem}.dashboard .dashboard_container .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.dashboard .dashboard_container .stats-grid .card{background:#fff;border-left:6px solid var(--primary-color);border-radius:10px;box-shadow:0 4px 15px #00000014;padding:1rem 1.5rem;transition:transform .3s ease}.dashboard .dashboard_container .stats-grid .card h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.dashboard .dashboard_container .stats-grid .card p{color:#333;font-size:1.5rem;font-weight:700}.dashboard .dashboard_container .stats-grid .card:hover{transform:translateY(-5px)}.dashboard .dashboard_container .charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.dashboard .dashboard_container .charts-section .chart-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;padding:1.5rem}.dashboard .dashboard_container .charts-section .chart-card h3{color:#333;font-weight:600;margin-bottom:1rem}.dashboard .dashboard_container .charts-section .chart-card canvas{height:300px!important;width:100%!important}@media screen and (max-width:1200px){.dashboard .dashboard_container .charts-section{grid-template-columns:1fr 1fr}}@media screen and (max-width:900px){.dashboard .dashboard_container .charts-section{grid-template-columns:1fr}}.transactions{background:#f4f6f8;display:flex;min-height:100vh}.transactions .transactions_container{flex:1 1;margin-left:250px;margin-top:var(--navbar-height);padding:1.5rem 2rem}@media screen and (max-width:1000px){.transactions .transactions_container{margin-left:80px}}@media screen and (max-width:700px){.transactions .transactions_container{margin-left:0;padding:1rem}}.transactions .transactions_container .header_top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.transactions .transactions_container .header_top .add_transaction{align-items:center;background:#2a9d8f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:6px 12px;transition:.2s}.transactions .transactions_container .header_top .add_transaction:hover{background:#218675}.transactions .transactions_container .summary{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.transactions .transactions_container .summary .card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1rem}.transactions .transactions_container .summary .card h4{color:#777;font-size:13px}.transactions .transactions_container .summary .card p{font-size:18px;font-weight:700;margin-top:.3rem}.transactions .transactions_container .summary .income p{color:#2ecc71}.transactions .transactions_container .summary .expense p{color:#e74c3c}.transactions .transactions_container .summary .balance p{color:#3498db}.transactions .transactions_container .controls{display:flex;gap:.8rem;margin-bottom:1rem}.transactions .transactions_container .controls input,.transactions .transactions_container .controls select{border:1px solid #ccc;border-radius:6px;font-size:13px;padding:6px 10px}.transactions .transactions_container .controls select{cursor:pointer}.transactions .transactions_container .date-group{margin-bottom:1.5rem}.transactions .transactions_container .date-group .date-header{border-bottom:1.5px solid #ddd;color:#555;font-size:14px;font-weight:600;margin-bottom:.5rem;padding-bottom:2px}.transactions .transactions_container .date-group .table_wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto;padding:.8rem}.transactions .transactions_container .date-group .table_wrapper table{border-collapse:collapse;width:100%}.transactions .transactions_container .date-group .table_wrapper table th{background:#f4f6f9;font-size:13px;padding:8px;text-align:left}.transactions .transactions_container .date-group .table_wrapper table td{border-bottom:1px solid #eee;font-size:13px;padding:8px}.transactions .transactions_container .date-group .table_wrapper table .amount.expense,.transactions .transactions_container .date-group .table_wrapper table .amount.income{align-items:center;display:flex;font-weight:700;gap:4px}.transactions .transactions_container .date-group .table_wrapper table .amount.income{color:#2ecc71}.transactions .transactions_container .date-group .table_wrapper table .amount.expense{color:#e74c3c}.transactions .transactions_container .date-group .table_wrapper .status{border-radius:20px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:capitalize}.transactions .transactions_container .date-group .table_wrapper .status.paid{background:#e8f8f0;color:#27ae60}.transactions .transactions_container .date-group .table_wrapper .status.pending{background:#fff6e5;color:#f39c12}.transactions .transactions_container .date-group .table_wrapper .status.completed{background:#eaf2ff;color:#2f80ed}.invoices_page{display:flex}.invoices_page .invoices_container{flex:1 1;margin-left:250px;margin-top:var(--navbar-height);padding:1.5rem 2rem}@media screen and (max-width:1000px){.invoices_page .invoices_container{margin-left:80px}}@media screen and (max-width:700px){.invoices_page .invoices_container{margin-left:0;padding:1rem}}.invoices_page .invoices_content h2{margin-bottom:1rem}.invoices_page .invoices_content .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.invoices_page .invoices_content .header h2{font-weight:600}.invoices_page .invoices_content .header .create_btn{background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:.3s}.invoices_page .invoices_content .header .create_btn:hover{box-shadow:0 8px 18px #0072ff40;transform:translateY(-2px)}.invoices_page .invoices_content .controls{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.invoices_page .invoices_content .controls .date_selector{align-items:center;display:flex;gap:.5rem}.invoices_page .invoices_content .controls .date_selector label{font-weight:600}.invoices_page .invoices_content .controls .date_selector select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:.5rem .8rem}.invoices_page .invoices_content .controls .search_wrapper{flex:1 1}.invoices_page .invoices_content .controls .search_wrapper input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:.7rem 1rem;width:100%}.invoices_page .invoices_content .summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.invoices_page .invoices_content .summary .card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:1rem 1.2rem}.invoices_page .invoices_content .summary .card h4{color:#555;font-size:14px;margin-bottom:.3rem}.invoices_page .invoices_content .summary .card p{color:#000;font-size:18px;font-weight:700}.invoices_page .invoices_content .invoice_card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.8rem 1rem}.invoices_page .invoices_content .invoice_card .invoice_info{display:flex;flex-direction:column}.invoices_page .invoices_content .invoice_card .invoice_info .invoice_id{color:#0072ff;font-size:14px;font-weight:600}.invoices_page .invoices_content .invoice_card .invoice_info .client{color:#555;font-size:13px}.invoices_page .invoices_content .invoice_card .invoice_amount_status{align-items:center;display:flex;gap:1rem}.invoices_page .invoices_content .invoice_card .invoice_amount_status .amount{color:#000;font-size:14px;font-weight:700}.invoices_page .invoices_content .invoice_card .invoice_amount_status .status{border-radius:15px;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize}.invoices_page .invoices_content .invoice_card .invoice_amount_status .status.paid{background:#e8f8f0;color:#27ae60}.invoices_page .invoices_content .invoice_card .invoice_amount_status .status.pending{background:#fff6e5;color:#f39c12}.invoices_page .invoices_content .invoice_card .invoice_amount_status .status.overdue{background:#fdecea;color:#e74c3c}*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}body{background:#ecebec}.loading-indicator-wrapper{background-color:#ffffffbf;height:100vh;width:100vw}.loading-indicator-wrapper,.loading-overlay{align-items:center;display:flex;justify-content:center}.loading-overlay{background:#fffc;bottom:0;font-size:24px;left:0;position:fixed;right:0;top:0;z-index:10000}:root{--primary-color:#9d00ff;--primary-dark:#380458;--white:#fff;--button-bg-color:#5d6d7e;--button-hover-color:#2b3138;--box-shadow:0 0 5px #0000001a;--transition:0.3s ease;--navbar-height:4rem;--navbar-border:4px}.form_btn{background:#333;padding:1rem 0;width:100%}.form_btn,.refer_btn{border-radius:5px;color:#fff;cursor:pointer;text-align:center;transition:.3s ease;transition:var(--transition)}.refer_btn{width:80%}.form_btn_delete{background:red;border-radius:5px;color:#fff;cursor:pointer;padding:1rem 0;text-align:center;transition:.3s ease;transition:var(--transition);width:100%}.form_btn:active{background:#380458;background:var(--primary-dark)}
/*# sourceMappingURL=main.e17e4bf9.css.map*/