@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Karla&Fira+Sans&family=Poppins&display=swap);:root{--clr-primary-1:#044c53;--clr-primary-2:#0a6c75;--clr-primary-3:#0e7c86;--clr-primary-4:#148e99;--clr-primary-5:#2caeba;--clr-primary-6:#37bcc8;--clr-primary-7:#52d1da;--clr-primary-8:#88ebf2;--clr-primary-9:#bff8fd;--clr-primary-10:#e0fcff;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#924107;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#cd3240;--clr-red-light:#e66b6b;--clr-green-dark:#25bb32;--clr-green-light:#6be675;--clr-black:#222;--ff-primary:"Roboto",sans-serif;--ff-secondary:"Open Sans",sans-serif;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.9rem;--light-shadow:0 5px 15px #0000001a;--dark-shadow:0 5px 15px #0003;--max-width:1170px;--fixed-width:620px;--smallWidth:85vw;--maxWidth:40rem;--fullWidth:1170px;--clr-pink:#f28ab2}*,:after,:before{margin:0;padding:0}body{background:#fff;background:var(--clr-white);color:#102a42;color:var(--clr-grey-1);font-family:Roboto,sans-serif;font-family:var(--ff-primary);font-size:.875rem;line-height:1.5}a{text-decoration:none}img{display:block;width:100%}h1,h2,h3,h4{font-family:Roboto,sans-serif;font-family:var(--ff-primary);letter-spacing:.1rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:#617d98;color:var(--clr-grey-5)}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.btn{background:#cd3240;background:var(--clr-red-dark);border:2px solid #0000;border-radius:.9rem;border-radius:var(--radius);box-shadow:0 1px 3px #0003;color:#e0fcff;color:var(--clr-primary-10);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:400;letter-spacing:.1rem;letter-spacing:var(--spacing);padding:.375rem .75rem;text-transform:uppercase;transition:all .3s linear;transition:var(--transition)}.btn:hover{background:#88ebf2;background:var(--clr-primary-8);color:#044c53;color:var(--clr-primary-1)}.section{padding:1rem 0;position:relative}.section-center{margin:0 auto;max-width:1170px;width:90vw}@media screen and (max-width:992px){.section-center{width:95vw}}.loading-img{display:block;height:5rem;margin:10rem auto 0;width:5rem}main{padding-bottom:2rem}.bidcontainer{background:#fff;background:var(--clr-white);border-radius:.9rem;border-radius:var(--radius);box-shadow:0 5px 15px #0003;box-shadow:var(--dark-shadow);margin:5rem 0;max-width:620px;max-width:var(--fixed-width);padding:1.5rem 2rem;position:relative;width:30vw}.bidcontainer h3{font-weight:400;margin-bottom:2rem;text-transform:none}.person{grid-column-gap:.75rem;align-items:center;column-gap:.75rem;display:grid;grid-template-columns:auto 1fr;margin-bottom:1.5rem}.person img{border-radius:50%;box-shadow:0 5px 15px #0000001a;box-shadow:var(--light-shadow);height:75px;object-fit:cover;width:75px}.person h4{margin-bottom:.35rem}.person p{margin-bottom:0}.close-button{cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.bidcontainer button{background:#f28ab2;background:var(--clr-pink);border-color:#0000;border-radius:.9rem;border-radius:var(--radius);color:#cd3240;color:var(--clr-red-dark);cursor:pointer;display:block;font-size:1.2rem;letter-spacing:.1rem;letter-spacing:var(--spacing);margin:2rem auto 0;outline:1px solid #f28ab2cc;padding:.5rem 0;text-transform:capitalize;width:100%}.popup-header-text{color:#222;font-size:20px;font-weight:600;margin:0}button{transition:color .3s}.successBtn{background-color:#2b5e2b;border:none;border-radius:6px;color:#fff;height:36px;margin-right:12px;margin-top:16px;min-width:80px;padding:4px 16px}.successBtn:hover{background-color:#1f541f}.cancelBtn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;height:36px;margin-top:16px;min-width:80px;padding:4px 16px}.cancelBtn:hover{background-color:#e23232}.buttonStyleGreen{align-items:center;background-color:green;border:2px solid #0000;border-radius:5px;color:var(--clr-white);cursor:pointer;margin-top:12px;padding:8px;width:290px}.react-tel-input{font-family:Roboto,sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.flag{background-image:url(https://raw.githubusercontent.com/bl00mber/react-phone-input-2/master/src/style/common/high-res.png);background-repeat:no-repeat;height:20px;width:25px}.ad{background-position:-48px -24px}.ae{background-position:-72px -24px}.af{background-position:-96px -24px}.ag{background-position:-120px -24px}.ai{background-position:-144px -24px}.al{background-position:-168px -24px}.am{background-position:-192px -24px}.an{background-position:-216px -24px}.ao{background-position:-240px -24px}.aq{background-position:-264px -24px}.ar{background-position:-288px -24px}.as{background-position:-312px -24px}.at{background-position:-336px -24px}.au{background-position:-360px -24px}.aw{background-position:-384px -24px}.ax{background-position:0 -48px}.az{background-position:-24px -48px}.ba{background-position:-48px -48px}.bb{background-position:-72px -48px}.bd{background-position:-96px -48px}.be{background-position:-120px -48px}.bf{background-position:-144px -48px}.bg{background-position:-168px -48px}.bh{background-position:-192px -48px}.bi{background-position:-216px -48px}.bj{background-position:-240px -48px}.bl{background-position:-264px -48px}.bm{background-position:-288px -48px}.bn{background-position:-312px -48px}.bo{background-position:-336px -48px}.br{background-position:-360px -48px}.bs{background-position:-384px -48px}.bt{background-position:0 -72px}.bw{background-position:-24px -72px}.by{background-position:-48px -72px}.bz{background-position:-72px -72px}.ca{background-position:-96px -72px}.cc{background-position:-120px -72px}.cd{background-position:-144px -72px}.cf{background-position:-168px -72px}.cg{background-position:-192px -72px}.ch{background-position:-216px -72px}.ci{background-position:-240px -72px}.ck{background-position:-264px -72px}.cl{background-position:-288px -72px}.cm{background-position:-312px -72px}.cn{background-position:-336px -72px}.co{background-position:-360px -72px}.cr{background-position:-384px -72px}.cu{background-position:0 -96px}.cv{background-position:-24px -96px}.cw{background-position:-48px -96px}.cx{background-position:-72px -96px}.cy{background-position:-96px -96px}.cz{background-position:-120px -96px}.de{background-position:-144px -96px}.dj{background-position:-168px -96px}.dk{background-position:-192px -96px}.dm{background-position:-216px -96px}.do{background-position:-240px -96px}.dz{background-position:-264px -96px}.ec{background-position:-288px -96px}.ee{background-position:-312px -96px}.eg{background-position:-336px -96px}.eh{background-position:-360px -96px}.er{background-position:-384px -96px}.es{background-position:0 -120px}.et{background-position:-24px -120px}.eu{background-position:-48px -120px}.fi{background-position:-72px -120px}.fj{background-position:-96px -120px}.fk{background-position:-120px -120px}.fm{background-position:-144px -120px}.fo{background-position:-168px -120px}.fr{background-position:-192px -120px}.ga{background-position:-216px -120px}.gb{background-position:-240px -120px}.gd{background-position:-264px -120px}.ge{background-position:-288px -120px}.gg{background-position:-312px -120px}.gh{background-position:-336px -120px}.gi{background-position:-360px -120px}.gl{background-position:-384px -120px}.gm{background-position:0 -144px}.gn{background-position:-24px -144px}.gq{background-position:-48px -144px}.gr{background-position:-72px -144px}.gs{background-position:-96px -144px}.gt{background-position:-120px -144px}.gu{background-position:-144px -144px}.gw{background-position:-168px -144px}.gy{background-position:-192px -144px}.hk{background-position:-216px -144px}.hn{background-position:-240px -144px}.hr{background-position:-264px -144px}.ht{background-position:-288px -144px}.hu{background-position:-312px -144px}.ic{background-position:-336px -144px}.id{background-position:-360px -144px}.ie{background-position:-384px -144px}.il{background-position:0 -168px}.im{background-position:-24px -168px}.in{background-position:-48px -168px}.iq{background-position:-72px -168px}.ir{background-position:-96px -168px}.is{background-position:-120px -168px}.it{background-position:-144px -168px}.je{background-position:-168px -168px}.jm{background-position:-192px -168px}.jo{background-position:-216px -168px}.jp{background-position:-240px -168px}.ke{background-position:-264px -168px}.kg{background-position:-288px -168px}.kh{background-position:-312px -168px}.ki{background-position:-336px -168px}.km{background-position:-360px -168px}.kn{background-position:-384px -168px}.kp{background-position:0 -192px}.kr{background-position:-24px -192px}.kw{background-position:-48px -192px}.ky{background-position:-72px -192px}.kz{background-position:-96px -192px}.la{background-position:-120px -192px}.lb{background-position:-144px -192px}.lc{background-position:-168px -192px}.li{background-position:-192px -192px}.lk{background-position:-216px -192px}.lr{background-position:-240px -192px}.ls{background-position:-264px -192px}.lt{background-position:-288px -192px}.lu{background-position:-312px -192px}.lv{background-position:-336px -192px}.ly{background-position:-360px -192px}.ma{background-position:-384px -192px}.mc{background-position:0 -216px}.md{background-position:-24px -216px}.me{background-position:-48px -216px}.mf{background-position:-72px -216px}.mg{background-position:-96px -216px}.mh{background-position:-120px -216px}.mk{background-position:-144px -216px}.ml{background-position:-168px -216px}.mm{background-position:-192px -216px}.mn{background-position:-216px -216px}.mo{background-position:-240px -216px}.mp{background-position:-264px -216px}.mq{background-position:-288px -216px}.mr{background-position:-312px -216px}.ms{background-position:-336px -216px}.mt{background-position:-360px -216px}.mu{background-position:-384px -216px}.mv{background-position:0 -240px}.mw{background-position:-24px -240px}.mx{background-position:-48px -240px}.my{background-position:-72px -240px}.mz{background-position:-96px -240px}.na{background-position:-120px -240px}.nc{background-position:-144px -240px}.ne{background-position:-168px -240px}.nf{background-position:-192px -240px}.ng{background-position:-216px -240px}.ni{background-position:-240px -240px}.nl{background-position:-264px -240px}.no{background-position:-288px -240px}.np{background-position:-312px -240px}.nr{background-position:-336px -240px}.nu{background-position:-360px -240px}.nz{background-position:-384px -240px}.om{background-position:0 -264px}.pa{background-position:-24px -264px}.pe{background-position:-48px -264px}.pf{background-position:-72px -264px}.pg{background-position:-96px -264px}.ph{background-position:-120px -264px}.pk{background-position:-192px -264px}.pl{background-position:-216px -264px}.pn{background-position:-240px -264px}.pr{background-position:-264px -264px}.ps{background-position:-288px -264px}.pt{background-position:-312px -264px}.pw{background-position:-336px -264px}.py{background-position:-360px -264px}.qa{background-position:-384px -264px}.ro{background-position:0 -288px}.rs{background-position:-24px -288px}.ru{background-position:-48px -288px}.rw{background-position:-72px -288px}.sa{background-position:-96px -288px}.sb{background-position:-120px -288px}.sc{background-position:-144px -288px}.sd{background-position:-168px -288px}.se{background-position:-192px -288px}.sg{background-position:-216px -288px}.sh{background-position:-240px -288px}.si{background-position:-264px -288px}.sk{background-position:-288px -288px}.sl{background-position:-312px -288px}.sm{background-position:-336px -288px}.sn{background-position:-360px -288px}.so{background-position:-384px -288px}.sr{background-position:0 -312px}.ss{background-position:-24px -312px}.st{background-position:-48px -312px}.sv{background-position:-72px -312px}.sy{background-position:-96px -312px}.sz{background-position:-120px -312px}.tc{background-position:-144px -312px}.td{background-position:-168px -312px}.tf{background-position:-192px -312px}.tg{background-position:-216px -312px}.th{background-position:-240px -312px}.tj{background-position:-264px -312px}.tk{background-position:-288px -312px}.tl{background-position:-312px -312px}.tm{background-position:-336px -312px}.tn{background-position:-360px -312px}.to{background-position:-384px -312px}.tr{background-position:0 -336px}.tt{background-position:-24px -336px}.tv{background-position:-48px -336px}.tw{background-position:-72px -336px}.tz{background-position:-96px -336px}.ua{background-position:-120px -336px}.ug{background-position:-144px -336px}.us{background-position:-168px -336px}.uy{background-position:-192px -336px}.uz{background-position:-216px -336px}.va{background-position:-240px -336px}.vc{background-position:-264px -336px}.ve{background-position:-288px -336px}.vg{background-position:-312px -336px}.vi{background-position:-336px -336px}.vn{background-position:-360px -336px}.vu{background-position:-384px -336px}.wf{background-position:0 -360px}.ws{background-position:-24px -360px}.ye{background-position:-48px -360px}.za{background-position:-96px -360px}.zm{background-position:-120px -360px}.zw{background-position:-144px -360px}*{box-sizing:border-box;-moz-box-sizing:border-box}.hide{display:none}.v-hide{visibility:hidden}.popup-container{background-color:#00000080;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.popup-body{background:#fff;border-color:#000;border-radius:15px;bottom:30%;box-shadow:0 5px 15px #00000059;left:10%;margin:auto;position:absolute;right:10%;text-align:center;top:30%}@media (min-width:992px){.popup-body{left:30%;right:30%}}.popupclose{background-color:initial;border:none;cursor:pointer;position:absolute;right:10px;top:10px}.popupbuttons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:2rem auto}h3{color:#333;font-size:24px;margin-top:1rem}#algn{align-items:center;display:flex;height:92vh;justify-content:center;min-height:500px}#card{border:none;border-radius:15px;box-shadow:0 4px 8px 0 #e7e9eb,0 6px 20px 0 #e7e9eb;height:435px;overflow:hidden;width:370px}#upper-bg{background-color:var(--clr-red-dark);display:flex;height:35%;justify-content:center;position:relative;width:100%}.profile-pic{background-color:#fff;border:3px solid #ffe400;border-radius:50%;padding:3px;position:absolute;top:40px;width:35%}#lower-bg{height:65%;width:100%}.text{padding-top:35px;text-align:center}.text .name{font-size:large;font-weight:600;margin:5px;padding:0}.text .title{font-size:15px;margin:0;padding:0}#icons{display:flex;justify-content:center;margin:15px}#icons img{height:90%;width:80%}.ico{align-items:center}#btn,.ico{display:flex;justify-content:center}#btn{margin:15px}#btn button{background-color:var(--clr-red-dark);border-radius:50px;font-weight:700;margin:0 20px;padding:10px 15px}#btn button:hover{box-shadow:0 4px 8px 0 #e7e9eb,0 6px 20px 0 #e7e9eb}#l-c-s{align-items:center;flex-direction:row;justify-content:space-around;margin:20px 10px}#l-c-s,#l-c-s .num{display:flex}#l-c-s .dvr{background-color:gray;height:25px;width:2px}#l-c-s img{height:24px;width:24px}.license{font-size:12px;text-align:center}.license .ll{display:inline;padding:0 10px}.custom-file-upload{background:linear-gradient(270deg,#3fa1a9,#79f1a4);border-radius:50%;cursor:pointer;display:inline-block;margin-bottom:2px;margin-top:5px;position:relative}.img-wrap{overflow:hidden;position:relative}.img-upload:before,.img-wrap{border-radius:50%;height:100px;width:100px}.img-upload:before{background-color:#fff;color:#63d3a6;content:"\f093";font-size:90px;left:50%;opacity:0;padding-top:80px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:.5s ease}.img-upload:hover:before{opacity:1}img{height:100%;width:auto}.fa-instagram{color:#79f1a4;font-size:38px;position:absolute;right:2%;top:3%}.fa-instagram:hover{color:#caff81;cursor:pointer;font-size:42px;transition:all .1s linear}main{align-items:center;display:flex;justify-content:center;min-height:100vh}.areacontainer{background:var(--clr-white);border-radius:var(--radius);box-shadow:var(--dark-shadow);margin:1rem 0;max-width:var(--fixed-width);overflow-y:auto;padding:2rem;width:50vw}.areacontainer h3{font-weight:400;margin-bottom:2rem;text-transform:none}.areaperson{grid-column-gap:.75rem;align-items:center;column-gap:.75rem;display:grid;grid-template-columns:auto 2fr 1fr;margin-bottom:2rem;margin-top:2rem}.areaperson img{border-radius:50%;box-shadow:var(--light-shadow);height:75px;object-fit:cover;width:75px}.areaperson h4{margin-bottom:.35rem}.areaperson p{font-size:.9rem;margin-bottom:0}.areacontainer button{background:var(--clr-red-dark);border-color:#0000;border-radius:6px;color:var(--clr-white);cursor:pointer;display:block;font-size:1rem;letter-spacing:var(--spacing);margin:1rem auto 0;padding:.5rem 0;text-transform:capitalize;width:100%}.modal{max-height:90vh;max-width:450px;overflow-y:auto}.modal input,.modal select,.modal textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin:.5rem 0 1rem;padding:.5rem;width:100%}.modal label{display:block;font-weight:700;margin-top:.5rem}.modal textarea{min-height:80px}.modal-actions{margin-top:1.5rem}.modal-actions button{background-color:#3498db;color:#fff;transition:background-color .3s ease}.modal-actions button:hover{background-color:#2980b9}.modal-actions .cancel{color:#333}.modal-actions .cancel:hover{background-color:#bbb}.entry-date-display{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.radio-group{gap:1rem;margin:.5rem 0}.radio-group label{align-items:center;display:flex;font-weight:400;gap:.4rem}select{font-size:1rem;margin:.5rem 0;padding:.5rem;width:100%}.modal h2{background-color:#d32f2f;border-radius:4px 4px 0 0;color:#fff;margin:0;padding:10px;text-align:center}.confirmation-screen{padding:1rem}.amount-highlight{color:#2e7d32;font-size:2rem;font-weight:700;margin:1rem 0;text-align:center}.filter-bar{align-items:flex-end;gap:12px;margin-bottom:16px}.filter-item{display:flex;flex:1 1;flex-direction:column;min-width:150px}.filter-item label{font-weight:500;margin-bottom:4px}.filter-item input{box-sizing:border-box;padding:6px 10px;width:100%}.clear-button,.filter-item input{border:1px solid #ccc;border-radius:4px}.clear-button{background-color:#f1f1f1;cursor:pointer;padding:8px 14px;white-space:nowrap}@media (max-width:600px){.filter-bar{align-items:stretch;flex-direction:column}.clear-button{align-self:flex-start;width:100%}}.ledger-page{font-family:sans-serif;margin:auto;max-width:1000px;padding:20px}h2{font-size:1.5rem;margin-bottom:10px}.balance-info{display:flex;flex-wrap:wrap;font-size:1rem;justify-content:space-between;margin-bottom:20px}.add-entry-btn{background-color:#06c;border-radius:6px;margin:10px 0 20px;padding:10px 16px}.add-entry-btn:hover{background-color:#005bb5}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-bar input{border:1px solid #ccc;border-radius:4px;padding:8px}.ledger-table{border-collapse:collapse;font-size:.95rem;width:100%}.ledger-table td,.ledger-table th{word-wrap:break-word;border:1px solid #ddd;padding:10px;text-align:left}.total-sum{font-weight:700;margin-top:10px;text-align:right}.modal-overlay{background:#0000004d;z-index:10}.modal{padding:20px}.modal h3{margin-top:0}.modal input,.modal textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:100%}.modal textarea{resize:vertical}.modal-actions{gap:10px;justify-content:flex-end}.modal-actions button{border:none;border-radius:4px;padding:8px 14px}.modal-actions .cancel{background:#ccc}.modal-actions button:not(.cancel){background-color:#28a745;color:#fff}.modal-actions button:not(.cancel):hover{background-color:#218838}.blurred{filter:blur(.5 px)}@media screen and (max-width:768px){.balance-info{flex-direction:column;font-size:.95rem;gap:5px}.filter-bar{flex-direction:column;gap:8px}.add-entry-btn{text-align:center;width:100%}.ledger-table td,.ledger-table th{font-size:.85rem;padding:8px}.total-sum{font-size:1rem}}.ledger-grid{grid-gap:10px;display:grid;font-size:.95rem;gap:10px;grid-template-columns:1fr 2fr 1fr 1fr;margin-top:20px}.ledger-grid>div{border:1px solid #ddd;padding:10px;word-break:break-word}.grid-header{background-color:#f2f2f2;font-weight:700}.ledger-grid>div:nth-child(4n+1),.ledger-grid>div:nth-child(4n+2),.ledger-grid>div:nth-child(4n+3),.ledger-grid>div:nth-child(4n+4){background-color:#fff}.ledger-grid>div:nth-child(8n+1),.ledger-grid>div:nth-child(8n+2),.ledger-grid>div:nth-child(8n+3),.ledger-grid>div:nth-child(8n+4){background-color:#f9f9f9}@media screen and (max-width:768px){.ledger-grid{grid-template-columns:repeat(2,1fr)}.grid-header{font-size:.9rem}}.button-group{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}@media (max-width:768px){.button-group{align-items:flex-start;flex-direction:column;gap:10px}.add-entry-btn{width:100%}.filter-bar{flex-direction:column;gap:10px}}.account-header-section{background-color:#f9f9f9;border-radius:8px;max-width:100%;padding:1rem}.account-header-top{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.account-header-top h2{color:#222;font-size:1.25rem;margin:0}.add-entry-btn{background-color:#1d4ed8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.add-entry-btn:hover{background-color:#2563eb}.account-grid-header{display:none}.account-grid-row{background-color:#fff;border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;margin-bottom:.75rem;padding:.75rem}.account-grid-row span{color:#333;font-size:.95rem;padding:.25rem 0}@media (min-width:768px){.account-header-top{align-items:center;flex-direction:row}.account-grid-header{border-bottom:1px solid #ccc;color:#444;font-weight:700}.account-grid-header,.account-grid-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding:.5rem 0}.account-grid-row{background-color:initial;border:none;border-bottom:1px solid #eee;border-radius:0;margin-bottom:0}.account-grid-row span{padding:0}}.modal-overlay{align-items:center;background-color:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal{background:#fff;border-radius:8px;box-shadow:0 0 12px #0003;max-width:400px;padding:2rem;width:90%}.modal input{font-size:1rem;margin:.5rem 0;padding:.5rem;width:100%}.modal-actions{display:flex;justify-content:space-between;margin-top:1rem}.modal-actions button{cursor:pointer;font-size:1rem;padding:.5rem 1.2rem}.modal-actions .cancel{background-color:#ccc}.page-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader-container{color:#fff;text-align:center}.loader{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main{font-family:Karla,sans-serif;height:100vh}.body{padding-top:25px}.body,.wrapper{align-items:center;display:flex;flex-direction:column}.wrapper{justify-content:space-between;width:500px}.container{background:var(--clr-white);border-radius:var(--radius);box-shadow:var(--light-shadow);height:500px;margin:10 auto;max-width:30rem;padding:2rem;transition:var(--transition);width:90vw}.container:hover{box-shadow:var(--dark-shadow)}.form{height:300px}.container{align-items:center;display:flex;flex-direction:column;padding-top:1rem}.multistepmain{font-family:Karla,sans-serif;min-height:130vh}.multistepbody{padding-top:25px}.multistepbody,.multistepwrapper{align-items:center;display:flex;flex-direction:column}.multistepwrapper{justify-content:space-between;width:500px}.multistepcontainer{align-items:center;background:var(--clr-white);border-radius:var(--radius);box-shadow:var(--light-shadow);display:flex;flex-direction:column;margin:10px auto;max-width:30rem;min-height:125vh;padding-top:15px;transition:var(--transition);width:90vw}.multistepcontainer:hover{box-shadow:var(--dark-shadow)}.form{display:flex;flex-direction:column;height:auto;padding:10px;width:350px}.formInput{border:.5px solid #e5e5e5;border-radius:5px;margin-bottom:10px;padding:10px}.formSubmit{align-self:flex-end;background-color:#cd3240;border:2px solid #0000;border-radius:5px;color:#fff;cursor:pointer;padding:8px;width:330px}.form input[type=radio]{margin-right:10px}.otpimg{padding:5px;width:120px}.formSelect{border:.5px solid #e5e5e5;border-radius:5px;margin-bottom:5px;padding:10px;width:380px}.multipleButtons{align-self:flex-end;padding:10px}.multipleButton{background-color:#cd3240;border:2px solid #0000;border-radius:5px;color:#fff;margin-right:5px;padding:8px;width:100px}.done{margin-bottom:10px;width:65px}.doneSubmit{border-color:#03045e;border-radius:5px;border-style:solid;color:#03045e;margin-top:10px;padding:8px;width:85px}ul{list-style-type:none;padding:0}li{justify-content:space-between}.form label,li{display:flex;margin-bottom:10px}.form label{align-items:center}.radio-group{display:flex;flex-direction:row;flex-wrap:wrap}.radio-item{align-items:center;display:flex;margin-right:20px}.back-button{background:var(--clr-primary-1);border:none;border-radius:var(--radius);color:var(--clr-white);cursor:pointer;font-size:1rem;padding:.5rem 1rem}.back-button:hover{background:var(--clr-primary-5)}.receivable-page{background-color:#f8f9fa;font-family:sans-serif;min-height:100vh;padding:20px}.loader-container{align-items:center;display:flex;height:80vh;justify-content:center}.loader-img{height:80px;width:80px}.empty-message{color:#777;font-size:18px;margin-top:40px;text-align:center}.receivable-container{display:flex;flex-direction:column;gap:20px}.receivables-list{display:flex;flex-direction:column;gap:15px}.receivable{align-items:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:20px;padding:15px}.receivable-img{border-radius:50%;height:60px;object-fit:cover;width:60px}.receivable-financials,.receivable-info{flex:1 1 250px;min-width:200px}.receivable-info h4{margin:0 0 4px}.receivable-financials p,.receivable-info p{word-wrap:break-word;color:#333;margin:4px 0}.receivable-financials h4{color:#d9534f;margin:8px 0}.receivable-paid{color:#007bff;cursor:pointer;transition:color .3s ease}.receivable-paid:hover{color:#0056b3}button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px;transition:background-color .3s ease}button:hover{background-color:#218838}@media (max-width:600px){.receivable{align-items:center;flex-direction:column;text-align:center}.receivable-img{margin-bottom:10px}.receivable-financials,.receivable-info{flex:initial;min-width:100%}}
/*# sourceMappingURL=main.9d7b1de1.css.map*/