@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.sidebar[data-v-a278cdb2]{flex-direction:column;min-width:310px;background-color:#f6f7f9;height:100vh;overflow:hidden;justify-content:space-between;padding:20px 0;border:2px solid #dce0e5}.menu[data-v-a278cdb2]{display:none}.profile[data-v-a278cdb2]{display:flex;align-items:center;gap:15px;padding:0 20px;margin:50px 0 60px 0}.avatar-img[data-v-a278cdb2]{height:85px;width:85px;border-radius:50%}.details[data-v-a278cdb2]{display:flex;flex-direction:column}.name[data-v-a278cdb2]{font-size:16px;font-weight:600;color:#111}.position[data-v-a278cdb2]{font-size:13px;color:#6f7c8e;font-weight:600}.nav-categories ul[data-v-a278cdb2]{list-style:none;padding:0 20px}.nav-categories li[data-v-a278cdb2]{margin-bottom:15px;border-radius:10px;overflow:hidden}.nav-categories li a.nav-menu[data-v-a278cdb2]{display:flex;align-items:center;gap:10px;padding:12px 18px;font-weight:600;text-decoration:none;color:#333;background-color:#fff;transition:background-color .3s,color .3s;border:1px solid #ddd;border-radius:10px}.nav-categories li.red a[data-v-a278cdb2]{background-color:#fff;color:#f29900}.nav-categories li.green a[data-v-a278cdb2]{background-color:#fff;color:#3f9c35}.nav-categories li.active.red a[data-v-a278cdb2]{background-color:#f29900;color:#fff}.nav-categories li.active.green a[data-v-a278cdb2]{background-color:#3f9c35;color:#fff}.icon[data-v-a278cdb2]{height:24px;width:24px}@media only screen and (max-width:440px){.sidebar[data-v-a278cdb2]{position:fixed;left:0;top:0;width:100%;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:999}.sidebar.activeToggle[data-v-a278cdb2]{transform:translateX(0)}.menu[data-v-a278cdb2]{display:flex;justify-content:flex-end;padding:20px}.profile[data-v-a278cdb2]{flex-direction:column;align-items:center;margin-bottom:30px}.details[data-v-a278cdb2]{text-align:center}}header[data-v-3d42b87a]{top:0;height:55px;display:flex;justify-content:space-between;align-items:center;background-color:#3e535f;color:#fff;box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25);padding:0 20px 0 5px}header img[data-v-3d42b87a]{height:75px;width:290px}header .logout[data-v-3d42b87a]{cursor:pointer}header .menu[data-v-3d42b87a]{display:none}@media only screen and (min-width:320px) and (max-width:440px){header[data-v-3d42b87a]{padding:0 10px;position:sticky}header .menu[data-v-3d42b87a]{display:block;z-index:1000}.icon-logo[data-v-3d42b87a]{visibility:hidden}}.header-one[data-v-3d42b87a]{height:50px;display:flex;justify-content:center;align-items:center}.container[data-v-4559e1ab]{display:flex;min-height:100vh;overflow:hidden;background-color:#fff}.main-content[data-v-4559e1ab]{display:flex;flex-direction:column;flex:1;overflow:hidden}.layout-body[data-v-4559e1ab]{display:flex;flex:1;height:100%;overflow:hidden}.layout-body>.content-area[data-v-4559e1ab]{flex:1;margin:25px 20px}.content-area .header-title[data-v-4559e1ab]{display:flex;align-items:center}.content-area .header-title h3[data-v-4559e1ab]{color:var(--font-color-four);font-weight:500;font-size:16px}.content-area .header-title .subtitle[data-v-4559e1ab]{color:var(--font-color-three)}.content-area .panel[data-v-4559e1ab]{margin-top:12px}@media only screen and (min-width:320px) and (max-width:440px){.content-area .header-title h3[data-v-4559e1ab]{font-size:13px}.content-area .header-title .subtitle[data-v-4559e1ab]{color:var(--font-color-three)}}.wrapper[data-v-0b3f72d8]{margin-top:40px;flex-direction:column}.logo[data-v-0b3f72d8],.wrapper[data-v-0b3f72d8]{display:flex;justify-content:center;align-items:center}.logo img[data-v-0b3f72d8]{height:110px;width:460px}h3[data-v-0b3f72d8]{font-weight:450;font-size:28px;color:var(--font-color-one);padding:25px;text-align:center}.input-field[data-v-0b3f72d8]{position:relative;margin:10px 0}.input-field .icon-lock[data-v-0b3f72d8],.input-field .icon-user[data-v-0b3f72d8]{position:absolute;left:12px;top:50%;transform:translateY(-50%);height:20px;width:20px;fill:var(--font-color-one)}.input-field .input[data-v-0b3f72d8]{height:42px;border:none;min-width:420px;padding-left:40px;border-radius:10px;color:var(--lightFont);font-size:14px;box-shadow:0 0 0 1px rgba(0,0,0,.05);background:#fff;margin:2px 0}.btn-submit[data-v-0b3f72d8]{font-size:16px;height:45px}@media only screen and (min-width:320px) and (max-width:440px){.logo img[data-v-0b3f72d8]{height:85%;width:85%}.input-field .input[data-v-0b3f72d8]{min-width:300px}}.hero-searchbar[data-v-8447e286]{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}@media (max-width:600px){.hero-searchbar[data-v-8447e286]{flex-direction:column}.search-button[data-v-8447e286]{width:100%}}.search-input-wrapper[data-v-8447e286]{display:flex;align-items:center;border:2px solid #a3dff7;border-radius:8px;padding:6px 10px;background-color:#fff;flex:1}.search-icon[data-v-8447e286]{color:#888;margin-right:6px}.search-input-wrapper input[data-v-8447e286]{border:none;outline:none;width:100%;font-size:17px;color:#333}.search-button[data-v-8447e286]{background-color:#f59e0b;color:#fff;padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.search-button[data-v-8447e286]:hover{background-color:#d97706}.iwc-button[data-v-8447e286]{background-color:#3f9c35}.iwc-button[data-v-8447e286]:hover{background-color:#34732d}.modal-backdrop[data-v-70661fa2]{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-70661fa2]{background:#fff;padding:30px;border-radius:10px;width:70%;max-height:90vh;overflow-y:auto;box-shadow:0 6px 20px rgba(0,0,0,.3)}.modal-header[data-v-70661fa2]{font-size:20px;font-weight:700;margin-top:10px;margin-bottom:12px;color:#333}.card-holder-wrapper[data-v-70661fa2]{display:flex;justify-content:space-between;gap:60px;margin-bottom:35px}.details-left[data-v-70661fa2],.details-right[data-v-70661fa2]{flex:1;display:flex;flex-direction:column;gap:8px}.detail-row[data-v-70661fa2]{display:flex;justify-content:space-between;font-size:17px;border-bottom:1px solid #fff;padding:4px 0}.detail-label[data-v-70661fa2]{font-weight:600;color:#333;min-width:160px}.detail-value[data-v-70661fa2]{color:#444;text-align:left;flex:1}.payment-table-wrapper[data-v-70661fa2]{max-height:303px;overflow-y:auto;border:1px solid #dce0e5;border-radius:6px}.payment-table[data-v-70661fa2]{width:100%;border-collapse:collapse;min-width:600px}.payment-table td[data-v-70661fa2],.payment-table th[data-v-70661fa2]{padding:8px 10px;font-size:17px;text-align:left;border-bottom:1px solid #ddd}.payment-table th[data-v-70661fa2]{background-color:#dce0e5;font-weight:600;position:sticky;top:0;z-index:1}.payment-table tbody tr[data-v-70661fa2]:nth-child(odd){background-color:#f9fafc}.payment-table tbody tr[data-v-70661fa2]:nth-child(2n){background-color:#fff}.close-btn[data-v-70661fa2]{background-color:#f29900}.close-btn[data-v-70661fa2]:hover{background-color:#d97706}.spinner-container[data-v-70661fa2]{display:flex;justify-content:center;align-items:center;padding:20px}.spinner[data-v-70661fa2]{width:32px;height:32px;border:4px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin-70661fa2 .8s linear infinite}.payment-card[data-v-70661fa2]{padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-payment-cards[data-v-70661fa2]{display:flex;flex-direction:column;gap:16px}.payment-card[data-v-70661fa2]{background-color:#f9fafc;border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:15px;display:flex;flex-direction:column;gap:10px}.payment-card-row[data-v-70661fa2]{display:flex;justify-content:space-between;align-items:flex-start}.payment-card-label[data-v-70661fa2]{font-weight:600;color:#333;flex:1}.payment-card-value[data-v-70661fa2]{flex:1;text-align:right;color:#444;white-space:nowrap}.close-btn[data-v-70661fa2]{color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;margin-top:20px}.close-btn-default[data-v-70661fa2]{background-color:#f29900}.close-btn-default[data-v-70661fa2]:hover{background-color:#d97706}.close-btn-iwc[data-v-70661fa2]{background-color:#3f9c35}.close-btn-iwc[data-v-70661fa2]:hover{background-color:#34732d}@media (max-width:768px){.modal-content[data-v-70661fa2]{width:95%;padding:20px}.card-holder-wrapper[data-v-70661fa2]{flex-direction:column;gap:24px}.detail-row[data-v-70661fa2]{flex-direction:column;align-items:flex-start}.detail-label[data-v-70661fa2]{min-width:auto;font-size:15px}.detail-value[data-v-70661fa2]{font-size:15px;width:100%}.payment-table-wrapper[data-v-70661fa2]{overflow-x:auto;max-height:503px}.payment-table[data-v-70661fa2]{min-width:600px}.modal-header[data-v-70661fa2]{font-size:18px}.close-btn[data-v-70661fa2]{width:100%;font-size:16px}}@keyframes spin-70661fa2{to{transform:rotate(1turn)}}@media (max-width:768px){.modal-content[data-v-70661fa2]{width:95%;padding:20px}.card-holder-wrapper[data-v-70661fa2]{flex-direction:column;gap:24px}.detail-row[data-v-70661fa2]{flex-direction:column;align-items:flex-start}.detail-label[data-v-70661fa2]{min-width:auto;font-size:15px}.detail-value[data-v-70661fa2]{font-size:15px;width:100%}.payment-table[data-v-70661fa2]{min-width:600px}.modal-header[data-v-70661fa2]{font-size:18px}.close-btn[data-v-70661fa2]{width:100%;font-size:16px}}.loading-modal[data-v-dcf15a0e]{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:hsla(0,0%,100%,.85);display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner[data-v-dcf15a0e]{width:48px;height:48px;border:6px solid #ccc;border-top:6px solid #007bff;border-radius:50%;animation:spin-dcf15a0e 1s linear infinite}@keyframes spin-dcf15a0e{to{transform:rotate(1turn)}}.loading-text[data-v-dcf15a0e]{margin-top:16px;font-size:16px;color:#444}.error-modal[data-v-95aa7402]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center}.error-box[data-v-95aa7402]{position:relative;background:#fff;padding:24px;border-radius:10px;max-width:60%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow-y:auto}.close-icon[data-v-95aa7402]{position:absolute;top:12px;right:16px;font-size:24px;color:#999;cursor:pointer;transition:color .2s ease}.close-icon[data-v-95aa7402]:hover{color:#c00}.error-box h2[data-v-95aa7402]{font-size:40px;color:#4c5c80}.responsive-image[data-v-95aa7402]{width:100%;height:auto;max-height:400px;-o-object-fit:contain;object-fit:contain;display:block;margin:1rem auto}.main-container[data-v-6e1ca96c]{display:flex;flex-direction:column;padding:20px;gap:20px;font-family:Arial,sans-serif;background-color:#fff}.search-label[data-v-6e1ca96c]{margin-bottom:10px;font-size:16px;color:#555}.grid-table[data-v-6e1ca96c]{border:1px solid #ccc;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:scroll;max-height:700px}.member-table[data-v-6e1ca96c]{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}th[data-v-6e1ca96c]{background-color:#dce0e5;color:#333;padding:12px;text-align:left;font-weight:600;border-bottom:1px solid #ddd}td[data-v-6e1ca96c]{padding:12px;border-bottom:1px solid #eee;font-size:17px;color:#333}tr:last-child td[data-v-6e1ca96c]{border-bottom:none}.member-info[data-v-6e1ca96c]{display:flex;align-items:center;gap:10px}.member-icon[data-v-6e1ca96c]{margin-top:5px;font-size:20px;color:#666}.member-info img[data-v-6e1ca96c]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.member-name[data-v-6e1ca96c]{font-weight:600;color:#333}.member-company[data-v-6e1ca96c]{font-weight:500;font-size:15px;color:#777}.status-pill[data-v-6e1ca96c]{padding:6px 10px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;display:inline-block;min-width:90px}.status-pill.active[data-v-6e1ca96c]{background-color:#9effb3;color:#00a81c}.status-pill.lapsed[data-v-6e1ca96c]{background-color:#ffed9e;color:#db6e00}.status-pill.no-payments[data-v-6e1ca96c]{background-color:#ffc8c8;color:#c6432e}.view-btn[data-v-6e1ca96c]{background-color:#f29900;color:#fff;border:none;padding:8px 14px;border-radius:10px;cursor:pointer;font-size:14px;transition:background-color .2s ease;min-width:100px;font-weight:500}.view-btn[data-v-6e1ca96c]:hover{background-color:#d97706}.grid-table tbody tr[data-v-6e1ca96c]:nth-child(odd){background-color:#f9fafc}.grid-table tbody tr[data-v-6e1ca96c]:nth-child(2n){background-color:#fff}.uppercase-text[data-v-6e1ca96c]{text-transform:uppercase}@media screen and (max-width:768px){body[data-v-6e1ca96c],html[data-v-6e1ca96c]{height:auto;overflow:auto;scroll-behavior:smooth}.main-container[data-v-6e1ca96c]{height:auto;overflow-y:auto}.grid-table[data-v-6e1ca96c]{padding:0;border:none;box-shadow:none;overflow:visible!important;max-height:none!important}.member-table[data-v-6e1ca96c]{border:none;border-collapse:separate;border-spacing:0 10px;font-size:14px}.member-table thead[data-v-6e1ca96c]{display:none}.member-table tr[data-v-6e1ca96c]{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#fff;padding:15px}.grid-table tbody tr[data-v-6e1ca96c]:nth-child(2n),.grid-table tbody tr[data-v-6e1ca96c]:nth-child(odd){background-color:#f6f7f9}.member-table td[data-v-6e1ca96c]{display:block;text-align:right;padding:6px 0;border-bottom:none;position:relative;font-size:14px}.member-info[data-v-6e1ca96c]{display:flex;align-items:center;gap:10px}.member-info[data-v-6e1ca96c]:after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #ddd}.member-table td[data-v-6e1ca96c]:first-child{text-align:left;padding-top:8px;padding-bottom:12px;font-size:14px;font-weight:600}.member-table td[data-label][data-v-6e1ca96c]:before{content:attr(data-label) ": ";font-weight:700;color:#555;float:left;margin-right:10px;font-size:14px}.member-company[data-v-6e1ca96c]{font-size:12px;color:#888;font-weight:500;margin-top:4px}.member-table td[data-v-6e1ca96c]:last-child{text-align:center;padding-top:15px}.member-table td:last-child .view-btn[data-v-6e1ca96c]{width:100%;padding:12px}}.main-container{display:flex;flex-direction:column;padding:20px;gap:20px;font-family:Arial,sans-serif;background-color:#fff}.search-label{margin-bottom:10px;font-size:16px;color:#555}.grid-table{border:1px solid #ccc;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:scroll;max-height:700px}.member-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}th{background-color:#dce0e5;text-align:left;font-weight:600;border-bottom:1px solid #ddd}td,th{color:#333;padding:12px}td{border-bottom:1px solid #eee;font-size:17px}tr:last-child td{border-bottom:none}.member-info{display:flex;align-items:center;gap:10px}.member-icon{margin-top:5px;font-size:20px;color:#666}.member-info img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.member-name{font-weight:600;color:#333}.member-company{font-weight:500;font-size:15px;color:#777}.status-pill{padding:6px 10px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;display:inline-block;min-width:90px}.status-pill.active{background-color:#9effb3;color:#00a81c}.status-pill.lapsed{background-color:#ffed9e;color:#db6e00}.status-pill.no-payments{background-color:#ffc8c8;color:#c6432e}.view-btn{background-color:#3f9c35;color:#fff;border:none;padding:8px 14px;border-radius:10px;cursor:pointer;font-size:14px;transition:background-color .2s ease;min-width:100px;font-weight:500}.view-btn:hover{background-color:#34732d}.grid-table tbody tr:nth-child(odd){background-color:#f9fafc}.grid-table tbody tr:nth-child(2n){background-color:#fff}.uppercase-text{text-transform:uppercase}@media screen and (max-width:768px){body,html{height:auto;overflow:auto;scroll-behavior:smooth}.main-container{height:auto;overflow-y:auto}.grid-table{padding:0;border:none;box-shadow:none;overflow:visible!important;max-height:none!important}.member-table{border:none;border-collapse:separate;border-spacing:0 10px;font-size:14px}.member-table thead{display:none}.member-table tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#fff;padding:15px}.grid-table tbody tr:nth-child(2n),.grid-table tbody tr:nth-child(odd){background-color:#f6f7f9}.member-table td{display:block;text-align:right;padding:6px 0;border-bottom:none;position:relative;font-size:14px}.member-info{display:flex;align-items:center;gap:10px}.member-info:after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #ddd}.member-table td:first-child{text-align:left;padding-top:8px;padding-bottom:12px;font-size:14px;font-weight:600}.member-table td[data-label]:before{content:attr(data-label) ": ";font-weight:700;color:#555;float:left;margin-right:10px;font-size:14px}.member-company{font-size:12px;color:#888;font-weight:500;margin-top:4px}.member-table td:last-child{text-align:center;padding-top:15px}.member-table td:last-child .view-btn{width:100%;padding:12px}}:root{--bg-main-color-web:#f8f9fa;--primary-gradient:#4682b4;--secondary-gradient:#0b2545;--error-color:#e25959;--danger-color:#f8d7da;--valid-color:#2c952a;--light-color:#fff;--semi-light-color:#e2dfdf;--bg-color-one:#e8e8e8;--primary-font:"Poppins";--font-color-one:#667085;--font-color-two:#3e5360;--font-color-three:#ababab;--font-color-four:#585858;--font-color-error:#d33e4d}*{font-family:var(--primary-font);list-style-type:none;box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{background-color:var(--bg-main-color-web);scroll-behavior:smooth}.btn-submit{border:none;border-radius:10px;outline:none;width:100%;color:var(--light-color);background:var(--primary-color);cursor:pointer;transition:.3s}.gradient{background:linear-gradient(50deg,var(--primary-gradient) 0,var(--secondary-gradient) 90%)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.loading-container{position:relative}.loading-container,.modal-overlay[data-v-2b886806]{display:flex;justify-content:center;align-items:center}.modal-overlay[data-v-2b886806]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.modal-container[data-v-2b886806]{background:var(--light-color);padding:20px 30px;border-radius:15px;width:680px}.modal-header[data-v-2b886806]{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.modal-header h3[data-v-2b886806]{color:var(--font-color-four)}.modal-body[data-v-2b886806]{margin-top:20px}body.modal-open[data-v-2b886806]{overflow:hidden}.icon[data-v-2b886806]{height:24px;width:24px;cursor:pointer}hr[data-v-2b886806]{background-color:#bebebe;height:1px;border:0}.loader[data-v-3c7c41e9]{width:26px;height:26px;border-radius:50%;position:absolute;animation:rotate-3c7c41e9 1s linear infinite}.loader[data-v-3c7c41e9]:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid #fff;animation:prixClipFix-3c7c41e9 2s linear infinite}@keyframes rotate-3c7c41e9{to{transform:rotate(1turn)}}@keyframes prixClipFix-3c7c41e9{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}