*{margin:0;font-family:Manrope,sans-serif;letter-spacing:1px;font-weight:400;color:#313131;animation:openComponents .3s linear}body,html{max-width:100vw;overflow-x:hidden}#root{overflow-x:hidden}*{box-sizing:border-box}button:hover{transform:scale(1.05);transition:.1s}button:active{transform:scale(.95);transition:.1s}.default-btn{cursor:pointer;height:fit-content;width:fit-content;padding:5px 10px;background-color:#fff;border:solid .5px rgb(143,141,141);border-radius:30px}.default-btn.active{background-color:#222;color:#fff}:root{--primary-color:rgb(252, 252, 252);--accent-color:rgb(204, 222, 243);--secondary-color:rgb(236, 236, 236);--background-color:aliceblue;--text-dark:rgb(87, 84, 84);--text-light:rgb(240, 239, 239)}@media (max-width: 600px){*{font-size:12px}body{width:100vw;overflow-x:hidden;margin-left:0}:root{--secondary-color:rgb(255, 255, 255)}.default-btn{cursor:pointer;height:fit-content;width:fit-content;padding:3px 6px;background-color:#fff;border:solid .5px rgb(143,141,141);border-radius:30px;font-size:8px}}@keyframes openComponents{0%{opacity:0}to{opacity:1}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}.login-box{background:#fff;box-shadow:0 0 5px #0003;padding:50px;border-radius:10px;text-align:center;width:450px}.error-message{color:red}.login-box h2{color:#0e0e0e;margin-bottom:20px}.input-field{width:100%;background:transparent;color:#222;border:none;border-bottom:2px solid white;padding:10px;margin-bottom:20px;border:solid .5px black;border-radius:5px;font-size:16px}.login-button{width:100%;background-color:#000;color:#fff;padding:10px;border-radius:5px;border:none;cursor:pointer;font-size:16px;transition:.3s}.login-button:hover{background:#c5c4c4;color:#000}.forgot-password{color:#242323;margin-top:10px;font-size:14px;cursor:pointer;text-decoration:underline}.settingsDiv{position:absolute;display:flex;align-items:center;justify-content:center;width:100vw;height:80vh;z-index:1}@media (max-width: 600px){.comp-name{font-size:30px}body{background-color:#f8f8f8}}.hg{color:#9e9e9e}.navmain{background-color:var(--primary-color);display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;height:40px;overflow-x:hidden;overflow-y:hidden}.logo img{width:6%;filter:invert(1)}.logo{display:flex;align-items:center}.logo h2{color:var(--text-dark);font-size:12px}.nav-actions{margin-right:5%;display:flex;align-items:center}.nav-actions button{margin-left:30px;background:none;border:none;font-size:14px;font-weight:800;cursor:pointer}.nav-actions button:hover{text-decoration:underline}.settingButton img{width:30px;transition:.2s}.settingButton{display:flex;justify-content:right;margin-right:5%;align-items:center}.settingButton img:hover{transform:scale(1.1) rotate(90deg);cursor:pointer;transition:.2s}@media (max-width: 600px){.logo img{width:10%}.nav-actions button{font-size:12px}.settingButton img{width:20px}.settingButton{margin-right:-15%}.navmain{justify-content:space-between}}select{background-color:#fff;border:solid .5px black;transition:.3s;outline:none}.expense-progress div p{text-wrap:nowrap}option{background-color:#f1f1f1;border-radius:10px;border:solid 1px white}.tableDiv{display:flex;flex-direction:column;align-items:left;width:95%;overflow-x:scroll;font-size:14px;justify-self:center}.tableDiv table{text-align:center;border:none}.tableDiv thead tr th{background-color:#e6e3e3}.tableDiv thead tr :nth-child(1){border-radius:20px 0 0 20px}.tableDiv thead tr :last-child{border-radius:0 20px 20px 0}.tableDiv th{font-weight:800;padding:15px}.tableDiv td{padding:10px;font-weight:300}.tableDiv tr{background-color:#fff;transition:.2s;cursor:pointer}.tableDiv tbody tr:hover{background-color:#f1f1f1;transition:.2s}.actionCell i{font-size:20px;margin-top:10px}.actionCell{display:flex;padding:5px;justify-content:space-evenly}.actionCell i:hover{cursor:pointer;transform:scale(1.1)}.actionCell .fa-pen-to-square:hover{color:var(--primary-color)}.actionCell .fa-trash:hover{color:red}.insightButtons{display:flex;align-items:start;justify-content:space-between;align-items:center;margin:1% 15% .5% 3.5%}.insightButtons img{width:400px}.insightButtons button{display:flex;align-items:center;color:#000;background-color:var(--accent-color);cursor:pointer;border:none;border-radius:4px;height:35px;font-weight:700}.insightsDiv{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center}.insightButtons table{width:800px}.insightButtons table tr{background:none}.edit-row input{background-color:var(--primary-color)}.finance-report-h1{font-size:25px;font-weight:700}.edit-input,.tableDiv table tr td select{background-color:#fff;border:solid .5px;border-radius:3px;padding:6px;font-weight:600}.edit-btn{border:none;padding:3px;width:25px;text-align:center;font-weight:600}.edit-btns button{margin:0% 6%;cursor:pointer}.edit-btns{display:flex;justify-content:center;margin-top:14px}.tableDiv table{border:none;border-collapse:collapse}.tableDiv table tbody tr{border-bottom:solid .1px rgba(0,0,0,.2)}.add-exp-buttons{margin-left:40px}.homepage-insights{text-align:center}.homepage-insights button{background-color:var(--primary-color);border:none;color:#fff;border-radius:10px;margin:2%;padding:1% 2%}.input-wrapper{display:flex;flex-direction:column}.date-picker-div{display:flex;gap:5px}.date-picker-div label{font-weight:800;font-size:12px}.date-picker-div input{background-color:#fff;width:150px;height:25px;color:#1f1f1f;border:solid .5px rgb(175,171,171)}.top-div{display:flex;gap:20px;margin:30px;align-items:end;border-bottom:solid .5px rgb(189,185,185);padding-bottom:30px}.top-div h2{font-weight:800}.reset-btn{background-color:#000;color:#fff;font-weight:800;border-radius:5px;border:none;height:25px;align-self:flex-end;margin-left:10px}.report-card{width:700px;margin:20px;background-color:#fff;border-radius:25px;box-shadow:0 0 15px #0000001a;padding:30px 25px}.report-box{border:solid 1px rgb(204,203,203);padding:20px;background-color:#f8f8f8;border-radius:8px}.report-card img{width:40px}.report-head{display:flex;align-items:center;border-bottom:solid .5px rgba(0,0,0,.2);padding-bottom:10px;margin-bottom:10px}.inside-head{display:flex;align-items:center}.outside-head{margin:10px auto}.inside-head h3{font-weight:800;font-size:15px;color:#484949}.inside-head img{width:50px}.expense-bar{width:100%;height:8px;background-color:#dad6d6;border-radius:30px}.expense-progress{background-color:#03c003;height:8px;border-radius:30px;position:relative;margin-top:25px;display:flex;justify-content:end}.outside-head h2{font-weight:800;font-size:15px}.expense-progress i{transform:rotate(90deg)}.expense-progress p{font-weight:800;font-size:12px}.expense-progress div{position:absolute;display:flex;flex-direction:column;align-items:center;bottom:12px}.report-month{justify-self:center;font-weight:400}.reports{display:flex;gap:5px;justify-content:space-between}.table-head{display:flex;align-items:center;gap:10px}.table-view{display:flex;gap:5px;background-color:#fff;border:solid .5px rgb(194,192,192);padding:3px;border-radius:5px}.table-head-container{width:95%;justify-self:center}.view-button{background:none;border:none;border-radius:3px;font-weight:400;cursor:pointer}.view-button.active{background-color:#696969;color:#fff}.excel-btn{background-color:#13a172;cursor:pointer;border-radius:20px;border:none;padding:5px;color:#fff}.top-container{display:flex;align-items:center;gap:80px;margin:10px 50px}.line-table{width:fit-content;margin:30px;background-color:#fff;border-radius:25px;box-shadow:0 0 15px #0000001a;padding:30px 25px}.loading-expenses{width:100vw;height:40vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-expenses img{width:550px;background-color:#0ff}.loader-bg{width:300px;height:10px;border:solid black .5px;border-radius:50px;display:flex;align-items:center}.loader-bar{background-color:#000;height:8px;width:100%;animation:loaderbar 2s;border-radius:50px}@keyframes loaderbar{0%{width:0%}30%{width:45%}56%{width:48%}to{width:100%}}.pagination-controls{justify-self:center;margin-bottom:30px;margin-top:20px;display:flex;flex-wrap:wrap;gap:5px}.pagination-controls button{cursor:pointer}.control-btn{background:none;border:none;background-color:#000;border-radius:5px;padding:5px 8px;margin:auto 15px}.control-btn i{color:#fff}@media (max-width: 600px){.tableDiv table{border:none;width:100%;overflow-x:scroll!important;margin:0 10px}.tableDiv{max-width:100vw;margin:0}.finance-report-h1{font-size:15px;margin:10px;font-weight:800}.insight-table button{text-wrap:nowrap}.add-exp-buttons{margin-left:0;transform:scale(.9)}.table-head{width:100%;display:flex;flex-direction:column;font-size:12px;margin-top:20px;border-radius:40px 40px 0 0;justify-self:center}.top-div{display:flex;flex-direction:column;align-items:start;margin:10px}.input-wrapper{display:flex}.input-picker{width:100px!important}.top-container{height:350px;width:95vw;justify-content:center}.report-card{margin:0;padding:25px;border-radius:10px;transform:scale(.95)}.line-table{display:none}.table-head{margin:-10px}.tableDiv th{padding:8px}.tableDiv table tbody tr td{text-wrap:nowrap}.tableDiv tbody th:first-child,.tableDiv tbody td:first-child{position:sticky;left:0;background:#fff}.loading-expenses{transform:scale(.8)}.inside-head h3{font-size:12px}.outside-head h2{font-size:11px}}.addExp{display:flex;align-items:center;width:fit-content;justify-content:center;gap:20px;width:100%;margin:20px auto}.credit-add{background:none!important;color:#000!important;font-weight:800!important;margin-left:50px}.add{color:#fff;font-weight:400;display:flex;align-items:center;background:#2b2b2b;border-radius:30px;border:solid black .5px!important;transition:.2s;cursor:pointer;text-wrap:nowrap;height:20px;padding:18px}.add i{color:#f0f8ff;margin:2px}.add:hover{color:#000;background-color:#fff!important}.add:hover i{color:#000}.add:active{transform:scale(.9)}@media (max-width:600px){.add{margin:5px;border-radius:5px}}.modal-overlay{display:flex;justify-content:center;width:90vw}.modal-content{background:#fff;margin:20px auto;padding:20px;box-shadow:0 0 3px #00000080;width:80vw;display:flex;flex-direction:column;height:fit-content;text-align:center;animation:openModal .4s}.modal-content h2{margin-bottom:15px}.modal-content .input-field,.input-field-select{width:320px;background:#fff;color:#000;border:.5px solid rgb(31,31,31);padding:8px;outline:none;margin:10px;border-radius:30px}.input-field option{background:#fff}.button-container{display:flex;justify-content:right;margin-top:10px;width:70vw}.cancel-button,.add-button{border:none;padding:10px 15px;border-radius:35px;cursor:pointer;width:140px;margin:auto 1%}.cancel-button{background:#fff;color:#202020;border:solid .5px;transition:.1s}.add-button{background:#000;color:#f0f0f0;transition:.1s}.button-container button:hover{transition:.1s;transform:scale(1.05)}.button-container button:active{transform:scale(.9)}.expense-form{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.input-field-select{width:340px}@keyframes openModal{0%{opacity:0;margin-top:-20%}to{opacity:1;margin-top:1%}}.revenue-form .input-field{width:280px;margin:1%}.revenue-form select{width:280px!important}.revenue-form{display:flex;flex-wrap:wrap;gap:20px}.filter-div{display:flex;gap:50px;align-items:end;margin:15px;justify-content:space-between}.filter-select-div{display:flex;gap:15px}.filter-selects{gap:5px;display:flex;align-items:center}.filter-selects select{border:solid .5px rgb(185,184,184);padding:4px;font-weight:400;border-radius:15px}.filter-div label{font-weight:300}.search-filter input{width:460px;border:solid .5px rgb(185,184,184);padding:4px;font-weight:400;border-radius:0 20px 20px 0}.search-filter{display:flex;align-items:center}.search-filter i{background-color:#7a7a7a;color:#fff;border-radius:20px 0 0 20px;padding:6px}.sort-by-div select{border:solid .5px rgb(185,184,184);padding:4px;font-weight:400;border-radius:15px}.sort-by-div{display:flex;align-items:center;gap:5px}@media (max-width:600px){.search-filter input{width:80vw}.filter-div{display:flex;flex-direction:column;align-items:center;gap:8px}.filter-select-div{gap:10px;align-items:center;flex-wrap:wrap}.filter-selects select{border-radius:10px;padding:2px}.sort-by-div select{padding:2px;border-radius:5px}.filter-selects{display:grid;grid-template-columns:100px 100px}}.filter-select{width:100px}.settingsPage{background-color:#fff;padding:2%;animation:settingsOpen .5s;box-shadow:0 0 2px #000;text-wrap:nowrap;max-width:800px}.companyNameBox{border-radius:0;border-top:0px;border-left:0px;padding:10px;width:400px;border-right:0px;background-color:var(--secondary-color)}.fieldItems{display:flex;justify-content:left;flex-wrap:wrap}.add-item-field{background-color:#fff;border:solid .5px;padding:1%;margin:2%;border-radius:5px}.fa-circle-check{font-size:25px;cursor:pointer;color:green}.fieldItems li{list-style:none;font-size:15px;color:#dfdbdb;background-color:#000;border-radius:3px;padding:5px}.fieldItems .remove-item-btn{display:none;background-color:#000;border-radius:0%;cursor:pointer;bottom:25px;border:none;justify-self:right;animation:settingsOpen .2s}.fieldItems .remove-item-btn i{color:#fff}.fieldItems div:hover .remove-item-btn{display:inline-block;border-radius:50%;position:absolute}.field-items-div{display:flex;position:relative}.plus-item{background:none!important}.plus-item i{color:#0f0f0f;padding:5px;transition:.3s}.plus-item i:hover{background-color:var(--secondary-color);color:#000;transform:scale(1.1)}.plus-item i:active{background-color:#fff;color:#000;transform:scale(.9)}.setting-edit-btns{display:flex;align-items:center;justify-content:right;gap:20px}.FieldBtn{padding:5px;border-radius:7px;cursor:pointer}.field-btn-add{background-color:transparent;border:solid rgb(43,43,43) .5px}.field-btn-save{background-color:#000;border:none;color:#fff}@keyframes settingsOpen{0%{transform:scale(0)}to{transform:scale(1)}}.settingsPage div h2{font-weight:200}@media (max-width:600px){.settingsPage{max-width:85vw}}.navigation{width:100vw;padding:20px;border-bottom:solid rgb(194,193,193) .5px;gap:10px;justify-content:space-between;align-items:center}.navigation-buttons{display:flex;gap:10px}.navigation h1{font-size:35px;text-align:center}.comp-div{display:flex;align-items:center;gap:5px;margin-top:20px}.company-logo{width:65px;border-radius:50%}@media (max-width:600px){.navigation h1{font-size:18px;text-align:left}.navigation{padding:10px}.company-logo{width:30px;border-radius:50%}}.act-btn{margin:1%;border:none;border-radius:2px;color:#000;font-weight:300;display:flex;align-items:center;text-wrap:nowrap;background:none;width:fit-content;cursor:pointer;padding:.4%;font-weight:600}.act-btn i{color:#000;margin:1%}.download-stmnt{padding:.5%;font-weight:600;border-radius:5px;cursor:pointer;z-index:1;border:none;background:none}.insight-navbar{display:flex;width:95vw;margin:10px 5px}.download-stmnt img{width:30px}@media (max-width:600px){.download-btn{transform:scale(.8)}.chart-container{max-width:95vw;overflow-x:hidden}}.input-picker{padding:5px;margin:1%;border:solid rgb(8,8,8) .5px;background-color:var(--secondary-color);width:120px;color:#000;border-radius:5px}label{margin-left:2%}.chart-head{display:flex;justify-content:space-evenly;margin:auto 20%;font-size:20px;text-wrap:nowrap}.chart-head h2{font-weight:100}.chart-main{align-items:center;width:fit-content;transform:scale(.8)}.donuts{border-radius:100px}.total-value{font-weight:600;letter-spacing:1px}.chart-container{display:flex;flex-wrap:wrap}.field-filter{display:flex;padding:2%}.fields-set{margin-right:1%;border:solid .5px;padding:.5%;border-radius:30px;font-size:13px}.checkbox-container{margin-left:5%;margin-right:5%;text-align:center}.chart-div{display:flex;align-items:center;transform:scale(.9);width:100vw;overflow-x:hidden}.date-picker-div input{color:#222}.rst-btn{background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer}.date-picker-div{display:flex;align-items:center}@media (max-width:600px){.chart-container{width:100vw!important}.chart-main{margin-left:0}.chart-div{flex-direction:column;justify-content:center}.line-graph{margin-left:0;transform:scale(.5)}.total-value{font-size:50px}.input-picker{width:80px}.field-filter{justify-content:center}.date-picker-div{justify-content:center;display:flex;align-items:center}.checkbox-container{justify-content:center}}.revenue-table{margin-top:2rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 10px #00000014;overflow-x:auto;display:flex;justify-content:center;flex-direction:column;align-items:center;width:100vw}.revenue-table h3{color:#222;text-align:center;font-size:1.4rem;margin-bottom:1rem;font-weight:600}.revenue-table table{width:98%;border-collapse:collapse;font-size:.95rem}.revenue-table thead{background:#f8f9fb}.revenue-table th{padding:12px 15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e5e7eb}.revenue-table td{padding:12px 15px;border-bottom:1px solid #e5e7eb;color:#555}.revenue-table tr:hover{background:#f5f7fa;transition:background .2s ease}.revenue-table tbody tr:last-child td{border-bottom:none}.revenue-table td:nth-child(4){font-weight:600;color:#2b7a0b}.download-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.download-modal{background-color:var(--background-color);color:#fff;padding:30px;border-radius:12px;width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 0 15px #ffffff1a}.download-modal h2{margin-bottom:20px;text-align:center;font-size:24px}.date-section{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.date-section label{font-size:14px;margin-top:10px}.date-section input[type=date]{border:1px solid #333;border-radius:5px;padding:8px;outline:none}.fields-section{margin-bottom:25px}.field-group{margin-bottom:20px}.field-group h4{margin-bottom:10px;font-size:18px;color:#00adb5}.checkbox-label{display:block;margin-bottom:5px;font-size:14px;cursor:pointer}.checkbox-label input{margin-right:8px}.buttons{display:flex;justify-content:space-between;margin-top:20px}.download-btn,.cancel-btn{background-color:#00adb5;border:none;padding:10px 20px;border-radius:8px;font-weight:700;color:#000;cursor:pointer;transition:.3s}.cancel-btn{background-color:#393e46;color:#fff}.cancel-btn:hover{background-color:#2c2f36}@media (max-width:600px){.download-modal{transform:scale(.9)}}