@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{align-items:center;background:linear-gradient(to right bottom,#21d4fd,#b721ff);display:flex;height:100vh;justify-content:center;width:100%}.container .login-box{background:#fff;border-radius:10px;box-shadow:-3px 5px 20px #00000036;padding:25px 35px;transition:all .3s ease-in;width:25%}.container .login-box .title{height:50px;width:100%}.container .login-box .title h2{color:blue;font-size:1.8em;font-weight:650}.container .login-box form{padding:20px 0;width:100%}.login-box form .form-field{margin-bottom:10px;transition:all .4s ease-in;width:100%}form .form-field:focus-within label{color:#b721ff;transition:all .4s ease-in}.login-box form .form-field .input-field:focus-within{border:2px solid #b721ff}.login-box form .form-field .input-field:focus-within i{color:#b721ff}.login-box form .form-field .input-field{align-items:center;border:2px solid #000;border-radius:4px;display:flex;gap:5px;justify-content:center;margin-top:4px;padding:1.2%;width:100%}.form-field label{font-size:.92em;font-weight:590}.form-field .input-field i{display:grid;font-size:1.5em;place-content:center;transition:all .4s ease-in;width:10%}.form-field .input-field input,.form-field .input-field select{border:none;font-size:.95em;outline:none;padding:5px;width:90%}.form-field .error{color:red;font-size:.9em;font-weight:550;margin-top:5px}.login-box form button{background:blue;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.02em;font-weight:550;letter-spacing:2px;margin-top:20px;outline:none;padding:12px;transition:all .3s ease-in;width:100%}.login-box form button:active{scale:.92;transition:all .3s ease-in}.loading-container{background:#0000004f;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:50}.loading-container,.loading-container .box{align-items:center;display:flex;justify-content:center}.loading-container .box{background:#fff;border-radius:5px;box-shadow:0 0 20px #00000036;flex-direction:column;gap:10px;padding:15px 20px}.loading-container .box .msg{font-size:.8em;font-weight:510}.loading-container .box .circle{animation:rotate 1s linear infinite;border-bottom:5px solid #ddd;border-radius:50%;border-top:5px solid #ddd;border-color:red #ddd blue;border-style:solid;border-width:5px;height:60px;transition:all .3s ease-in;width:60px}@keyframes rotate{to{rotate:1turn}}.footer-container{align-items:center;bottom:0;display:flex;height:50px;justify-content:center;left:0;position:fixed;width:100%}.footer-container .copy-right{color:#fff;font-family:Afacad Flux;font-size:.92em;font-weight:520}.header{align-items:center;box-shadow:0 0 12px #00000036;display:flex;height:70px;justify-content:space-between;padding:0 3%;width:100%}.header h2{font-size:1.08em;font-weight:500}.header button{background:#fff;border:2px solid crimson;border-radius:4px;color:crimson;cursor:pointer;font-weight:520;outline:none;padding:10px 20px;transition:all .35s ease-in}.header button:hover{background:crimson;color:#fff}.admin-footer{background:#111;bottom:0;display:grid;height:50px;left:0;place-content:center;position:fixed;width:100%}.admin-footer p{color:#fff;font-family:Afacad Flux;font-style:400}.sidebar{align-items:start;background:#fff;display:flex;flex-direction:column;float:left;gap:10px;height:100vh;justify-content:start;padding:15px;width:200px}.sidebar a{border-radius:8px;color:#111;font-size:.92em;padding:10px 15px;text-decoration:none;transition:all .15s ease-in;width:100%}.sidebar a i{color:#222;font-size:1.05em;margin-right:8px}.sidebar .active{background:#222;color:#fff;font-weight:530}.sidebar .active i{color:#fff}.sidebar a:hover{background:#eee;color:#222;font-weight:520}.sidebar a:hover i{color:#222}.sidebar button{background:crimson;border:2px solid crimson;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;outline:none;padding:10px;width:90%}.outlet-container{background:#dddfff;float:right;height:92vh;overflow:hidden;width:calc(100% - 220px)}.child-container{height:100%;width:100%}.child-container .action-panel{align-items:center;background-color:#fff;display:flex;gap:20px;height:8vh;justify-content:start;padding:0 20px;width:100%}.child-container .action-panel h2{font-size:22px;font-weight:530}.child-container .action-panel i{font-size:22px}.action-panel button{background:#fff;color:#222}.action-panel .activeBtn,.action-panel button{border:2px solid #222;border-radius:4px;cursor:pointer;outline:none;padding:8px 16px;transition:all .35s ease-in}.action-panel .activeBtn{box-shadow:inset 200px 0 0 #222;color:#fff;font-weight:530}.child-container .element-container{background:#dddfff;border-top-left-radius:5px;border-top-right-radius:5px;height:100%;width:100%}.child-container .form-container{align-items:start;background:#dddfff;display:flex;gap:20px;height:100%;justify-content:start;padding:20px 30px;width:100%}.child-container .form-container .balance-container{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:start;padding:0 30px}.form-container .balance-container .balance{background:#fff;border-radius:4px;box-shadow:2px 2px 12px #00000036;padding:20px 30px}.balance-container .balance .title-balance{align-items:center;display:flex;gap:5px;justify-content:start;margin-bottom:20px;width:350px}.balance .title-balance h2{font-size:18px;font-weight:520;width:80%}.balance .title-balance img{height:25px;object-fit:contain;width:12%}.balance .balance-field{align-items:center;display:flex;gap:8px;justify-content:start;margin:8px 0;width:100%}.balance .add-field{align-items:center;display:flex;justify-content:space-between;margin-top:25px;width:100%}.balance .add-field button{background:#0000}.balance .add-field .active-btn1,.balance .add-field button{align-items:center;border:none;border-radius:4px;color:#222;cursor:pointer;display:flex;font-size:15px;font-weight:480;gap:8px;justify-content:start;outline:none;padding:10px 6px;transition:all .35s ease-in}.balance .add-field .active-btn1,.balance .add-field button:hover{background:#d3d3d3}.balance .balance-field .open{font-size:15px;font-weight:500;text-align:start;width:45%}.balance .balance-field .value{align-items:center;display:flex;gap:2px;justify-content:start;width:50%}.balance .balance-field .value img{height:13px;object-fit:contain;width:10%}.balance .balance-field .value .close{font-size:15px;font-weight:550}.balance-container .balance .balance-field{margin-bottom:12px;width:350px}.form-container .cash-flow{background:#fff;border-radius:4px;box-shadow:2px 2px 12px #00000036;padding:20px 30px}.cash-flow .form-field{align-items:center;display:flex;gap:5px 20px;justify-content:start;margin-bottom:10px;width:350px}.form-container .cash-manager{background:#fff;border-radius:4px;box-shadow:2px 2px 12px #00000036;max-height:92%;overflow-y:auto;padding:10px 20px;width:calc(100% - 350px)}.form-container .cash-manager .filter-fields{align-items:center;display:flex;gap:1em;justify-content:start;width:100%}.cash-manager .filter-fields .filter{background:#ddd;border-radius:5px;padding:5px 8px;width:40%}.cash-manager .filter-fields .filter:last-child{background:none;flex:1 1}.cash-manager .filter-fields .filter button{cursor:pointer;padding:10px 20px}.cash-manager .filter-fields .filter h2{font-size:14px;font-weight:510;margin:5px 0}.filter-fields .filter .filter-field{align-items:center;display:flex;gap:8px;justify-content:start;margin:5px 0}.filter .filter-field input[type=date]{width:45%}.filter .filter-field input[type=date],.filter .filter-field select{border:1px solid #444;border-radius:3px;font-size:12px;outline:none;padding:4px}.filter .filter-field select{width:95%}.filter .filter-field p{font-size:14px;font-weight:520}.form-container .cash-flow p{color:red;font-size:14px;font-weight:510;padding:8px;text-align:center;width:100%}.cash-flow .form-field label{width:20%}.cash-flow .form-field .value-field{align-items:center;border:2px solid #ddd;border-radius:4px;display:flex;gap:8px;justify-content:start;padding:4px;transition:all .3s ease-in;width:70%}.cash-flow .form-field .value-field:focus-within{background:#0000ff6b;border:2px solid blue}.cash-flow .form-field .value-field:focus-within input,.cash-flow .form-field .value-field:focus-within select{color:#fff;font-weight:520}.cash-flow .form-field .value-field img{object-fit:contain;width:15px}.cash-flow .button-field{gap:20px;width:100%}.cash-flow .button-field,.cash-flow button{align-items:center;display:flex;justify-content:center}.cash-flow button{border:none;border-radius:5px;cursor:pointer;font-weight:480;gap:10px;margin:5px 0;outline:none;padding:8px;transition:all .25s ease-in;width:50%}.cash-flow .cash-in{background:#006400;color:#fff}.cash-flow .cash-out{background:crimson;color:#fff}.cash-flow .form-field .value-field input,.cash-flow .form-field .value-field select{background:#0000;border:none;outline:none;padding:4px;width:90%}.cash-manager table{border-collapse:collapse;border-radius:4px;margin:5px auto;max-width:100%;overflow:hidden;padding:10px 20px}.element-container .title-container{display:grid;height:60px;place-content:center;width:100%}.element-container form{align-items:start;background:#fff;border-radius:5px;box-shadow:2px 2px 20px #00000036;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;margin:5px auto;padding:20px 35px;width:700px}.element-container form .input-field{gap:2px 30px}.element-container form .input-field,.element-container form .input-field1{align-items:center;display:flex;flex-wrap:wrap;justify-content:start;width:100%}.element-container form .input-field1{gap:2px 50px;position:relative}form .field2{align-items:center;display:flex;gap:10px;justify-content:start}.element-container form .input-field label,.element-container form .input-field1 label{font-size:.9em;font-weight:700;text-align:end;width:20%}.element-container form .input-field .field,.element-container form .input-field1 .field{margin-top:5px;width:70%}.element-container form .input-field input,.element-container form .input-field select,.element-container form .input-field1 input,.element-container form .input-field1 select{background:#0000;border:2px solid #ddd;border-radius:4px;outline:none;padding:8px;transition:all .34s ease-in;width:70%}.element-container form .input-field1 .field button{background:blue;border:2px solid blue;border-radius:4px;color:#fff;cursor:pointer;outline:none;padding:5px 10px}.element-container form .input-field1 .form-field2{align-items:center;background:#0000;border:2px solid #ddd;border-radius:4px;display:flex;gap:10px;justify-content:center;margin-top:5px;outline:none;padding:1px 5px;transition:all .34s ease-in;width:70%}.element-container form .form-field2:focus-within{background:#0000ff6b;border:2px solid blue}.element-container form .form-field2:focus-within input,.element-container form .form-field2:focus-within select{color:#fff;font-weight:520}.element-container form .input-field1 input:focus-within,.element-container form .input-field1 select:focus-within{background:#0000ff6b;border:2px solid blue;color:#fff;font-weight:520}.element-container form .input-field1 .form-field2 img{align-items:center;display:flex;height:12px;justify-content:center;width:12px}.element-container form .input-field1 .form-field2 input{background:#0000;border:none;margin-top:0;outline:none;padding:8px;transition:all .34s ease-in;width:90%}.element-container form .error,.element-container form .input-field .error,.element-container form .input-field1 .error{color:red;font-size:.85em;font-weight:700;text-align:center;width:90%}.element-container form .input-field input:focus{background:#0000ff6b;border:2px solid blue;color:#fff;font-weight:520}.element-container form .button-field{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px;width:100%}form .button-field button{border:none;border-radius:4px;cursor:pointer;font-weight:530;outline:none;padding:10px;transition:all .35s ease-in;width:45%}form .button-field button:active{scale:.94}form .button-field button[type=submit]{background:#222;color:#fff}form .button-field button[type=reset]{background:#ddd;border:2px solid #ddd;color:#222}.element-container table,table{background:#fff;border:1px solid #222;border-collapse:collapse;border-radius:5px;box-shadow:2px 2px 20px #00000036;margin:20px auto;overflow:hidden;padding:20px 5px;width:700px}.element-container .filter-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:.9fr .9fr .9fr .5fr;padding:10px 30px;width:100%}.element-container .full-field{background:#fff;border-radius:4px;margin:5px auto;padding:5px 10px;width:80%}.element-container .full-field label{font-size:14px;font-weight:490;padding:5px;width:100%}.element-container .full-field input{border:2px solid #ddd;border-radius:4px;margin:4px 0;outline:none;padding:5px;transition:all .25s ease-in;width:100%}.element-container .full-field:focus-within label{color:blue}.element-container .full-field:focus-within input{background:rgba(0,0,255,.546);border:2px solid blue;color:#fff;font-weight:490}.filter-container .field{background:#fff;border-radius:4px;padding:8px;width:100%}.filter-container .field h2{font-size:12px;font-weight:530}.filter-container .field .filter-field{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:start;margin-top:5px;width:100%}.field .filter-field .row{width:100%}.field .filter-field .row,.field .filter-field .row label{align-items:center;display:flex;gap:8px;justify-content:start}.field .filter-field .row label{font-size:15px;font-weight:700;width:35%}.field .filter-field .row p{font-size:15px;width:65%}.field .filter-field .credit-label{background:#006400;color:#fff;padding:2px 5px}.field .filter-field .credit-value{color:#006400}.field .filter-field .debit-label{background:red;color:#fff;padding:2px 5px}.field .filter-field .debit-value{color:red}.field .filter-field .row label img{height:20px;object-fit:contain;width:18%}.filter-container .field .filter-field input[type=date]{font-size:12px;outline:none;padding:4px;width:42%}.filter-container .field .filter-field select{font-size:12px;outline:none;padding:4px;width:100%}.filter-container .field p{font-size:12px}.filter-container button{background:#111;border:2px solid #ddd;border-radius:4px;color:#fff;cursor:pointer;outline:none;padding:8px 16px}table thead th{font-size:.9em;font-weight:510;padding:8px}table tr{border-bottom:1px solid #222}table .credit{background:red;color:whie}table .credit td{color:#fff}table .debit{background:purple;color:whie}table .debit td{color:#fff}table tbody td{font-size:.85em;padding:5px;text-align:center}table tbody td .eye{font-size:16px}table tbody .action-buttons{align-items:center;background:#fff;display:flex;gap:10px;justify-content:center}table tbody .action-buttons button{border:none;border-radius:3px;cursor:pointer;font-size:.9em;outline:none;padding:3px 5px}table tbody .action-buttons button:first-child{background:linear-gradient(to right bottom,#32cd32,#006400,green);color:#fff}table tbody .action-buttons1{align-items:center;display:flex;gap:10px;justify-content:center}table tbody .action-buttons .pwd,table tbody .action-buttons1 button{background:linear-gradient(to right bottom,purple,#8a2be2,purple);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9em;outline:none;padding:3px 5px}table tbody .action-buttons button:last-child{background:linear-gradient(to right bottom,crimson,red,crimson);color:#fff}.child-container .pagination{align-items:center;display:flex;gap:8px;justify-content:end;margin:10px auto;width:700px}.child-container .pagination .data123{align-items:center;display:flex;gap:5px;justify-content:end}.child-container .pagination button{background:#111;color:#fff;display:grid;height:25px;place-content:center;transition:all .35s ease-in;width:25px}.child-container .pagination .data123 button:disabled{background:#fff;color:#111;cursor:no-drop!important;display:grid;height:25px;place-content:center;transition:all .35s ease-in;width:25px}.pagination .data{align-items:center;display:flex;gap:5px;justify-content:start}.pagination .data img{height:14px;object-fit:contain;width:14px}.pagination .data p{font-size:14px}.pagination .data .title{font-weight:700}.pagination button{background:#fff}.pagination .selected-page,.pagination button{border:1px solid #222;border-radius:3px;cursor:pointer;outline:none;padding:3px 10px}.pagination .selected-page{background:#222;color:#fff;font-weight:530}.child-container1{align-items:start;background:#dddfff;display:flex;gap:.3em;height:100%;justify-content:center;padding:10px 3%;width:100%}.child-container1 .panel-show{background:#fff;border-radius:5px;box-shadow:2px 2px 20px #00000036;margin:10px auto;padding:15px 20px;width:30%}.child-container1 .panel-show .title .title-image{align-items:center;display:flex;gap:8px;justify-content:start}.child-container .panel-show .title img{height:35px;width:35px}.child-container1 form .title{align-items:center;display:flex;height:60px;justify-content:space-between;width:100%}.child-container1 form .title .title-image{align-items:center;display:flex;gap:8px;justify-content:start}.child-container form .title img{height:35px;width:35px}.title h2{font-size:1.2em}.title span:first-child{color:#000!important;font-size:1.03em}.title span:last-child{color:#000;font-size:1.03em;font-weight:700;margin-left:.5px}.table-container{padding:10px 5px;width:100%}.table-container .record-field{align-items:center;display:flex;gap:8px;justify-content:space-evenly;margin-bottom:8px;width:100%}.table-container .record-field .show-icon{height:40px;width:40px}.table-container .record-field .title-field{font-size:1.03em;font-weight:700;text-align:center;width:30%}.table-container .record-field .value-field{align-items:center;display:flex;gap:5px;justify-content:start;width:55%}.record-field .value-field img{height:12px;width:8%}.record-field .value-field p{font-size:1.02em;font-weight:580}.table-container .line{background:#111;border:1px solid #222;height:2px;margin-bottom:15px;width:100%}.table-container a{color:#222;margin:8px;text-decoration:none;transition:all .25 ease-in}.table-container a:hover{color:#00f9;text-decoration:underline}.table-container .record-field:last-child{margin-bottom:2px}.table-container .record-field:first-child{margin-top:20px}.red{color:red!important}.purple{color:purple!important}.green{color:#006400!important}.input-field1 ul{background:#eee;border-radius:3px;bottom:-152px;height:150px;list-style:none;overflow-y:auto;padding:5px 10px;position:absolute;width:100%;z-index:10}.input-field1 ul li{border-radius:3px;cursor:pointer;font-size:.86em;margin-bottom:2px;padding:5px 8px;width:100%}.input-field1 ul li:hover{background:#ddd;font-weight:520}.bg-blur{align-items:center;background:#00000036;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.bg-blur .box{background:#fff;border-radius:10px;box-shadow:2px 2px 12px #00000036;padding:10px 30px}.bg-blur .box .title-box{align-items:center;display:flex;gap:10px;justify-content:center;padding:10px;width:100%}.bg-blur .box h2{font-size:18px}.bg-blur .box .message-field{width:350px}.bg-blur .box .message-field p{font-weight:520;text-align:center;width:100%}.bg-blur .box p{margin-bottom:10px;text-align:center;width:350px}.bg-blur .box .message-field i{font-size:30px}.bg-blur .box .action-field{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.bg-blur .box .action-field button{border:none;border-radius:3px;cursor:pointer;font-weight:550;outline:none;padding:6px 20px}.bg-blur .box .action-field button:first-child{background:#000;border:2px solid #000;color:#fff}.bg-blur .box .action-field button:last-child{border:2px solid #ddd}.negative{color:red}.opening{background:purple;border-radius:2px;color:#fff;padding:5px;text-align:center!important}.opening-balance{color:purple}.debit{background:red;border-radius:2px;color:#fff;padding:5px;text-align:center!important}.debit-balance{color:red}.credit{background:#006400;border-radius:2px;color:#fff;padding:5px;text-align:center!important}.credit-balance{color:#006400}.page-container{align-items:center;background:#00000036;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.page-container form{background:#fff;border-radius:5px;box-shadow:2px 2px 12px #00000036;padding:20px 30px}.page-container .input-field,.page-container .title-form{width:350px}.page-container .title-form h2{font-size:20px;font-weight:540}.page-container .title-form{height:50px}.page-container .input-field{align-items:center;display:flex;gap:8px;justify-content:start}.page-container .input-field label{font-size:16px;font-weight:520;width:25%}.page-container .input-field input{border:2px solid #ddd;border-radius:4px;outline:none;padding:5px;transition:all .3s ease-in;width:70%}.page-container .input-field input:focus{background:rgba(0,0,255,.473);border:2px solid blue;color:#fff}.page-container form button{border-radius:5px;cursor:pointer;font-weight:520;margin:5px 0;padding:10px;width:100%}.page-container form .button-field{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px;width:100%}.page-container form .error-here{color:red;font-size:14px;font-weight:510;padding:8px;text-align:center;width:100%}.page-container form button[type=submit]{background:blue;border:2px solid blue;color:#fff}.page-container form button[type=reset]{background:crimson;border:2px solid crimson;color:#fff;margin-top:5px}.agent-container{background:#f5f5f5;height:100vh;width:100%}.agent-container .agent-header{align-items:center;background:#fff;box-shadow:2px 2px 20px #00000036;display:flex;height:80px;justify-content:space-between;padding:0 5%;width:100%}.agent-header .value1{align-items:start;display:flex;flex-direction:column;gap:6px;justify-content:start}.agent-header .value1 p{font-size:14px;font-weight:540}.agent-header .value2{align-items:start;display:flex;flex-direction:column;gap:6px;justify-content:start}.agent-header .value2 .filter-date{align-items:center;display:flex;gap:4px;justify-content:start;width:100%}.agent-header .value2 h3{font-size:15px;font-weight:540}.agent-header .value2 .filter-date input{border:1px solid #000;border-radius:4px;font-size:12px;outline:none;padding:3px}.agent-header .value2 .filter-date p{font-size:13px;font-weight:500;margin:0 5px}.confirmation-box{align-items:center;background:#0000004f;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:300}.confirmation-box .question{background:#fff;border-radius:5px;box-shadow:2px 2px 30px #00000036;overflow:hidden;padding:0;width:350px}.confirmation-box .question .title{background:#dededd;display:grid;height:40px;place-content:center;width:100%}.confirmation-box .question .title h2{font-size:15px;font-weight:500}.confirmation-box .question-data{padding:10px 15px}.confirmation-box .question-data p{font-size:15px;text-align:center}.confirmation-box .footer{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.confirmation-box .footer button{border:none;border-radius:4px;cursor:pointer;font-weight:500;outline:none;padding:8px 25px;transition:all .35s ease-in}.confirmation-box .footer button:first-child{background:#f5f5f5;border:2px solid #ddd;color:#111}.confirmation-box .footer button:last-child{background:#0000;border:2px solid #ddd;color:#111}.page-container1{height:100%;overflow-y:auto;width:100%}.page-container1 .title{align-items:center;background:#fff;display:flex;gap:10px;justify-content:start;padding:10px 2%;width:100%}.page-container1 .title i{color:crimson;font-size:25px}.page-container1 .title h2{color:crimson;font-size:22px;font-weight:510}.page-container1 .data-container{align-items:start;display:flex;gap:10px 20px;justify-content:start;padding:10px 2%;width:100%}.data-container .account-statement,.data-container .record-statement{background:#fff;border-radius:3px;box-shadow:2px 2px 20px #00000036;height:460px;padding:2px 15px;width:50%}.data-container .account-statement .title-field,.data-container .cash-in-hand .title-field{align-items:center;display:flex;justify-content:space-between;padding:5px 10px;width:100%}.data-container .account-statement .title-field h2,.data-container .cash-in-hand .title-field h2{text-wrap:nowrap;align-items:center;display:flex;font-size:16px;font-weight:510;gap:8px;justify-content:start}.data-container .account-statement .title-field h2 i,.data-container .cash-in-hand .title-field h2 i{font-size:20px}.data-container .account-statement .filter{align-items:center;display:flex;gap:8px;justify-content:start;padding:5px 10px}.data-container .account-statement .filter p{border-radius:3px;cursor:pointer;font-size:13px;font-weight:400;padding:4px 8px;transition:all .25s ease-in}.data-container .account-statement .filter p:hover{background:#eee}.data-container .account-statement .filter .selected-filter{background:#ddd;border-radius:3px;font-weight:500}.data-container .account-statement .table-data{border:none;border-collapse:collapse;box-shadow:none;margin:5px 0;overflow:auto;width:100%}.data-container .account-statement .table-data thead{background:#ddd}.data-container .account-statement .table-data td,.data-container .account-statement .table-data th,.data-container .account-statement .table-data tr{border:1px solid #000}.data-container .account-statement .table-data tr{cursor:pointer;transition:all .25s ease-in}.data-container .account-statement .table-data tr:hover{background:#eee}.data-container .account-statement .table-data th{border:1px solid #000;font-size:14px!important;font-weight:500;text-transform:capitalize}.data-container .account-statement .table-data td i{margin-left:10px}.data-container .account-statement .table-data thead{border:1px solid #000}.data-container .account-statement .pagination{align-items:center;display:flex;gap:6px;justify-content:space-between;margin:4px 0;width:100%}.data-container .account-statement .pagination p{font-size:13px}.data-container .account-statement .pagination .data123{align-items:center;display:flex;gap:5px;justify-content:end}.data-container .account-statement .pagination button{background:#111;color:#fff;display:grid;height:25px;place-content:center;transition:all .35s ease-in;width:25px}.data-container .account-statement .pagination .data123 button:disabled{background:#fff;color:#111;cursor:no-drop!important;display:grid;height:25px;place-content:center;transition:all .35s ease-in;width:25px}.account-container{height:100%;width:100%}.account-container .filter-container{margin:10px auto;padding:10px 0;width:80%}.account-container .filter-container label{font-size:.92rem;font-weight:480}.account-container .filter-container input{border:2px solid #ddd;border-radius:3px;margin-top:5px;outline:none;padding:6px;width:100%}.account-container .title-container{align-items:center;background:#add8e6;display:flex;height:80px;justify-content:space-between;padding:0 3%;width:100%}.account-container .title-container h2{font-size:1.01rem;font-weight:510}.account-container .title-container .balance{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:start}.account-container .title-container .balance .field{align-items:start;display:flex;gap:8px;justify-content:start;width:350px}.title-container .balance .field label{font-size:.92rem;font-weight:700;text-align:end;width:60%}.title-container .balance .field p{font-size:.92rem;font-weight:500;text-align:end}
/*# sourceMappingURL=main.3e4f7a27.css.map*/