@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;column-gap:.75rem;display:grid;grid-template-columns:auto 1fr;margin-bottom:1.5rem}.person img{box-shadow:0 5px 15px #0000001a;box-shadow:var(--light-shadow);height:75px;width:75px}.person h4{margin-bottom:.35rem}.person p{margin-bottom:0}.close-button{font-size:20px;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{cursor:pointer;transition:color .3s}.successBtn{background-color:#2b5e2b;height:36px;margin-right:12px;margin-top:16px;min-width:80px;padding:4px 16px}.successBtn:hover{background-color:#1f541f}.cancelBtn{background-color:#ef4444;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}.assign-popup-overlay{align-items:center;background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.assign-popup-box{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 6px 24px #00000026;max-width:500px;padding:2rem;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.popup-title{font-size:1.3rem;font-weight:700;text-align:center}.popup-field,.popup-title{margin-bottom:1rem}.popup-field label{color:#333;display:block;font-weight:500;margin-bottom:.3rem}.popup-field input{border:1px solid #ccc;border-radius:6px;padding:.5rem;width:100%}.popup-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.popup-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;margin:0 .25rem;padding:.6rem 1rem;transition:background .2s ease}.confirm-btn{background:#b8491d;color:#fff}.confirm-btn:hover{background:#903015}.cancel-btn{background:#f3f3f3;color:#555}.cancel-btn:hover{background:#e0e0e0}.subscriber-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:360px;padding:1.5rem;transition:transform .2s ease,box-shadow .3s ease}.subscriber-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.subscriber-image{border:3px solid #f0f0f0;border-radius:50%;height:96px;margin-bottom:1rem;overflow:hidden;width:96px}.subscriber-image img{height:100%;object-fit:cover;width:100%}.subscriber-info{text-align:center}.subscriber-info h3{color:#333;font-size:1.25rem;margin:.5rem 0}.subscriber-info p{color:#666;font-size:.95rem;margin-bottom:1rem}.subscriber-btn{background-color:#cd3240;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.95rem;margin-top:.6rem;padding:.6rem 1rem;text-align:center;text-decoration:none;transition:background .2s ease;width:100%}.subscriber-btn:hover{background-color:#357ab8}@media (min-width:600px){.subscriber-card{align-items:flex-start;flex-direction:row;gap:1.5rem;max-width:640px}.subscriber-info{flex:1 1;text-align:left}.subscriber-btn{font-size:.9rem}}.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}.ps-container{justify-content:center;min-height:120vh;padding:2rem 1rem}.ps-container,.ps-inner-container{align-items:center;display:flex;flex-direction:column}.ps-inner-container{border-radius:var(--radius);box-shadow:var(--light-shadow);gap:1rem;min-width:400px;padding:1rem}.ps-title{background-color:#005bb5;border-radius:6px;color:#fff;font-size:1.8rem;margin-bottom:1.5rem;padding:.5rem 1rem;text-align:center;width:100%}.ps-form{display:flex;flex-direction:column;gap:1.2rem}.ps-form-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s}.ps-form-input:focus{border-color:#007bff;outline:none}.ps-gender{display:flex;flex-direction:column}.ps-gender h4{color:#444;margin-bottom:.5rem}.ps-gender-options{display:flex;gap:1rem}.ps-gender-options label{align-items:center;color:#555;display:flex;font-size:1rem;gap:.5rem}.ps-submit{background-color:rgba(88,214,29,.884);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s}.ps-submit:hover{background-color:#0056b3}.ps-submit.disabled{background-color:#ccc;cursor:not-allowed}@media screen and (max-width:600px){.ps-container{margin:1rem;padding:1.5rem}.ps-form-input,.ps-submit{font-size:.95rem}}.subscriber-popup-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;margin:20px auto;max-width:600px;padding:20px;position:relative}.subscriber-popup-container h3{color:#cd3240;font-size:1.5rem;margin-bottom:20px;text-align:center}.close-button{background-color:initial;border:none;color:#cd3240;cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:16px}.search-bar{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;padding:10px 14px;width:100%}.person{align-items:center;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.person:hover{background-color:#f1f1f1}.person img{border:2px solid #cd3240;border-radius:50%;height:60px;margin-right:16px;object-fit:cover;width:60px}.person h4{color:#333;font-size:1.1rem;margin:0}.person p{color:#666;font-size:.9rem;margin:2px 0 0}.clear-button{background-color:#dc3545;border:none;border-radius:6px;display:block;font-size:.95rem;margin-left:auto;margin-top:20px;padding:8px 16px}.clear-button:hover{background-color:#b02a37}@media (max-width:600px){.person{align-items:center;flex-direction:row}.person img{height:50px;width:50px}.subscriber-popup-container{padding:16px}.search-bar{font-size:.95rem}.close-button{right:12px;top:12px}}#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}.employee-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1.5rem}.employee-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.employee-header h2{font-size:1.5rem;margin:0}.employee-add-button{background-color:#cd3240;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background-color .3s ease}.employee-add-button:hover{background-color:#4338ca}.employee-list{border-collapse:collapse;margin-top:1rem;width:100%}.employee-list td,.employee-list th{border-bottom:1px solid #e5e7eb;padding:.8rem;text-align:left}.employee-list th{background-color:#d32f2f;border-bottom:2px solid #b71c1c;color:#fff;font-size:1rem;font-weight:600;padding:.8rem;text-align:left}.employee-list th:first-child{border-top-left-radius:12px}.employee-list th:last-child{border-top-right-radius:12px}.employee-list td{background-color:#fff;color:#374151;font-size:.95rem}.employee-actions{display:flex;gap:.5rem}.employee-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s ease-in-out}.employee-button.view{background-color:#2563eb;color:#fff}.employee-button.view:hover{background-color:#1d4ed8}.employee-button.edit{background-color:#facc15;color:#1f2937}.employee-button.edit:hover{background-color:#eab308}.employee-button.delete{background-color:#ef4444;color:#fff}.employee-button.delete:hover{background-color:#dc2626}.employee-modal-overlay{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.employee-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0003;max-width:480px;padding:1.5rem;position:relative;width:90%}.employee-modal-header{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.employee-modal-close{font-size:1.2rem}.employee-form-group{margin-bottom:1rem}.employee-form-group label{display:block;font-weight:500;margin-bottom:.4rem}.employee-form-group input,.employee-form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;outline:none;padding:.6rem;width:100%}.employee-form-group input:focus,.employee-form-group select:focus{border-color:#4f46e5}.employee-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.employee-modal-cancel,.employee-modal-save{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.6rem 1rem}.employee-modal-save{background-color:#10b981;color:#fff}.employee-modal-save:hover{background-color:#059669}.employee-modal-cancel{background-color:#d1d5db;color:#111827}.employee-modal-cancel:hover{background-color:#9ca3af}.employee-modal-close{background:none;border:none;color:#374151;cursor:pointer;font-size:1.8rem;font-weight:700;position:absolute;right:.8rem;top:.5rem;transition:color .2s ease;z-index:10}.employee-modal-close:hover{color:#ef4444}.employee-modal-form{max-height:70vh;overflow-y:auto}.employee-thumbnail{border:2px solid #ccc;border-radius:50%;height:40px;object-fit:cover;width:40px}@media (max-width:600px){.employee-header{align-items:flex-start;gap:1rem}.employee-actions,.employee-header{flex-direction:column}.employee-list,.employee-list tbody,.employee-list td,.employee-list th,.employee-list thead,.employee-list tr{display:block;width:100%}.employee-list thead{display:none}.employee-thumbnail{height:90px;margin-bottom:.5rem;width:90px}.employee-list tr{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:.5rem}.employee-list td{background-color:initial;border:none;padding-left:50%;position:relative;text-align:right}.employee-list td:before{color:#4b5563;content:attr(data-label);font-weight:700;left:1rem;position:absolute;text-align:left;top:.6rem;white-space:nowrap}.employee-actions{flex-direction:row;justify-content:flex-start;margin-top:.5rem}}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%}.area-wise-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:2rem;padding:1rem}.area-wise-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.area-wise-filter-section{display:flex;flex-wrap:wrap;gap:.5rem}.area-wise-filter-section input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:6px 10px;width:220px}.area-wise-clear-filter-btn{background-color:#757575;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.area-wise-clear-filter-btn:hover{background-color:#616161}.area-wise-download-btn,.area-wise-download-section{align-items:center;display:flex}.area-wise-download-btn{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;gap:6px;padding:8px 14px;transition:background-color .3s ease}.area-wise-download-btn:hover{background-color:#b71c1c}.area-wise-header-row{background-color:#d32f2f;border-radius:6px 6px 0 0;color:#fff;font-weight:600;padding:12px}.area-wise-data-row,.area-wise-header-row{display:grid;font-size:14px;grid-template-columns:1.8fr 1.8fr 1.5fr 1fr 1fr 1fr}.area-wise-data-row{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;padding:10px 12px}.area-wise-data-row:hover{background-color:#f9f9f9}.area-wise-paid-row{background-color:#e8f5e9;color:#2e7d32}.area-wise-list{display:flex;flex-direction:column}.area-wise-account-grid-row{grid-gap:10px;background-color:#f7f7f7;border:1px solid #eee;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:10px}@media (max-width:768px){.area-wise-data-row,.area-wise-header-row{font-size:13px;grid-template-columns:repeat(2,1fr);padding:10px}.area-wise-header{align-items:stretch;flex-direction:column}.area-wise-filter-section input{width:100%}.area-wise-download-btn{justify-content:center;width:100%}.area-wise-account-grid-row{grid-template-columns:1fr 1fr}}.subscriber-groupwise-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:2rem;padding:1rem}.subscriber-groupwise-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.filter-section{display:flex;flex-wrap:wrap;gap:.5rem}.filter-section input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:6px 10px;width:220px}.clear-filter-btn{background-color:#757575;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.clear-filter-btn:hover{background-color:#616161}.download-btn,.download-section{align-items:center;display:flex}.download-btn{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;gap:6px;padding:8px 14px;transition:background-color .3s ease}.download-btn:hover{background-color:#b71c1c}.subscriber-groupwise-header-row{background-color:#d32f2f;border-radius:6px 6px 0 0;color:#fff;font-weight:600;padding:12px}.subscriber-groupwise-data-row,.subscriber-groupwise-header-row{display:grid;font-size:14px;grid-template-columns:1.8fr 1.8fr 1.5fr 1fr 1fr 1fr}.subscriber-groupwise-data-row{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;padding:10px 12px}.subscriber-groupwise-data-row:hover{background-color:#f9f9f9}.paid-row{background-color:#e8f5e9;color:#2e7d32}.subscriber-groupwise-list{display:flex;flex-direction:column}.account-grid-row{grid-gap:10px;background-color:#f7f7f7;border:1px solid #eee;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:10px}@media (max-width:768px){.subscriber-groupwise-data-row,.subscriber-groupwise-header-row{font-size:13px;grid-template-columns:repeat(2,1fr);padding:10px}.subscriber-groupwise-header{align-items:stretch;flex-direction:column}.filter-section input{width:100%}.download-btn{justify-content:center;width:100%}.account-grid-row{grid-template-columns:1fr 1fr}}.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 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}.page-overlay{background:#fffc}.loader{border:4px solid #f3f3f3;border-top-color:#007bff;height:40px;margin:0 auto 10px;width:40px}.filter-bar{align-items:flex-end;gap:12px;justify-content:flex-start;margin-bottom:16px}.filter-item{display:flex;flex-direction:column;max-width:180px;min-width:180px;width:180px}.filter-item label{font-weight:500;margin-bottom:4px}.filter-item input,.filter-item select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:38px;line-height:1.2;padding:6px 10px;vertical-align:middle;width:100%}.filter-item select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27gray%27%3e%3cpath d=%27M4 6l4 4 4-4z%27/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px}@-moz-document url-prefix(){.filter-item select{padding-right:10px}}.clear-button{align-items:center;align-self:flex-end;background-color:#cd3240;border:1px solid #ccc;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;padding:8px 14px;white-space:nowrap}@media (max-width:600px){.filter-bar{align-items:stretch;flex-direction:column}.filter-item{max-width:none;min-width:0;min-width:auto;width:100%}.clear-button{align-self:stretch;margin-top:8px;width:100%}}.account-header-section{background:#fff;border:1px solid #ccc;padding:16px}.account-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.add-entry-btn{background-color:#007bff;padding:6px 12px}.add-entry-btn:hover{background-color:#0056b3}.account-grid-header,.account-grid-row{grid-gap:8px;align-items:center;border-bottom:1px solid #eee;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);padding:12px 8px}.account-grid-header{background-color:#f4f4f4;font-weight:700}.total-row{background-color:#fafafa}@media (max-width:768px){.account-grid-header{display:none}.account-grid-row{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;gap:6px;grid-template-columns:1fr;margin-bottom:12px;padding:12px}.account-grid-row span{border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;padding:4px 0}.account-grid-row span:last-child{border-bottom:none}.account-grid-row span:before{color:#333;content:attr(data-label);font-weight:700}}.modal-overlay{background-color:#0000004d;z-index:100}.modal{box-shadow:0 0 12px #0003;padding:2rem}.modal input{font-size:1rem;margin:.5rem 0;padding:.5rem;width:100%}.modal-actions{margin-top:1rem}.modal-actions button{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}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{background-color:#00000080;bottom:0;right:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-close-button{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:14px;top:10px}.modal-header{align-items:center;background-color:#c53030;border-radius:8px 8px 0 0;color:#fff;display:flex;gap:12px;margin:-20px -20px 20px;min-height:80px;padding:10px 16px}.subscriber-img{border:2px solid #fff;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.subscriber-info{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.subscriber-name{color:#fff;font-size:20px;font-weight:600;margin:0}.pay-subscriber-detail{color:#fdfdfd;font-size:14px;font-weight:400;margin:2px 0}.form-group{margin-top:16px}.form-group label{display:block;font-weight:600;margin-bottom:6px}.form-group select{border:1px solid #ccc;border-radius:4px;padding:6px 8px;width:100%}.radio-group{gap:16px;margin-top:8px}.modal-actions{justify-content:space-between;margin-top:1.5rem}.cancel-button,.close-button,.pay-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 2rem}.close-button{background-color:#28a745;color:#fff;margin-top:1rem}.large-input{font-size:2rem;padding:.5rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;margin-right:.5rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.receipt-view{padding:2rem;text-align:center}.receipt-container{background-color:#fefefe;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:400px;padding:20px}.receipt-header{color:green;font-size:1.4rem;margin-bottom:15px;text-align:center}.receipt-divider{border:none;border-top:1px solid #ccc;margin:10px 0}.receipt-row{display:flex;justify-content:space-between;padding:6px 0}.receipt-label{color:#555;font-weight:600}.receipt-value{color:#222;font-weight:500;text-align:right}.receipt-footer{margin-top:15px;text-align:center}.receipt-footer .close-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.receipt-actions{margin-top:20px;text-align:center}.action-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin:5px;padding:8px 16px}.action-button:hover{background-color:#218838}.confirmation-screen{background-color:#fff;border-radius:10px;box-shadow:0 0 12px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:400px;overflow:hidden}.confirmation-header{background-color:#c53030;border-radius:10px 10px 0 0;color:#fff;font-size:1.4rem;font-weight:700;padding:1rem 1.5rem;text-align:center}.confirmation-body{padding:1.5rem}.confirmation-row{background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;margin:6px 0;padding:10px 12px}.confirmation-row .receipt-label{color:#555;font-weight:600}.confirmation-row .receipt-value{color:#222;font-weight:500;text-align:right}.confirmation-actions{display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.confirmation-actions .cancel-button{background-color:#ccc;color:#333}.confirmation-actions .cancel-button,.confirmation-actions .pay-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem}.confirmation-actions .pay-button{background-color:#28a745;color:#fff}@media (max-width:768px){.confirmation-body{padding:1rem}.confirmation-row{align-items:flex-start;flex-direction:column}.confirmation-row .receipt-value{margin-top:4px;text-align:left}.confirmation-actions{flex-direction:column}}.group-advance-summary{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:10px;color:#212529;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1rem;line-height:1.8;margin-top:1rem;padding:16px}.group-advance-summary .summary-row{display:flex;font-weight:500;justify-content:space-between;margin-bottom:4px}.group-advance-summary .summary-label{min-width:160px}.your-due-container{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:40px auto;max-width:1200px;padding:20px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.your-due-title{align-items:center;animation:fadeSlideIn .6s ease-out;background-color:#cd3240;border-left:6px solid #ecda13;border-radius:6px;box-shadow:0 4px 8px #cd324026;color:#fff;font-size:1.5rem;font-weight:700;padding:12px 20px}.summary-cards,.your-due-title{display:flex;margin-bottom:20px}.summary-cards{flex-wrap:wrap;gap:20px}.summary-cards .item{align-items:center;background-color:#f7f7f7;border:1px solid #ccc;border-radius:8px;display:flex;flex:1 1;gap:10px;min-width:150px;padding:10px}.summary-cards .item span.icon{font-size:1.2rem}.pink{color:#e91e63}.green{color:#4caf50}.purple{color:#673ab7}.your-due-table{grid-gap:10px;align-items:center;border-bottom:1px solid #ddd;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);padding:10px 0}.your-due-header{background-color:#cd3240;border-bottom:2px solid #444;color:#fff;font-weight:700;padding:10px 0}.due-image{border-radius:50%;height:40px;object-fit:cover;width:40px}@media (max-width:768px){.your-due-header{display:none}.your-due-row{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:block;margin-bottom:1rem;padding:12px}.your-due-row span{align-items:center;display:flex;font-size:.95rem;padding:6px 0;word-break:break-word}.your-due-row span:before{color:#444;content:attr(data-label) " : ";flex-shrink:0;font-weight:600;width:130px}.due-image{border-radius:50%;height:40px;margin-right:8px;object-fit:cover;width:40px}}.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)}.finish-container{align-items:center;display:flex;flex-direction:column;padding:2rem 1rem;text-align:center}.finish-container p{color:#333;font-size:1rem;margin:.75rem 0}.finish-heading{color:#222;font-size:1.2rem;font-weight:700}.done{margin:1rem 0;width:70px}.password-box{background:#f1f1f1;border-radius:6px;color:#444;font-weight:700;margin:10px 0;padding:10px 16px}.next-step{margin-top:1.5rem}.next-step p{font-size:1.05rem;font-weight:500;margin-bottom:.5rem}.add-more-button{background-color:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.add-more-button:hover{background-color:#004999}.buttonGroup{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.buttonGroup .formSubmit{width:150px}.button{background-color:#cd3240;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease;width:120px}.button:hover{background-color:#a72835}.button:disabled{background-color:#ccc;cursor:not-allowed}.buttons{display:flex;gap:1rem;justify-content:space-between;margin:2rem 0}body{font-family:Inter,sans-serif;margin:0}.msf-container{background:#fff;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:row;min-height:500px;overflow:hidden;padding:3rem}.msf-progress{background:linear-gradient(180deg,#fff5f5,#ffe5e5);padding:3rem 2rem 2rem;width:30%}.msf-form{flex:1 1;padding:.5rem 2rem 2rem}@media (max-width:768px){.msf-container{flex-direction:column}.msf-progress{display:flex;justify-content:center;padding:15px;width:100%}}.progressbar{align-items:center;display:flex;flex-direction:column}@media (max-width:768px){.progressbar{flex-direction:row;justify-content:space-between;width:100%}}.step-circle{align-items:center;background:#fff;border:2px solid #fc0;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.step-circle.completed{background:#28a745;color:#fff}.step-label{color:#666;font-size:12px;margin-top:8px}.step-label.active{color:#e63946;font-weight:700}.step-line{background:#ccc;height:40px;width:2px}.progress-step.completed .step-line{background:#e63946}@media (max-width:768px){.step-line{height:2px;width:40px}.progressbar{flex-direction:row;justify-content:space-between;width:100%}.progress-step{align-items:center;flex:1 1;flex-direction:column}.step-line{height:2px;width:40px}}.progressbar-wrapper{margin-bottom:2rem}.progress-heading{color:#e63946;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.progress-step{flex-direction:column;position:relative}.progress-step,.you-are-here{align-items:center;display:flex}.you-are-here{background-color:#28a745;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;left:calc(100% + 10px);padding:3px 10px;pointer-events:none;position:absolute;top:30%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10}.you-are-here:before{border-bottom:6px solid #0000;border-left:10px solid #28a745;border-top:6px solid #0000;content:"";display:inline-block;height:0;margin-right:6px;width:0}.home-page{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1rem}.my-groups-title{background-color:#d9534f;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;padding:.4rem 1.2rem;text-align:center}.my-groups-container{margin-bottom:1rem;text-align:center}.tabs-wrapper{margin:1.5rem 0}.tabs-grid,.tabs-wrapper{flex-wrap:wrap;gap:1rem}.tab-item,.tabs-grid,.tabs-wrapper{display:flex;justify-content:center}.tab-item{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 2px 6px #00000014;font-weight:600;padding:.5rem 1rem}.tab-item .badge{background-color:#007bff;border-radius:12px;color:#fff;font-size:.85rem;margin-left:.5rem;padding:.2rem .5rem}.tabs-grid li{background-color:#fff;border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 6px #0000000d;color:#d9534f;cursor:pointer;font-size:.95rem;font-weight:600;list-style:none;padding:.5rem 1rem;transition:.3s ease}.tabs-grid li.active,.tabs-grid li:hover{background-color:#d9534f;color:#fff}.group-wrapper{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1000px}.group-card{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:14px;display:flex;gap:1rem;justify-content:space-between;padding:.8rem 1rem;transition:background .2s ease,box-shadow .2s ease}.group-details-grid{grid-gap:.5rem 1rem;display:grid;flex:1 1;gap:.5rem 1rem;grid-template-columns:repeat(5,1fr)}.group-detail{display:flex;flex-direction:column;font-size:.85rem}.group-detail-label{color:#777;font-size:.75rem;font-weight:600}.group-detail-value{color:#333;font-weight:500;margin-top:2px}.group-button{align-self:center;background-color:#d9534f;border:none;border-radius:6px;box-shadow:0 1px 4px #d9534f26;color:#fff;cursor:pointer;font-size:.78rem;font-weight:500;padding:.4rem .75rem;transition:background .3s ease;white-space:nowrap}.group-button:hover{background-color:#c9302c}@media (max-width:992px){.group-details-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.group-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.group-details-grid{grid-template-columns:1fr}}.group-actions{align-items:center;display:flex;gap:.5rem}.delete-button{background-color:#fff;border:1px solid #d9534f;border-radius:6px;box-shadow:none;color:#d9534f;cursor:pointer;font-size:1rem;padding:.4rem .6rem;transition:all .3s ease}.delete-button:hover{background-color:#d9534f;color:#fff}.auctions-container{box-sizing:border-box;margin:0 auto;max-width:700px;padding:20px;width:100%}.auction-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:24px}.auction-title{font-size:2rem;margin:0 auto;text-align:center}.back-button,.open-auction-button{background-color:#cd3240;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px}.auction-banner{gap:20px}.auction-actions-row,.auction-banner{align-items:center;display:flex;justify-content:center;margin:20px 0}.auction-actions-row{gap:16px}.auction-icon{color:#cd3240;font-size:40px}.auction-image{border-radius:12px;height:auto;max-width:100%}.modal-body{display:flex;flex-direction:column;gap:20px;padding:10px 0}.modal-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:16px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:1rem;font-weight:700}.form-group input[type=date]{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:8px 12px}.radio-vertical{display:flex;flex-direction:column;gap:8px}.radio-vertical label{align-items:center;color:#333;display:flex;font-size:1rem;gap:8px}.modal-actions{flex-direction:column}.cancel-button,.pay-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px}.pay-button{background-color:#cd3240}.cancel-button{background-color:#ccc;color:#333}.form-control{display:flex;flex-direction:column;gap:10px}.large-input{border:1px solid #ccc;border-radius:6px;font-size:1.2rem;padding:10px;width:100%}.close-button,.submit-btn{background-color:#cd3240}.close-button,.submit-btn,.successBtn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px}.successBtn{background-color:#28a745}.cancelBtn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px}.bidder-card{align-items:center;background:#f4f6fa;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto 20px;max-width:320px;padding:16px;text-align:center}.bidder-image{border:2px solid #ccc;border-radius:50%;height:80px;margin-bottom:12px;object-fit:cover;width:80px}.bidder-name{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:10px}.bidder-actions{display:flex;gap:10px;justify-content:center}.bidder-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px}.bidder-btn:hover{background-color:#0056b3}.bidder-close{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 10px}.bidder-close:hover{background-color:#b02a37}@media (max-width:600px){.bidder-card{width:90%}.bidder-actions{flex-direction:column;gap:8px}.bidder-btn,.bidder-close{width:100%}}.subcriber-container{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-top:30px;padding:20px}.subcriber-container h3{color:#cd3240;font-size:1.5rem;margin-bottom:20px;text-align:center}.subscriber-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-snap-type:x mandatory}.subscriber-list::-webkit-scrollbar{height:8px}.subscriber-list::-webkit-scrollbar-track{background:#f0f0f0}.subscriber-list::-webkit-scrollbar-thumb{background-color:#cd3240;border-radius:4px}.bidsubscriber-item{align-items:center;background:#fff;border:2px solid #cd3240;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex:0 0 auto;gap:16px;justify-content:space-between;margin-bottom:12px;max-width:600px;padding:16px 20px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.bidsubscriber-item:hover{box-shadow:0 6px 14px #cd324040;transform:translateY(-5px)}.bid-avatar{border:3px solid #cd3240;border-radius:50%;flex-shrink:0;height:60px;object-fit:cover;width:60px}.bid-name{color:#007bff;font-size:1rem;font-weight:600}.bid-name,.bid-time{flex:1 1;text-align:left}.bid-time{color:#6c757d;font-size:.9rem}.bid-amount{color:#28a745;font-size:1.4rem;font-weight:700;min-width:100px;text-align:right}.no-bids-message{color:#888;font-size:1.2rem;margin-top:20px;text-align:center}.progress-bar{background-color:#eee;border-radius:4px;height:6px;margin-top:10px;overflow:hidden;width:100%}.progress-indicator{animation:progressAnim 1s linear infinite;background-color:#007bff;height:100%;width:100%}@keyframes progressAnim{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.auction-header{align-items:flex-start;flex-direction:column}.modal-content{padding:10px;width:95%}.modal-actions,.subscriber-box{flex-direction:column}.subscriber-box{align-items:center}.auction-actions-row,.auction-banner{flex-direction:column}@media (max-width:600px){.bidsubscriber-item{align-items:flex-start;flex-direction:column}.bid-amount,.bid-name,.bid-time{text-align:left;width:100%}.bid-amount{font-size:1.2rem;margin-top:6px;text-align:left}.bidder-card{align-items:center;flex-direction:column;text-align:center}.bidder-image{margin-bottom:12px;margin-right:0}.bidder-actions{flex-direction:column;width:100%}.bidder-btn,.bidder-close{width:100%}}}.receivable-page{background-color:#f8f9fa;justify-content:flex-start;min-height:100vh;padding:2rem 1rem}.receivable-page,.receivables-container{align-items:center;display:flex;flex-direction:column}.receivables-container{gap:1rem;padding:1rem}.receivables-header{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-bottom:1rem;max-width:800px;width:100%}.receivables-header input{border:1px solid #ccc;border-radius:8px;font-size:.9rem;padding:.6rem 1rem;width:200px}.receivable-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;margin-bottom:1rem;max-width:700px;min-height:160px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:95%}.receivable-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.receivable-left{align-items:center;background-color:#c41313;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem}.receivable-img{border:2px solid #f8d7da;border-radius:50%;height:70px;margin-bottom:.5rem;object-fit:cover;width:70px}.receivable-info{text-align:center}.receivable-info h4{color:#f6f5f5;font-size:1rem;font-weight:600;margin:.25rem 0}.receivable-info p{color:#f4f1f1;font-size:.85rem;margin:.15rem 0}.receivable-right{background-color:#fff;display:flex;flex:2 1;flex-direction:column;justify-content:space-between;padding:1rem 1.5rem}.receivable-financials{display:flex;flex-direction:column;font-size:.9rem;gap:.4rem}.receivable-financials p{align-items:center;color:#2d3436;display:flex;gap:.4rem;margin:0}.receivable-paid{color:#0077b6}.receivable-due{color:#d00000}.receivable-financials button{align-self:flex-start;background-color:#00b894;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:.5rem;padding:.5rem 1rem;transition:background .3s}.receivable-financials button:hover{background-color:#019875}@media screen and (max-width:600px){.receivable-card{flex-direction:column;max-width:100%;width:100%}.receivable-right{padding:1rem}.receivables-header input{width:100%}}.summary-box{background-color:#fd0;border-left:4px solid #000;border-radius:4px;box-shadow:0 2px 4px #0003;color:#000;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 1rem;transform:skew(-12deg)}.payable-page{background-color:#f8f9fa;justify-content:flex-start;min-height:100vh;padding:2rem 1rem}.payable-page,.payables-container{align-items:center;display:flex;flex-direction:column}.payables-container{gap:1rem;padding:1rem}.payables-header{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-bottom:1rem;max-width:800px;width:100%}.payables-header input{border:1px solid #ccc;border-radius:8px;font-size:.9rem;padding:.6rem 1rem;width:200px}.clear-btn{background-color:#ed0f0f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:background .3s}.clear-btn:hover{background-color:#d63031}.payable-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;margin-bottom:1rem;max-width:700px;min-height:160px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:95%}.payable-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.payable-left{align-items:center;background-color:#c41313;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem}.payable-img{border:2px solid #f8d7da;border-radius:50%;height:70px;margin-bottom:.5rem;object-fit:cover;width:70px}.payable-info{text-align:center}.payable-info h4{color:#f6f5f5;font-size:1rem;font-weight:600;margin:.25rem 0}.payable-info p{color:#f4f1f1;font-size:.85rem;margin:.15rem 0}.payable-right{background-color:#fff;display:flex;flex:2 1;flex-direction:column;justify-content:space-between;padding:1rem 1.5rem}.payable-financials{display:flex;flex-direction:column;font-size:.9rem;gap:.4rem}.payable-financials p{align-items:center;color:#2d3436;display:flex;gap:.4rem;margin:0}.payable-paid{color:#0077b6}.payable-due{color:#d00000}.payable-financials button{align-self:flex-start;background-color:#00b894;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:.5rem;padding:.5rem 1rem;transition:background .3s}.payable-financials button:hover{background-color:#019875}.tooltip-box{background-color:#2d3436;border-radius:8px;color:#fff;font-size:.85rem;max-width:220px;padding:10px}.tooltip-payments ul{list-style-type:disc;margin-top:6px;padding-left:1.2rem}.tooltip-payments li{margin-bottom:4px}.payment-summary-bar{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-around;margin:1.5rem 0;padding:1.2rem}.summary-item{flex:1 1;text-align:center}.summary-item .label{color:#666;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.summary-item .value{font-size:2rem;font-weight:700}.value.total{color:#007bff}.value.paid{color:#28a745}.value.due{color:#dc3545}.payment-button-container{margin-top:1rem;text-align:center}.pay-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.5rem;transition:background .2s ease}.pay-button:hover{background-color:#0056b3}@media screen and (max-width:600px){.payable-card{flex-direction:column;max-width:100%;width:100%}.payable-right{padding:1rem}.payables-header input{width:100%}}.area-dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23333" d="M2 0L0 2h4z"/></svg>');background-position:right .75rem center;background-repeat:no-repeat;background-size:.65rem auto;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;padding:.6rem 1rem;width:200px}.area-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}.subscriber-profile-container{background:#f9f9f9;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:row;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh}.subscriber-profile-sidebar{background:#cd3240;box-shadow:2px 0 8px #00000026;color:#fff;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:1.5rem;width:240px}.sidebar-top{margin-bottom:2rem;text-align:center}.sidebar-download-button,.sidebar-upload-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;margin-top:.75rem;padding:10px 14px;transition:background-color .3s ease;width:100%}.sidebar-upload-button{background-color:#007bff;color:#fff}.sidebar-upload-button:hover{background-color:#0056b3}.sidebar-download-button{background-color:#28a745;color:#fff}.sidebar-download-button:hover{background-color:#1e7e34}.sidebar-title{border-bottom:2px solid #fff;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:6px}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav li{border-radius:5px;cursor:pointer;font-size:.95rem;padding:10px 14px;transition:background-color .25s ease}.sidebar-nav li.active,.sidebar-nav li:hover{background-color:#444}.profile-content{flex:1 1;overflow-y:auto;padding:2rem}.sections{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:1.5rem;padding:1.5rem;position:relative}.section-title{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.edit-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;position:absolute;right:1rem;top:1rem}.edit-button:hover{background:#0056b3}.section-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:1rem;padding:2rem}.metrics{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.card{background:#fff;border-left:6px solid;border-radius:8px;cursor:pointer;flex:1 1 200px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.blue{border-color:#3b82f6}.green{border-color:#10b981}.gray{border-color:#6b7280}.red{border-color:#ef4444}.orange{border-color:#f97316}.purple{border-color:#8b5cf6}.card.yellow{background-color:#fdb913;border:2px solid #000;box-shadow:0 4px 10px #00000026;color:#111;cursor:pointer;padding:1.2rem;text-align:center;transition:transform .2s ease}.card.yellow:hover{transform:translateY(-4px)}.card.yellow h3{font-size:1.1rem;font-weight:600;margin:0}.card.yellow .big-number{color:#111;font-size:2.8rem;font-weight:700;margin-top:.5rem}.wish-container{margin:2rem 0}.wish-card{background:#fff;border-left:4px solid #3b82f6;border-radius:6px;margin-bottom:1rem;padding:1rem}.green-border{border-left-color:#10b981}@media (max-width:768px){.subscriber-profile-container{flex-direction:column}.subscriber-profile-sidebar{padding:1rem;position:relative;width:100vw}.subscriber-profile-main{padding:1rem}.sidebar-title,.subscriber-profile-sidebar ul li{font-size:1rem;text-align:center}}.sections input,.sections select,.sections textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;display:block;font-size:1rem;margin-bottom:1rem;padding:10px 14px;transition:border .2s ease;width:100%}.sections input:focus,.sections select:focus,.sections textarea:focus{background-color:#fff;border-color:#007bff;outline:none}.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:#cd3240}.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{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.modal{background:#fff;border-radius:8px;max-width:400px;padding:20px;width:90%}.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{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{border:none;border-radius:4px;cursor:pointer;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{background-color:#cd3240;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;margin-bottom:1.5rem;max-width:100%;padding:1rem}@media (max-width:768px){.account-header-top{align-items:flex-start;flex-direction:column;gap:10px}.add-entry-btn{width:100%}}.account-header-top h2{color:#222;font-size:1.25rem;margin:0}.add-entry-btn{background-color:#cd3240;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}@media (max-width:768px){.account-grid-row{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:block;margin-bottom:1rem;padding:.75rem}.account-grid-row span{display:flex;font-size:.95rem;padding:4px 0}.account-grid-row span:before{color:#444;content:attr(data-label) " : ";display:inline-block;font-weight:600;width:140px}}@media (min-width:768px){.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}}.total-row{background-color:#d32f2f;border-radius:8px;border-top:2px solid #b71c1c;color:#fff;font-weight:700;overflow:hidden}.total-row span{color:#fff}
/*# sourceMappingURL=main.775c3dd0.css.map*/