:root{--primary-color: #007F7E;--secondary-color: #ffe86e;--accent-color: #FF6461;--muted-color: #CCCCCC;--light-primary-color: #43CBC3;--deep-primary-color: #007F7E;--dark-grey-color: #333333;--light-grey-color: #F2F2F2;--text-color-primary: #212121;--text-color-secondary: #555555;--text-color-light: #FFFFFF;--text-color-muted: #888888;--text-color-teal: #007F7E;--text-color-orange: #FF6461;--text-color-yellow: #FAAE00;--text-color-deep-teal: #007F7E;--text-color-light-teal: #43CBC3;--background-color-light: #F5F5F5;--background-color-dark: #212121;--background-accent: #E0E0E0;--background-primary: #FFFFFF;--font-family-primary: "Roboto", sans-serif;--font-family-secondary: "Arial", sans-serif;--font-size-h1: 48px;--font-size-h2: 36px;--font-size-h3: 28px;--font-size-h4: 22px;--font-size-h5: 18px;--font-size-h6: 16px;--font-size-body: 16px;--font-size-small: 14px;--font-size-xsmall: 12px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--button-primary-bg: var(--primary-color);--button-primary-text: var(--text-color-light);--button-primary-hover-bg: #007F7E;--button-secondary-bg: var(--secondary-color);--button-secondary-text: var(--text-color-primary);--button-secondary-hover-bg: #FFD54F;--button-padding: 10px 20px;--button-border-radius: 4px;--input-bg: var(--background-primary);--input-border-color: var(--muted-color);--input-border-radius: 4px;--input-padding: 8px 12px;--input-focus-border-color: var(--primary-color);--input-text-color: var(--text-color-primary);--box-shadow-primary: 0px 4px 6px rgba(0, 0, 0, .1);--box-shadow-hover: 0px 6px 10px rgba(0, 0, 0, .15);--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 16px;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 24px;--spacing-xlarge: 32px;--container-width-mobile: 100%;--container-width-tablet: 720px;--container-width-desktop: 960px;--container-width-wide: 1200px}[data-theme=dark]{--background-color-light: #212121;--background-primary: #121212;--text-color-primary: #FFFFFF;--text-color-secondary: #BBBBBB;--button-primary-bg: #444444;--button-primary-hover-bg: #666666;--input-bg: #333333;--input-border-color: #555555;--input-focus-border-color: var(--accent-color)}[data-theme=light]{--background-color-light: #FFFFFF;--background-primary: #F5F5F5;--text-color-primary: #212121;--text-color-secondary: #555555;--button-primary-bg: var(--primary-color);--button-primary-hover-bg: #007F7E;--input-bg: var(--background-primary);--input-border-color: var(--muted-color)}.text-center{text-align:center!important}.text-primary{color:var(--text-color-primary)!important}.text-secondary{color:var(--text-color-secondary)!important}.text-teal{color:var(--text-color-teal)!important}.text-orange{color:var(--text-color-orange)!important}.text-yellow{color:var(--text-color-yellow)!important}.text-deep-teal{color:var(--text-color-deep-teal)!important}.text-light-teal{color:var(--text-color-light-teal)!important}.bg-primary{background-color:var(--background-primary)!important}.bg-light{background-color:var(--background-color-light)!important}.bg-accent{background-color:var(--background-accent)!important}.bg-secondary{background-color:var(--secondary-color)!important}.bg-light-primary{background-color:var(--light-primary-color)!important}.bg-deep-primary{background-color:var(--deep-primary-color)!important}.bg-dark-grey{background-color:var(--dark-grey-color)!important}.bg-light-grey{background-color:var(--light-grey-color)!important}.font-size-h1{font-size:var(--font-size-h1)!important}.font-size-h2{font-size:var(--font-size-h2)!important}.font-size-h3{font-size:var(--font-size-h3)!important}.font-size-h4{font-size:var(--font-size-h4)!important}.font-size-h5{font-size:var(--font-size-h5)!important}.font-size-h6{font-size:var(--font-size-h6)!important}.font-size-body{font-size:var(--font-size-body)!important}.font-size-small{font-size:var(--font-size-small)!important}.font-size-xsmall{font-size:var(--font-size-xsmall)!important}.text-color-primary{color:var(--text-color-primary)!important}.text-color-secondary{color:var(--text-color-secondary)!important}.text-color-light{color:var(--text-color-light)!important}.text-color-muted{color:var(--text-color-muted)!important}.text-color-teal{color:var(--text-color-teal)!important}.text-color-orange{color:var(--text-color-orange)!important}.text-color-yellow{color:var(--text-color-yellow)!important}.text-color-deep-teal{color:var(--text-color-deep-teal)!important}.text-color-light-teal{color:var(--text-color-light-teal)!important}.input{background-color:var(--input-bg)!important;border:1px solid var(--input-border-color)!important;padding:var(--input-padding)!important;border-radius:var(--input-border-radius)!important;color:var(--input-text-color)!important;transition:border-color .3s ease!important}.input:focus{border-color:var(--input-focus-border-color)!important;outline:none!important}.app-content-container{margin-top:74px;min-height:calc(57vh - 91px)}@media (min-width: 768px){.w-md-50{width:50%!important}}@media (max-width: 768px){.w-sm-100{width:100%!important}}.nj-box-shadow{box-shadow:0 4px 10px #1a4f8325}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.organization-layout.auth-layout .ant-layout-content{padding:16px}@media (min-width: 992px){.ant-layout-content.auth-layout{padding:24px}}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-color-primary);margin-bottom:var(--spacing-medium)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semi-bold);color:var(--text-color-primary);margin-bottom:var(--spacing-medium)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--text-color-primary);margin-bottom:var(--spacing-medium)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-regular);color:var(--text-color-primary);margin-bottom:var(--spacing-small)}h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-regular);color:var(--text-color-primary);margin-bottom:var(--spacing-small)}h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-light);color:var(--text-color-secondary);margin-bottom:var(--spacing-small)}p{font-size:var(--font-size-body);line-height:1.6;color:var(--text-color-primary);margin-bottom:var(--spacing-medium)}p.small{font-size:var(--font-size-small);line-height:1.5;color:var(--text-color-secondary)}.subsection-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);color:var(--text-color-primary);margin-bottom:var(--spacing-small)}.font-bold{font-weight:var(--font-weight-bold)}.font-light{font-weight:var(--font-weight-light)}.font-semi-bold{font-weight:var(--font-weight-semi-bold)}.button-primary{background-color:var(--button-primary-bg)!important;color:var(--button-primary-text)!important;border:1px solid var(--button-primary-bg)!important;transition:background-color .3s ease,border-color .3s ease!important}.button-primary:hover{background-color:var(--button-primary-hover-bg)!important;border-color:var(--button-primary-hover-bg)!important}.button-primary-pill{border-color:var(--button-primary-bg)!important;color:var(--button-primary-bg)!important}.button-primary-pill:hover{background-color:var(--button-primary-bg)!important;border-color:var(--deep-primary-color)!important;color:var(--text-color-light)!important}.button-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);padding:var(--button-padding);border-radius:var(--button-border-radius);border:none;cursor:pointer;transition:background-color .3s ease}.button-secondary:hover{background-color:var(--button-secondary-hover-bg)}.button-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:var(--button-padding);border-radius:var(--button-border-radius);cursor:pointer;transition:background-color .3s ease,color .3s ease}.button-outline:hover{background-color:var(--primary-color);color:var(--text-color-light)}.btn-pill,.input-pill{border-radius:50px!important}.input-wrapper{position:relative;width:100%}.custom-input{border-radius:20px;padding-right:40px;background-color:transparent!important;color:var(--text-color-light)!important;border:1px solid var(--light-grey-color)!important}.custom-input::placeholder{color:var(--text-color-light)}.input-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--light-grey-color);pointer-events:none}.custom-input:focus{border-color:var(--light-grey-color);background-color:var(--dark-grey-color);color:var(--text-color-light);outline:none}.card{background-color:var(--background-accent);padding:var(--spacing-medium);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-primary);margin-bottom:var(--spacing-large)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-medium)}th,td{padding:var(--spacing-small);border:1px solid var(--muted-color);text-align:left}th{background-color:var(--background-primary);font-weight:var(--font-weight-medium);color:var(--text-color-primary)}.tooltip{background-color:var(--background-primary);color:var(--text-color-primary);padding:var(--spacing-small);border-radius:var(--border-radius-small);box-shadow:var(--box-shadow-primary);font-size:var(--font-size-small)}.modal{background-color:var(--background-primary);color:var(--text-color-primary);padding:var(--spacing-large);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-hover)}.modal-header{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);color:var(--text-color-primary);margin-bottom:var(--spacing-medium)}.modal-content{font-size:var(--font-size-body);color:var(--text-color-secondary)}.preserve-whitespace{white-space:pre-line}.loader-container.active{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1050;background-color:#333333ae;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.progress-bar{width:100%;background-color:#f3f3f3;border-radius:5px;overflow:hidden;height:20px;margin-top:10px}.progress{height:100%;background-color:#3498db;transition:width .1s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-header .dropend .dropdown-toggle{margin-left:1em}.admin-header .dropdown-menu{margin-top:.125em;margin-left:.125em}.admin-header .dropdown-menu.show .dropend a{margin-left:0}@media screen and (min-width: 769px){.admin-header .dropend .dropdown-toggle{margin-left:.5em}.admin-header .dropdown-submenu{position:absolute;top:0;left:100%}}.footer-bottom{border-top:1px solid var( --light-primary-color, #444444)!important;border-bottom:5px solid var(--primary-color, #444444)!important}.footer-language a.nav-link{text-align:right;padding-right:0!important}.footer-language a.nav-link:hover{color:var(--primary-color, #FFFFFF);cursor:pointer}.footer-logo-circle{max-width:35px}.footer-language .dropdown-item:hover{background-color:var(--light-grey-color, #444444);color:var(--primary-color, #FFFFFF);cursor:pointer}.footer a{color:var(--text-color-light, #FFFFFF);text-decoration:none}.footer a:hover{color:var(--accent-color, #FAAE00)}.footer h6{font-size:var(--font-size-h6, 16px);margin-bottom:var(--spacing-small, 8px)}.footer-separator{border-color:var(--muted-color, #444444);opacity:.5}.login-logo{height:100px}.page_404{padding:40px 0;background:#fff}.page_404 img{width:100%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height:400px;background-position:center;margin-bottom:0px auto}.four_zero_four_bg h1,.four_zero_four_bg h3{font-size:80px}.custom-table-container{width:100%;overflow-x:auto;background-color:#fff;border:1px solid #e3e3e3;border-radius:8px;margin:1rem auto;padding:0}.custom-table-container table{margin-bottom:0}.custom-table{width:100%;border-collapse:collapse;min-width:900px;margin:0}.custom-table thead th{font-size:.85rem;font-weight:600;text-transform:uppercase;color:#495057;padding:16px;border-bottom:2px solid #dee2e6}.custom-table tbody tr{transition:background-color .2s ease-in-out}.actions-column,.actions-header{text-align:center}.custom-table tbody tr:hover{background-color:#f2f2f2}.custom-table tbody td,.custom-table thead th{font-size:.9rem;color:#212529;padding:16px;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #dee2e6;vertical-align:middle}.custom-table tbody tr:last-child td{border-bottom:none}.actions-header{text-align:center;width:150px}.actions-column{text-align:center}.action-button{border-radius:4px}.custom-table-container::-webkit-scrollbar{width:6px;height:6px}.custom-table-container::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:10px}.custom-table-container::-webkit-scrollbar-track{background:transparent}.text-wrap{white-space:normal}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-table tbody td{height:50px}.no-margin-table{margin-bottom:0!important}.no-margin-table .ant-table-cell{border:none!important}.no-margin-table .ant-table-thead>tr>th{border:none!important;border-bottom:1px solid #e3e3e3!important;background:#f5f5f5!important;font-weight:600}.no-margin-table .ant-table-tbody>tr>td{border:none!important;border-bottom:1px solid #f0f0f0!important}.no-margin-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.dashboard-container{min-height:80vh}.section-title{font-size:18px;font-weight:600;color:#1e293b}.country-main-container .country-main-card{background:#fff;padding:16px;border-radius:8px;text-align:left;border:1px solid #e2e8f0}.country-main-container .country-main-card h3{font-size:32px;font-weight:600;color:#2563eb;margin-bottom:0}.country-main-container .country-main-card p{font-size:16px;color:#64748b;font-weight:600}.country-main-container .country-card-content{background:#fff;padding:16px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0}.country-main-container .country-total{font-size:clamp(14px,2vw,16px);font-weight:600;color:#2563eb;margin-bottom:4px;float:right;height:clamp(28px,4vw,32px);width:clamp(28px,4vw,32px);border-radius:50%;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center}.country-main-container .country-name{color:#64748b;font-size:14px}.subscription-main-container .subscription-card-content{background:#fff;padding:16px;border-radius:6px;border:1px solid #e2e8f0}.latest-organizations-main-container .section-header,.subscription-main-container .section-header{display:flex;justify-content:space-between;align-items:center}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#f7f7f7,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-text{height:16px;margin-bottom:8px}.shimmer-title{height:24px;width:200px;margin-bottom:16px}.page-header{padding:1.5em 12px}.page-title{display:flex;align-items:baseline;gap:1rem}.page-title h1{margin:0;font-size:1.5rem;font-weight:600}.filter-popup{position:absolute;z-index:1;min-width:800px;background:#fff}.custom-select{position:relative;display:inline-block;min-width:150px;max-width:350px}.selected{padding:8px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-color:#fff;height:38px;display:flex;align-items:center;justify-content:space-between}.chevron{margin-left:8px;transition:transform .2s}.options{position:absolute;top:100%;left:0;right:0;border:1px solid #ccc;border-radius:4px;background-color:#fff;z-index:1000;animation:fadeIn .2s;max-height:200px;overflow-y:auto}.options::-webkit-scrollbar{width:8px}.options::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.options::-webkit-scrollbar-thumb:hover{background-color:#aaa}.options::-webkit-scrollbar-track{background:#f0f0f0}.options{scrollbar-width:thin;scrollbar-color:#ccc #f0f0f0}.option{padding:10px;cursor:pointer}.option:hover{background-color:#f0f0f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-select .icon{margin-left:8px;flex-shrink:0;position:absolute;right:10px}.custom-select .selected .select-hidden{display:none}.selected-option{background-color:#f0f0f0}.pagination-container{display:flex;flex-direction:row;align-items:baseline;justify-content:end;gap:1rem;margin:1.5rem 0}.pagination-summary{font-size:.9rem;color:#6c757d}.pagination{margin:0}.pagination .page-link{border:none;color:#007bff;padding:.5rem .75rem;margin:0 .25rem;border-radius:.25rem;transition:all .2s ease-in-out}.pagination .page-item.active .page-link{background-color:#007bff;color:#fff}.pagination .page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:transparent}.pagination .page-link:hover:not(.disabled){background-color:#e9ecef;color:#0056b3}@media (max-width: 576px){.pagination{flex-wrap:wrap;justify-content:center}.pagination .page-link{margin:.25rem}}.user-edit{margin-bottom:16px}.user-edit .nav-link{cursor:pointer;color:var(--dark-grey-color, #1e1f20);font-weight:500;padding:15px 10px}.user-edit .nav-link.active{border-bottom:5px solid var(--primary-color, #007bff);font-weight:700}.user-edit .form-wrapper{border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;padding:0}.user-edit .form-header{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}.user-edit .form-body{padding:20px}.delete-user-popup-content{background:transparent!important}.delete-user-popup-content .popup-wrapper{background:#fff;padding:20px!important;border-radius:8px;width:400px;max-width:90vw;margin:0 auto}.delete-user-popup-content .popup-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.delete-user-popup-content .popup-header h3{margin:0;font-size:1.25rem}.delete-user-popup-content .popup-body{margin-bottom:20px}.delete-user-popup-content .popup-footer{display:flex;justify-content:flex-end;gap:10px}.organizations-page .modal{background:var(--white-color);padding:20px;border-radius:10px;width:400px;max-width:90vw;position:relative;margin:15% auto;box-shadow:0 4px 6px #0000001a}.organizations-page .modal h3{margin-bottom:15px;color:var(--dark-grey-color)}.organizations-page .modal p{margin-bottom:20px;color:var(--grey-color)}.organizations-edit{margin-bottom:16px}.organizations-edit .nav-link{cursor:pointer;color:var(--dark-grey-color);font-weight:500;padding:15px 10px}.organizations-edit .nav-link.active{border-bottom:5px solid var(--primary-color);font-weight:700}.organizations-edit .form-wrapper{border:1px solid var(--light-grey-color);border-radius:10px;padding:0}.organizations-edit .form-header{border-bottom:1px solid var(--light-grey-color)}.organizations-edit .form-body{padding:20px}.popup-overlay{background:#00000080}.delete-organization-popup :is(-content){width:400px;padding:0;border-radius:8px;background:#fff}.admin-subscriptions-container{padding:24px}.admin-subscriptions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-subscriptions-header h1{margin:0}.subscription-form{max-width:600px;margin:0 auto}.subscription-form-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.subscriptions-edit{margin-bottom:16px}.subscriptions-edit .nav-link{cursor:pointer;color:var(--dark-grey-color, #1e1f20);font-weight:500;padding:15px 10px}.subscriptions-edit .nav-link.active{border-bottom:5px solid var(--primary-color, #007bff);font-weight:700}.subscriptions-edit .form-wrapper{border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;padding:0}.subscriptions-edit .form-header{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}.subscriptions-edit .form-body{padding:20px}.permission-edit .nav-link{cursor:pointer;color:var(--dark-grey-color, #1e1f20);font-weight:500;padding:15px 10px}.permission-edit .nav-link.active{border-bottom:5px solid var(--primary-color, #007bff);font-weight:700}.permission-edit .form-wrapper{border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;padding:0}.permission-edit .form-header{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}.permission-edit .form-body{padding:20px}.activity-details-popup :is(-content){padding:0!important;border:none!important;border-radius:.375rem!important;width:90%!important;max-width:600px!important}.activity-details-popup :is(-overlay){background:#00000080!important}.activity-details-popup .card{margin:0}.activity-detail-properties{max-height:200px;overflow:auto;overflow-x:hidden}.log-details-card .row *,.log-details-card .row .col-11{font-size:.9rem!important}.log-details-card .row .text-muted{font-weight:600!important}.log-details-card .messages-container *{font-size:.9rem!important}.log-details-card h6{font-size:1rem!important;font-weight:600!important}.log-details-card .card-header h6{font-size:1.2rem!important}.features-edit{margin-bottom:16px}.features-edit .nav-link{cursor:pointer;color:var(--dark-grey-color, #1e1f20);font-weight:500;padding:15px 10px}.features-edit .nav-link.active{border-bottom:5px solid var(--primary-color, #007bff);font-weight:700}.features-edit .form-wrapper{border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;padding:0}.features-edit .form-header{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}.features-edit .form-body{padding:20px}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.delete-feature-popup :is(-content){width:400px;padding:0;border-radius:8px;background:#fff}.popup-wrapper .popup-header{padding:1rem;border-bottom:1px solid #dee2e6}.popup-wrapper .popup-header h3{margin:0;font-size:1.25rem}.popup-wrapper .popup-body{padding:1rem}.popup-wrapper .popup-footer{padding:1rem;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end}.roles-edit .nav-link{cursor:pointer;color:var(--dark-grey-color, #1e1f20);font-weight:500;padding:15px 10px}.roles-edit .nav-link.active{border-bottom:5px solid var(--primary-color, #007bff);font-weight:700}.roles-edit .form-wrapper{border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;padding:0}.roles-edit .form-header{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}.roles-edit .form-body{padding:20px}.email-templates-container{padding:var(--content-padding);margin-bottom:16px}.form-wrapper{border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;padding:0}.form-header{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}.form-header .nav-link{cursor:pointer;color:var(--dark-grey-color, #1e1f20);font-weight:500;padding:15px 10px}.form-header .nav-link.active{border-bottom:5px solid var(--primary-color, #007bff);font-weight:700}.form-body{padding:20px}#template-editor{height:85vh!important;border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.delete-popup{background:#fff;padding:20px!important;border-radius:8px;max-width:400px;margin:auto}.delete-popup h3{margin-bottom:16px;color:var(--text-color)}.delete-popup p{margin-bottom:24px;color:var(--text-secondary)}.delete-popup .actions{display:flex;justify-content:flex-end;gap:12px}.header-container{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;background-color:#fff}.header-container .container{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background-color:#fff;border:none;font-family:var(--font-family-primary)}.logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-image{width:32px;height:32px;border-radius:50%;object-fit:cover}.logo-text{font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);color:var(--text-color-teal)}.nav-menu{display:flex;align-items:center;gap:32px}.nav-item{font-size:var(--font-size-body);color:var(--text-color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.nav-item:hover{color:var(--light-primary-color)}.ant-drawer-body .ant-menu-inline .ant-menu-item a,.ant-drawer-body .ant-menu-inline .ant-menu-item a:hover{text-decoration:none!important}.action-buttons{display:flex;align-items:center;gap:16px}.start-trial-btn{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;font-weight:var(--font-weight-medium);padding:var(--button-padding)!important;height:auto!important;border-radius:var(--button-border-radius)}.start-trial-btn:hover{background-color:var(--deep-primary-color)!important;border-color:var(--deep-primary-color)!important}.book-demo-btn{color:var(--text-color-teal)!important;font-weight:var(--font-weight-medium)}.book-demo-btn:hover{color:var(--light-primary-color)!important}.hamburger-menu{display:none}@media (max-width: 1200px){.header-container{padding:16px 24px}.nav-menu,.action-buttons{display:none}.hamburger-menu{display:block}.logo-text{font-size:var(--font-size-h6)}.logo-image{width:28px;height:28px}}@media (max-width: 480px){.header-container{padding:12px 16px}.logo-text{font-size:var(--font-size-body)}.logo-image{width:24px;height:24px}}.cta-register-section{background-image:url(/assets/call-to-action-iamge-kIDWrz6v.png);background-size:cover;background-position:center}.cta-level-up-section{background-color:var(--deep-primary-color);background-image:url(/assets/call-to-action-iamge-kIDWrz6v.png);background-size:cover;background-position:center}.cta-changing-game-section{background-color:var(--deep-primary-color);background-image:url(/assets/changing-game-image-D4SgmmeH.png);background-size:cover;background-position:center;min-height:50vh;border-radius:1rem;mix-blend-mode:multiply}.landing-wrapper{height:70vh;position:relative;overflow:hidden}.landing-container{height:100%;position:relative}.landing-wrapper:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:var(--light-primary-color);clip-path:polygon(100% 84%,0% 100%,100% 100%);z-index:0}.left-section,.right-section{position:relative;z-index:1}.left-section{padding:100px 15px;display:flex;flex-direction:column;justify-content:center}.title{font-size:52px;font-weight:700;line-height:1.1;color:var(--text-color-primary);margin-bottom:20px}.subtitle{font-size:20px;color:var(--text-color-secondary);margin-bottom:30px}.button-group{display:flex;gap:20px;margin-bottom:30px}.trial-button{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;height:50px!important;font-size:18px!important;border-radius:25px!important;padding:0 30px!important}.demo-button{color:var(--primary-color)!important;font-size:18px!important;height:50px!important}.features{display:flex;gap:20px;font-size:16px;color:var(--text-color-secondary)}.features span{display:flex;align-items:center;gap:5px}.features .anticon{color:var(--primary-color)}.right-section{padding:0;display:flex;justify-content:center;align-items:center;margin-right:calc(-50vw + 50%);width:50vw}.placeholder-box{width:90%;height:80%;border-radius:10px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080;border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}@media (max-width: 1200px){.landing-wrapper{height:auto;text-align:center}.landing-wrapper:before{height:30%;clip-path:polygon(100% 84%,0% 100%,100% 100%)}.left-section{padding:40px 15px}.title{font-size:32px}.subtitle{font-size:16px;margin-bottom:24px}.button-group{flex-direction:column;gap:12px;margin-bottom:24px}.trial-button,.demo-button{width:100%;height:48px!important;font-size:16px!important}.features{flex-direction:column;gap:12px;font-size:14px}.right-section{margin-right:0;width:100vw;padding-bottom:40px}.placeholder-box{width:95%;height:200px}.hero-laptop-bg{background-size:95%;min-height:300px;height:300px}}.about-section{background-color:var(--light-primary-color);position:relative;overflow:hidden;padding:100px 0;border:1px solid var(--light-primary-color);margin-top:-1px}.about-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#fff0);z-index:1}.about-section:after{content:"";position:absolute;bottom:0;right:0;width:40%;height:100%;background:linear-gradient(45deg,#ffffff1a,#fff0);clip-path:polygon(100% 0,100% 100%,0 100%);z-index:1}.about-section .container{position:relative;z-index:2;max-width:1200px}.about-section .row{position:relative}.about-section .row:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle at center,#ffffff1a,#fff0 70%);border-radius:50%;z-index:1}.about-section img{max-width:100%;height:auto;position:relative;z-index:2;transition:transform .3s ease}.about-section img:hover{transform:translateY(-5px)}.about-section h4{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-color-primary);margin-bottom:32px;line-height:1.2;letter-spacing:-.5px;position:relative;padding-bottom:24px;z-index:2}.about-section h4:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--light-primary-color) 100%);border-radius:4px}.about-section p{font-size:var(--font-size-h5);line-height:1.8;color:var(--text-color-primary);margin-bottom:40px;max-width:90%;letter-spacing:.2px;position:relative;z-index:2;font-weight:var(--font-weight-medium);text-align:justify;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.about-section .btn-outline-primary{padding:12px 32px;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);border:1px solid var(--primary-color);color:var(--primary-color);transition:all .3s ease;position:relative;z-index:2}.about-section .btn-outline-primary:hover{background-color:var(--primary-color);color:var(--text-color-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.about-section{padding:60px 0}.about-section:after{width:60%}.about-section h4{font-size:var(--font-size-h2);margin-top:40px;padding-bottom:20px}.about-section p{font-size:var(--font-size-body);line-height:1.7;max-width:100%;margin-bottom:32px;text-align:left}.about-section .btn-outline-primary{width:100%;text-align:center;padding:14px 24px}}@media (min-width: 992px){.about-section{padding:120px 0}.about-section .col-md-6{padding:0 48px}.about-section .col-md-6:first-child{padding-right:64px}.about-section .col-md-6:last-child{padding-left:64px}}@media (min-width: 1200px){.about-section h4{font-size:var(--font-size-h1)}.about-section p{font-size:var(--font-size-h5)}}.hero-laptop-bg{background-image:url(/assets/hero-laptop-BGMekftS.png);background-size:80%;background-repeat:no-repeat;background-position:center}.contact-us-hero-container{background-color:var(--primary-color)}.contact-us-cards-container{margin-top:-100px}.contact-us-cards-container .card{background-color:var(--text-color-light);border:none}.contact-us-cards-container .card-text{font-size:14px}.contact-us-cards-container .icon{font-size:2rem;border-radius:5px;border:1px solid var(--light-grey-color);color:var(--dark-grey-color);width:40px;height:40px;font-size:20px;text-align:center;line-height:40px}.faq-section h2{font-size:2.5rem;font-weight:700}.accordion-button{font-weight:500;font-size:1.2rem}.accordion-button:focus{box-shadow:none}.accordion-body{font-size:1rem;color:var(--text-color-dark)}.accordion-button:not(.collapsed){background-color:var(--primary-color)!important;color:var(--text-color-light)!important}.accordion-button:not(.collapsed):after{color:var(--text-color-light)!important}.accordion-button:after{display:none!important}.progress-container-wrapper{position:relative}.progress-container{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:10px;width:100%}.progress-step{display:flex;flex-direction:column;align-items:center;text-align:center}.icon-container{width:50px;height:50px;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#007d7d;font-size:20px;z-index:2}.progress-indicator-container{position:absolute;width:80%;height:14px;top:2.5rem;left:10%;z-index:1;background-color:#fff;border-radius:0%;overflow:hidden}.progress-indicator-container .progress-indicator{position:absolute;height:14px;top:0;background-color:#27d1d1}.progress-indicator-container .progress-indicator.active,.progress-indicator-container .progress-indicator.completed{width:100%}.icon-container{background-color:#fff;color:var(--dark-grey-color);border-color:#fff;border-width:5px}.progress-step span{font-weight:var(--font-weight-bold)}.basic-info-container .completed .icon-container{border-color:var(--primary-color);color:var(--primary-color)}#branding-info .branding .icon-container{border-color:var(--accent-color);color:var(--accent-color)}#branding-info .progress-indicator-container .progress-indicator{background-color:var(--accent-color);width:50%}#branding-info .progress-step span{color:var(--dark-grey-color)}#admin-info .progress-indicator-container .progress-indicator{background-color:var(--secondary-color);width:50%;right:0}#admin-info .admin .icon-container{border-color:var(--secondary-color);color:var(--secondary-color)}.progress-container span{margin-top:10px;font-size:14px;color:#fff}.basic-info-side-container{background-color:var(--primary-color)}.basic-info-side-container h1,.basic-info-side-container p{color:#fff}.branding-info-side-container{background-color:var(--secondary-color)}#branding-info .input-wrapper .input-icon{color:var(--dark-grey-color)!important}.custom-file-button input[type=file]{margin-left:-2px!important}.custom-file-button input[type=file]::-webkit-file-upload-button{display:none}.custom-file-button input[type=file]::file-selector-button{display:none}.custom-file-button:hover label{background-color:#dde0e3;cursor:pointer}.logo-preview-section{display:flex;justify-content:flex-end}.logo-preview-container{height:150px;width:150px;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:var(--light-grey-color);float:right}.logo-preview-content small{font-size:10px}.banner-preview-section{display:flex;justify-content:flex-end}.banner-preview-container{height:300px;width:500px;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:var(--light-grey-color);float:right}.banner-preview-content small{font-size:10px}.admin-info-side-container{background-color:var(--accent-color)}.admin-info-side-container h1,.admin-info-side-container p{color:#fff}.antd-select-custom{height:38px!important}.antd-select-custom .ant-select-selector{height:38px!important;padding:4px 11px!important;border-radius:.375rem!important}.antd-select-custom .ant-select-selection-item{line-height:28px!important}.custom-select-wrapper{border:1px solid #ddd;border-radius:4px;padding:10px;cursor:pointer;position:relative}.custom-select-wrapper .select-text{display:flex;justify-content:space-between;align-items:center}#admin-info .dropdown-menu{width:100%;border-radius:4px;left:0!important;border:1px solid #ddd;max-height:200px;overflow-y:auto}.cta-section-services-streamline-fees{background-color:var(--light-primary-color)}.cta-section-services-cloud-storage{background-color:var(--secondary-color)}.services-hero-container{background-color:var(--accent-color)}.icon-circle{display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;font-size:16px}.policy-pages #termsNav a{color:var(--primary-color)!important}.policy-pages h1{color:var(--dark-grey)}.policy-pages h2{font-size:22px;margin-top:30px;color:var(--primary-color)}.sticky-top{top:80px}.policy-pages p{margin-top:10px;text-align:justify}.organization-layout{min-height:100vh}.organization-layout .ant-layout-sider{background:#001529;position:fixed;height:100vh;left:0;top:0;z-index:1001}.organization-layout.auth-layout .ant-layout{margin-left:200px;transition:margin-left .3s}.organization-layout .ant-layout-sider-collapsed+.ant-layout{margin-left:80px}.organization-layout .logo{height:64px;padding:12px;display:flex;align-items:center;justify-content:flex-start}.organization-layout .logo img{height:32px}.ant-layout-sider-collapsed .logo{justify-content:center!important;padding:16px 0!important}.organization-layout .ant-menu{font-size:14px;padding:0!important;margin:0!important;border-inline-end:none!important}.organization-layout .ant-menu-item{height:48px;line-height:48px;margin:0!important;padding:0 24px!important;border-radius:0!important;width:100%!important;position:relative;display:flex!important;align-items:center!important;gap:10px!important}.organization-layout .ant-menu-item .anticon{font-size:16px;margin:0!important}.ant-layout-sider-collapsed .ant-menu-item{padding:0!important;justify-content:center!important}.ant-layout-sider-collapsed .ant-menu-item .anticon{font-size:20px;margin:0!important;line-height:48px}.ant-layout-sider-collapsed .ant-menu-item span.ant-menu-title-content{display:none}.organization-layout .ant-menu-item-selected{background-color:#1890ff!important;position:relative;margin:0!important;padding-right:0!important}.organization-layout .ant-menu-item:after{display:none!important}.organization-layout .ant-menu-item-selected:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #1890ff transparent transparent}.organization-layout .ant-menu-item-selected:before{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #fff transparent transparent;z-index:1}.organization-layout.auth-layout .ant-layout-header{background:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #00152914;position:fixed;width:calc(100% - 200px);right:0;z-index:999}.organization-layout.auth-layout .ant-layout-sider-collapsed~.ant-layout .ant-layout-header{width:calc(100% - 80px)}.organization-layout.auth-layout .ant-layout-content{margin-top:64px}.organization-layout.basic-layout{padding:0!important}.organization-layout .header-actions{display:flex;align-items:center;gap:16px}.organization-layout.auth-layout .ant-layout-content{padding:24px;min-height:280px}.organization-layout .ant-layout-footer{text-align:center;background:#f0f2f5;padding:12px 24px;font-size:12px;line-height:1.2}.organization-layout .footer-content{display:flex;justify-content:space-between;align-items:center;color:#00000073}.organization-layout .footer-content p{margin:0}.organization-layout .footer-content .version{opacity:.8}.organization-layout .trigger{font-size:18px;line-height:64px;cursor:pointer;transition:color .3s}.organization-layout .trigger:hover{color:#1890ff}.organization-layout .ant-menu-item:hover{background-color:#1890ff1a!important}.organization-layout .ant-menu-item a{text-decoration:none!important;text-transform:capitalize;color:#ffffffa6}.organization-layout .ant-menu-item-selected a{color:#fff!important}.organization-layout .ant-menu-item:hover a{color:#fff}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}.organization-layout .header-left{display:flex;align-items:center}.organization-layout .mobile-menu-trigger{display:none}@media (max-width: 768px){.mobile-overlay{display:block}.organization-layout .ant-menu-item-selected:after,.organization-layout .ant-menu-item-selected:before{display:none}.organization-layout .ant-layout-sider{position:fixed;left:-250px;transition:all .3s ease-in-out}.organization-layout.auth-layout .ant-layout{margin-left:0}.organization-layout .ant-layout-sider.mobile-open{left:0}.organization-layout .mobile-menu-trigger{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;margin-right:16px;border:none;background:transparent;cursor:pointer}.organization-layout .mobile-menu-trigger .anticon{font-size:20px}.organization-layout .trigger{display:none}.organization-layout .logo{height:50px;padding:12px}.organization-layout.auth-layout .ant-layout-header{width:100%}}.organization-layout .sidebar-menus{height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.organization-layout .bottom-menu{margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.organization-layout .bottom-menu .ant-menu-item{opacity:.8}.organization-layout .bottom-menu .ant-menu-item:hover{opacity:1}.nav-organization-name{font-size:16px;font-weight:700;color:var(--dark-grey-color);padding-left:16px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.nav-organization-name:hover{color:var(--primary-color);text-decoration:none}.organization-layout.auth-layout .custom-sidebar{background:#001529;display:flex;flex-direction:column;height:100%}.organization-layout.auth-layout .sidebar-menus{display:flex;flex-direction:column;flex:1;overflow:hidden}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu{background:transparent;font-size:14px}.organization-layout.auth-layout .logo{display:flex;align-items:center;padding:16px;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.organization-layout.auth-layout .logo img{height:32px;width:auto}.organization-layout.auth-layout .logo-text{color:#fff;font-size:1rem;font-weight:600;white-space:nowrap;opacity:1;transition:opacity .3s ease}.organization-layout.auth-layout .organization-layout .ant-layout-sider{border:0px!important}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item .anticon,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title .anticon{font-size:14px;display:inline-flex;align-items:center;justify-content:center}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title{height:36px;line-height:36px;margin:0;padding:0 12px!important;color:#f0f0f1;transition:all .3s ease;display:flex;align-items:center}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item:hover,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title:hover{background-color:#2c3338;color:#72aee6}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item-selected{background-color:#2271b1!important;color:#fff!important}.organization-layout.auth-layout .ant-layout-sider-collapsed .logo img{margin-left:8px}.organization-layout.auth-layout .ant-layout-sider-collapsed .logo-text{opacity:0;width:0;overflow:hidden}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu{width:80px}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-item,.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-title{padding:0!important;justify-content:center;margin:0;width:100%}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-item .anticon,.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-title .anticon{margin:0;font-size:16px;line-height:36px;display:flex;align-items:center;justify-content:center;width:100%}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-item span:not(.anticon),.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-title span:not(.anticon){display:none}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-arrow{display:none}.organization-layout.auth-layout .ant-menu-sub.ant-menu-inline{background:#000f1d!important}.organization-layout.auth-layout .anticon-down.submenu-arrow,.organization-layout.auth-layout .anticon-down.submenu-arrow-open{font-size:12px!important;width:12px;height:12px;display:flex;align-items:center;justify-content:center;position:absolute;right:16px;transition:transform .3s ease;color:#ffffffa6}.organization-layout.auth-layout .anticon-down.submenu-arrow-open{transform:rotate(180deg)}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title{position:relative;padding-right:36px!important}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-title .anticon-down.submenu-arrow,.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-title .anticon-down.submenu-arrow-open{display:none}.organization-layout.auth-layout .ant-menu-submenu-open>.ant-menu-submenu-title .anticon-down.submenu-arrow{transform:rotate(180deg);color:#72aee6}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title:hover .anticon-down.submenu-arrow,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title:hover .anticon-down.submenu-arrow-open{color:#72aee6}.organization-layout.auth-layout .ant-menu-submenu-popup .ant-menu-sub{background:#2c3338;min-width:200px;padding:12px;margin-left:1px;position:relative;border-radius:6px;box-shadow:0 4px 12px #00000026}.organization-layout.auth-layout .ant-menu-submenu-popup .ant-menu-sub:before{content:"";position:absolute;left:-4px;top:12px;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent #2c3338 transparent transparent;z-index:1}.organization-layout.auth-layout .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item{padding:0 12px!important;height:36px;line-height:36px;display:flex;align-items:center;margin:0;position:relative}.organization-layout.auth-layout .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item .anticon{margin-right:10px}.organization-layout.auth-layout .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item.ant-menu-item-selected{background:#2271b1!important;margin:4px;border-radius:4px;width:calc(100% - 8px)}.organization-layout.auth-layout .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item.ant-menu-item-selected:after{display:none}.organization-layout.auth-layout .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item:hover{background:#2271b11a;margin:0 4px;border-radius:4px;width:calc(100% - 8px)}.organization-layout.auth-layout .ant-menu-submenu-placement-rightTop{margin-left:0!important;padding-left:0!important}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item-selected{background-color:#2271b1!important;color:#fff!important;position:relative;width:100%;margin:0}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item-selected:after{display:none}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item:hover,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title:hover{background-color:#2271b11a;color:#72aee6}.organization-layout.auth-layout .ant-menu-submenu.ant-menu-submenu-inline{width:100%;padding:0;margin:0}.organization-layout.auth-layout .ant-menu-submenu-popup{z-index:1050}.organization-layout.auth-layout .bottom-menu.custom-sidebar-menu{margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.organization-layout.auth-layout .bottom-menu.custom-sidebar-menu .ant-menu-item,.organization-layout.auth-layout .bottom-menu.custom-sidebar-menu .ant-menu-submenu-title{height:36px;line-height:36px}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item-divider{background-color:#ffffff1a;margin:8px 0}.organization-layout.auth-layout .wp-menu-arrow{display:none;position:absolute;width:0;height:0;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #2271b1;right:0;top:50%;transform:translateY(-50%)}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item-selected .wp-menu-arrow{display:block}.organization-layout.auth-layout .ant-tooltip{margin-left:4px!important}.organization-layout.auth-layout .ant-tooltip-inner{background-color:#2c3338;padding:6px 12px;border-radius:0;font-size:14px}.organization-layout.auth-layout .ant-tooltip-arrow-content{background-color:#2c3338}@media screen and (max-width: 768px){.organization-layout.auth-layout .custom-sidebar{position:fixed;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease;width:250px!important}.organization-layout.auth-layout .custom-sidebar.mobile-open{transform:translate(0)}.organization-layout.auth-layout .ant-layout-sider-collapsed{width:250px!important}.organization-layout.auth-layout .ant-layout-sider-collapsed .logo-text,.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-item span:not(.anticon),.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-title span:not(.anticon),.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-arrow,.organization-layout.auth-layout .ant-layout-sider-collapsed .anticon-down.submenu-arrow,.organization-layout.auth-layout .ant-layout-sider-collapsed .anticon-down.submenu-arrow-open{display:inline-block!important;opacity:1!important;width:auto!important}.organization-layout.auth-layout .ant-layout-sider-collapsed .logo{padding:16px!important;justify-content:flex-start!important}.organization-layout.auth-layout .ant-layout-sider-collapsed .logo img{margin-left:0!important}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu{width:100%!important}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-item,.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-title{padding:0 12px!important;justify-content:flex-start!important}.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-item .anticon,.organization-layout.auth-layout .ant-layout-sider-collapsed .custom-sidebar-menu.ant-menu .ant-menu-submenu-title .anticon{margin-right:10px!important;width:auto!important}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title{padding:0 12px!important;justify-content:flex-start!important}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item .anticon,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title .anticon{margin-right:10px!important}.organization-layout.auth-layout .mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu:not(.ant-menu-inline-collapsed) .ant-menu-item .anticon,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu:not(.ant-menu-inline-collapsed) .ant-menu-submenu-title .anticon{margin-right:10px}.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-item,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu,.organization-layout.auth-layout .custom-sidebar-menu.ant-menu .ant-menu-submenu-title{margin:0!important;width:100%}.organization-layout.auth-layout .ant-menu-inline-collapsed.custom-sidebar-menu.ant-menu .ant-menu-item,.organization-layout.auth-layout .ant-menu-inline-collapsed.custom-sidebar-menu.ant-menu .ant-menu-submenu,.organization-layout.auth-layout .ant-menu-inline-collapsed.custom-sidebar-menu.ant-menu .ant-menu-submenu-title{padding:0!important;margin:0!important;width:100%}.organization-layout.auth-layout .ant-menu-inline-collapsed.custom-sidebar-menu.ant-menu .ant-menu-item .anticon,.organization-layout.auth-layout .ant-menu-inline-collapsed.custom-sidebar-menu.ant-menu .ant-menu-submenu .anticon,.organization-layout.auth-layout .ant-menu-inline-collapsed.custom-sidebar-menu.ant-menu .ant-menu-submenu-title .anticon{margin:0;line-height:36px}.feature-announcement__trigger{margin-left:16px;color:var(--text-color);transition:color .3s ease}.feature-announcement__trigger:hover{color:var(--primary-color)}.feature-announcement__modal .ant-modal-content{border-radius:8px;overflow:hidden}.feature-announcement__modal .ant-modal-header{padding:16px 24px;border-bottom:1px solid var(--border-color)}.feature-announcement__modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.feature-announcement__header{display:flex;justify-content:space-between;align-items:center;width:100%}.feature-announcement__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.feature-announcement__card{margin-bottom:16px;border-radius:8px;transition:all .3s ease;border:1px solid var(--border-color)}.feature-announcement__card.read{opacity:.7}.feature-announcement__card:hover{box-shadow:0 4px 12px #0000001a}.feature-announcement__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feature-announcement__content .feature-announcement__media{width:100%;max-height:300px;object-fit:cover;border-radius:4px;margin-bottom:16px}.feature-announcement__content .feature-announcement__description{margin-bottom:16px;line-height:1.6}.feature-announcement__content .feature-announcement__date{display:block;font-size:12px;margin-top:8px}.feature-announcement__action{margin-top:16px}.feature-announcement__mark-all{display:flex;justify-content:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.feature-announcement__mark-all-button{min-width:160px;height:40px;font-weight:500;transition:all .3s ease}.feature-announcement__mark-all-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}[data-theme=dark] .feature-announcement__card{background:var(--component-background);border-color:var(--border-color-split)}[data-theme=dark] .feature-announcement__modal .ant-modal-content{background:var(--component-background)}[data-theme=dark] .feature-announcement__mark-all{border-top-color:var(--border-color-split)}@media (max-width: 768px){.feature-announcement__modal .ant-modal{max-width:95vw;margin:0 auto}.feature-announcement__card-header{flex-direction:column;align-items:flex-start;gap:8px}}.feature-announcement__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.feature-announcement__empty-icon{font-size:48px;margin-bottom:24px}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 16px}.language-selector{display:flex;align-items:center}.language-selector .ant-select{min-width:120px}.copyright{text-align:center;margin:0}.version{text-align:right;margin:0}@media (max-width: 768px){.footer-content{flex-direction:column;gap:12px;align-items:center}.language-selector{width:auto;justify-content:center}.copyright,.version{width:100%;text-align:center}}.auth-container{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#fff;position:relative;overflow:hidden;padding:24px 0}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;height:66vh;background:linear-gradient(135deg,#ffb067,#f56692,#6c63ff);clip-path:polygon(0 0,100% 0,100% 100%,0 85%);z-index:0}.auth-container:after{content:"";position:absolute;top:0;left:0;right:0;height:66vh;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);clip-path:polygon(0 0,100% 0,100% 100%,0 85%);z-index:0}.auth-brand{position:fixed;top:2rem;left:2rem;z-index:100;display:flex;align-items:center;text-decoration:none;background:transparent;padding:.5rem}.auth-brand-logo{width:24px;height:24px;margin-right:.75rem}.auth-brand-text{font-size:1.1rem;font-weight:600;color:#fff;text-decoration:none;text-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1);letter-spacing:-.01em}.auth-content{position:relative;width:100%;max-width:440px;padding:0 20px;margin-top:6rem;z-index:1}.auth-card{background:#fffffffa;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:100px;height:auto;margin-bottom:1.5rem}.auth-title{font-size:1.75rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.auth-subtitle{font-size:1rem;color:#6b7280;margin-bottom:2rem}.auth-form-item{margin-bottom:1.25rem}.auth-form-label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.9375rem}.auth-input{width:100%;height:48px;padding:0 1rem;font-size:1rem;color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.auth-input:hover{border-color:#6c63ff}.auth-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.auth-input-prefix{color:#9ca3af}.auth-button{width:100%;height:48px;background:#6c63ff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-button:hover{background:#5b52ff;transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff33}.auth-button:active{transform:translateY(0)}.auth-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.auth-link{display:block;text-align:center;color:#6c63ff;font-weight:500;text-decoration:none;margin-top:1rem;transition:color .2s ease}.auth-link:hover{color:#5b52ff;text-decoration:underline}.auth-remember{display:flex;align-items:center;margin:1rem 0}.auth-remember label{color:#6b7280;margin-left:.5rem}.auth-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}@media (max-width: 768px){.auth-container{padding:24px 16px;justify-content:flex-start}.auth-content{margin-top:7rem}.auth-card{padding:1.5rem}}@media (max-width: 576px){.auth-brand{top:1rem;left:1rem}.auth-brand-logo{width:20px;height:20px}.auth-brand-text{font-size:1rem}.auth-title{font-size:1.5rem}.auth-logo{width:80px}}.login-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.login-container{max-width:540px}}@media (min-width: 768px){.login-container{max-width:720px}}@media (min-width: 992px){.login-container{max-width:960px}}@media (min-width: 1200px){.login-container{max-width:1140px}}@media (min-width: 1400px){.login-container{max-width:1320px}}.auth-row{width:100%;margin:0 auto!important}.auth-col{display:flex;align-items:flex-start}.auth-card{width:100%;height:100%;min-height:500px}.login-card{max-width:100%;margin:0;padding:2.5rem}.info-card{background:#fffffff2!important;padding:2rem}.info-section{height:100%;display:flex;flex-direction:column;gap:2rem}.info-block{height:100%;background:#fffffffa;border-radius:12px;padding:2rem;box-shadow:0 8px 24px #0000000d;transition:transform .2s ease;display:flex;flex-direction:column;max-width:600px;margin:0 auto}.info-block .ant-typography{flex:1}.info-block:hover{transform:translateY(-2px)}.account-prompt{margin-top:20px;text-align:left}.try-free-link{color:var(--primary-color);margin-left:5px;text-decoration:none}.try-free-link:hover{text-decoration:underline}.demo-btn{background-color:#e6f7ff;color:#1890ff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .2s ease;width:100%;max-width:300px;margin:20px auto 0!important}.demo-btn:hover{background-color:#bae7ff;color:#096dd9}.message-btn{background-color:#e6f7ff;color:#1890ff;border:none;padding:8px 24px;border-radius:8px;font-weight:500;transition:all .2s ease;width:100%;margin-top:auto!important}.message-btn:hover{background-color:#bae7ff;color:#096dd9}.blog-section,.blog-posts{margin-top:1rem}.blog-card{height:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease;padding:0}.blog-card:hover{transform:translateY(-2px)}.blog-image{width:100%;height:180px;background-color:#f5f5f5;margin-bottom:0}.blog-card .ant-typography{padding:1rem;margin:0}.onboarding-image{background:linear-gradient(45deg,#e6f7ff,#bae7ff)}.timemanagement-image{background:linear-gradient(45deg,#fff7e6,#ffd591)}.auth-footer{position:fixed;bottom:20px;width:100%;text-align:center}.features-grid{margin-top:1.5rem}.features-grid .ant-col{margin-bottom:24px}.feature-card{height:100%;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease;display:flex;flex-direction:column;align-items:flex-start}.feature-card:hover{transform:translateY(-2px)}.feature-icon{font-size:24px;color:#1890ff;margin-bottom:1rem}.feature-card .ant-typography{margin-bottom:.5rem}.feature-card h5.ant-typography{margin-bottom:.5rem;color:#262626}.feature-card .ant-typography:last-child{color:#595959;font-size:14px;margin-bottom:0}@media (max-width: 991px){.auth-content{padding:20px}.auth-row{flex-direction:column}.auth-col{margin-bottom:20px}.auth-card{min-height:auto}.login-card,.info-card{padding:1.5rem}.info-section{gap:1rem}.info-block,.feature-card{margin-bottom:1rem}.auth-footer{position:relative;margin-top:40px}}@media (max-width: 768px){.auth-content{margin-top:4rem}.info-section{margin-top:1.5rem}.features-grid{margin-top:1rem}.features-grid .ant-col{margin-bottom:16px}.feature-card{padding:1.25rem}}.kpi-cards-container{width:100%;position:relative}.kpi-cards-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%}.kpi-card{height:100%;display:flex;flex-direction:column;transition:all .3s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kpi-card__icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.kpi-card__icon .anticon{font-size:24px;color:#fff}.kpi-card__statistic{margin-top:auto}.kpi-card__statistic .ant-statistic-title{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.kpi-card__statistic .ant-statistic-content{color:var(--text-primary);font-size:24px;font-weight:600}.chart-loading,.chart-error{display:flex;justify-content:center;align-items:center;height:300px;width:100%}.chart-error{color:#ff4d4f;font-size:16px}@media (max-width: 768px){.kpi-cards-container{margin:0 -16px;padding:0 16px;width:calc(100% + 32px)}.kpi-cards-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:16px;gap:16px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.kpi-cards-scroll::-webkit-scrollbar{height:4px}.kpi-cards-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.kpi-cards-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.kpi-card{flex:0 0 280px;scroll-snap-align:start;flex-direction:row-reverse;align-items:center;padding:16px}.kpi-card__icon{width:36px;height:36px;margin-bottom:0;margin-left:16px}.kpi-card__icon .anticon{font-size:18px}.kpi-card__statistic{margin-top:0;flex:1}.kpi-card__statistic .ant-statistic-title{font-size:12px;margin-bottom:4px}.kpi-card__statistic .ant-statistic-content{font-size:18px}}.dashboard-container .financial-metrics__period-select,.dashboard-container .financial-metrics__period-select .ant-select-selector{width:105px!important}.dashboard-container .ant-select-dropdown{min-width:105px!important}.dashboard-container .financial-metrics__period-select .ant-select-selection-item{width:100%!important;text-align:left!important}.dashboard-container .financial-metrics__period-select .ant-select-item{padding:5px 12px!important;text-align:left!important}.dashboard-container .financial-metrics__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}@media (max-width: 768px){.dashboard-container .chart-card .ant-card-head{padding:16px!important}.dashboard-container .chart-card .ant-card-head-wrapper{display:block!important}.dashboard-container .chart-card .ant-card-head-title{padding:0!important;width:100%!important}.dashboard-container .chart-card .ant-card-extra{padding:0!important;width:100%!important;height:30px!important;margin:0!important}.dashboard-container .chart-filters{width:100%!important;height:30px!important;display:flex!important;gap:8px!important;row-gap:0!important}.dashboard-container .chart-filters .date-range-picker{flex:1!important;min-width:150px!important}.dashboard-container .chart-filters>*{margin:0!important}}@media (max-width: 768px){.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels{flex-direction:column!important}}.recent-activity-card{height:100%}.recent-activity-card .ant-card-head{border-bottom:1px solid var(--border-color);padding:0 24px}.recent-activity-card .ant-card-head-title{font-size:16px;font-weight:600;color:var(--text-primary)}.view-all-button{padding:0;height:auto;font-size:14px}.view-all-button .anticon{font-size:12px;margin-left:4px}.recent-activity-table{margin-top:-8px}.recent-activity-table .ant-table-thead>tr>th{background-color:transparent;border-bottom:1px solid var(--border-color);padding:16px 8px;font-weight:600}.recent-activity-table .ant-table-tbody>tr>td{padding:12px 8px;border-bottom:1px solid var(--border-color)}.recent-activity-table .ant-table-tbody>tr:last-child>td{border-bottom:none}@media (max-width: 768px){.recent-activity-card .ant-card-head{padding:0 16px}.recent-activity-card .ant-card-head-title{font-size:14px}.recent-activity-table .ant-table-thead>tr>th{padding:12px 8px}.recent-activity-table .ant-table-tbody>tr>td{padding:8px}}.alerts-card{height:100%;margin-bottom:24px}.alerts-card .ant-card-head{border-bottom:1px solid var(--border-color);padding:0 24px}.alerts-card .ant-card-head-title{font-size:16px;font-weight:600;color:var(--text-primary)}.alerts-list{margin-top:-8px}.alert-item{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.alert-item:last-child{border-bottom:none}.alert-badge{margin-right:16px}.alert-icon{margin-right:12px;font-size:16px}.alert-icon .anticon{color:var(--text-secondary)}.alert-message{flex:1;color:var(--text-primary);font-size:14px}.alert-item .ant-badge-status-error+.alert-icon .anticon{color:var(--error-color)}.alert-item .ant-badge-status-warning+.alert-icon .anticon{color:var(--warning-color)}@media (max-width: 768px){.alerts-card .ant-card-head{padding:0 16px}.alerts-card .ant-card-head-title{font-size:14px}.alert-item{padding:12px 0}.alert-badge{margin-right:12px}.alert-icon{margin-right:8px;font-size:14px}.alert-message{font-size:13px}}.no-alerts-message{color:#8c8c8c;font-size:14px}.alerts-card .ant-empty{padding:24px 0}.page-title{margin-bottom:24px;color:#000000d9;font-weight:500;font-size:24px}.dashboard-icon{font-size:24px;margin-right:8px}.ant-card{box-shadow:0 1px 2px #00000008;border-radius:8px;transition:all .3s}.ant-card:hover{box-shadow:0 2px 8px #00000017}.dashboard-container{padding:var(--content-padding)}.dashboard-container .ant-row{margin-bottom:24px}.dashboard-container .ant-row:last-child{margin-bottom:0}.layout{position:relative}.grid-item{height:100%;width:100%;overflow:hidden;transition:all .3s}.grid-item>*{height:100%;width:100%}.grid-item .ant-card{height:100%;display:flex;flex-direction:column}.grid-item .ant-card-body{flex:1;display:flex;flex-direction:column}.grid-item .chart-container{flex:1;min-height:0}.dashboard-container .ant-card{height:100%;box-shadow:var(--card-shadow);border-radius:var(--card-radius);border:1px solid var(--border-color)}.dashboard-container .ant-card-head{padding:16px 24px;border-bottom:1px solid var(--border-color)}.dashboard-container .ant-card-body{padding:24px}.react-grid-item.react-grid-placeholder{background:var(--primary-color);opacity:.2;border-radius:var(--card-radius);transition-duration:.1s}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}@media (max-width: 768px){.dashboard-container{padding:var(--content-padding-sm)}.dashboard-container .ant-card-head{padding:12px 16px}.dashboard-container .ant-card-body{padding:16px}}.widget-selector-dropdown{min-width:200px}.widget-selector{background:#fff;border-radius:var(--card-radius);padding:12px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;border:1px solid var(--border-color)}.widget-selector__item{padding:8px 0}.widget-selector__item:not(:last-child){border-bottom:1px solid var(--border-color)}.widget-selector__item .ant-checkbox-wrapper{width:100%}.widget-selector__item .ant-checkbox-wrapper-disabled{opacity:.5;cursor:not-allowed}.dashboard-actions{margin-bottom:24px;display:flex;align-items:center;gap:8px}.storage-chart{position:relative;min-height:200px}.storage-chart .legend-item{display:flex!important;align-items:center!important;gap:8px!important;min-width:140px;white-space:nowrap}.storage-chart .legend-icon{width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.storage-chart .recharts-legend-item{margin:0!important;padding:4px!important}.storage-chart .recharts-pie-label-text{font-size:12px}.storage-chart .recharts-pie-label-text tspan{fill:var(--text-primary)}.storage-chart .recharts-pie-label-text tspan+tspan{fill:var(--text-secondary);font-size:.9em}@media (max-width: 768px){.storage-chart{min-height:180px}.storage-chart .recharts-pie{transform:translate(0)}.storage-chart .recharts-pie-label-text{font-size:11px;font-weight:500}.storage-chart .recharts-pie-label-text tspan+tspan{font-size:10px;font-weight:400}.storage-chart .recharts-pie-label-line{stroke-width:1.5}}@media (max-width: 480px){.storage-chart{min-height:150px}.storage-chart .recharts-pie-label-text{font-size:10px}.storage-chart .recharts-pie-label-text tspan+tspan{font-size:9px}}@media (max-width: 360px){.storage-chart .legend-item{min-width:100px}}.dashboard-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;z-index:10}.dashboard-loading .ant-spin{margin-bottom:16px}.dashboard-loading p{color:var(--text-secondary);font-size:16px;margin:0}.organization-page-header{margin-bottom:1rem}.page-header-top{display:flex;justify-content:space-between;align-items:center}.organization-page-title{display:flex;align-items:baseline;gap:1rem}.organization-page-title h1{margin:0;font-size:1.5rem;font-weight:600}.result-count{color:#6b7280;font-size:.875rem}.page-actions{display:flex;gap:.5rem}.page-header-filters{display:flex;gap:1rem;flex-wrap:wrap}.search-container{flex:1;min-width:250px}@media (max-width: 768px){.page-header-top{flex-direction:column;gap:1rem;align-items:flex-start}.page-actions{width:100%;justify-content:flex-start}.page-header-filters{flex-direction:column}.search-container,.filter-container{width:100%}.popup-content{width:90%!important}}.filter-view-container{position:relative;display:inline-block}.filter-view-container .filter-view__button{padding:4px;font-size:15px}.custom-select.filter-preset-select .options{position:absolute;z-index:9999}.filter-popup{position:absolute;z-index:10!important;min-width:800px;background:#fff}.filter-view-wrapper{width:100%;background:#fff;display:flex;flex-direction:column;gap:1rem;border:1px solid #1a4f8325;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #00000026}@media (max-width: 992px){.filter-popup{display:none}}.filter-row{margin-bottom:1rem}.filter-row select,.filter-row input{min-width:120px}.filter-row .btn-link{display:flex;align-items:center;justify-content:center}.filter-row{margin-bottom:.5rem}.filter-row .fa-times{padding:8px}.date-picker-popup{padding:20px;background:#fff;border-radius:8px;width:550px}.date-picker-popup h6{margin-bottom:15px;text-align:center}.popup-content{padding:0!important;border:none!important}.date-range-picker{display:flex;justify-content:center;margin:20px 0}.date-range-picker .react-datepicker{font-family:inherit;border-radius:4px}.date-range-picker .react-datepicker__month-container{float:none;display:inline-block}.date-range-inputs{display:flex;justify-content:space-between;gap:20px;margin:20px 0}.date-input-group{flex:1}.date-input-group label{display:block;margin-bottom:10px;font-weight:500}.react-datepicker{font-family:inherit;border:1px solid #ced4da;border-radius:4px}.react-datepicker__month-container{float:none}.popup-content{padding:0!important;border:none!important;border-radius:8px!important}.filter-container{flex:1}@media (max-width: 768px){.page-header-top{flex-direction:column;gap:1rem;align-items:flex-start}.page-actions{width:100%;justify-content:flex-start}.page-header-filters{flex-direction:column}.search-container,.filter-container,.date-picker-popup{width:100%}}.filter-mobile-popup{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}.filter-mobile-popup>.popup-content{width:100%!important;height:100vh!important;margin:0!important;border-radius:0!important;position:relative!important}.filter-mobile-popup .filter-view-wrapper{height:100vh;overflow-y:auto;padding:1rem}@media (max-width: 992px){.filter-row{border-bottom:1px solid #dee2e6;padding-bottom:1rem;margin-bottom:1rem}.filter-row:last-child{border-bottom:none}.popup-content{padding:0!important;border:none!important;border-radius:8px!important;max-height:80vh!important;margin-top:5rem!important;overflow-y:auto!important}}.import-data .ant-row{margin-left:0;margin-right:0}.import-data .ant-col{padding-left:0;padding-right:0}.import-data__content{background-color:var(--background-color);border-radius:8px;padding:2rem;margin-top:2rem;box-shadow:var(--card-shadow)}.import-data__upload-section{display:flex;flex-direction:column;align-items:center;padding:2rem;border:2px dashed var(--border-color);border-radius:8px;margin-bottom:2rem}.import-data__file-input{display:none}.import-data__upload-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:1rem;transition:all .3s ease}.import-data__upload-label:hover{color:var(--primary-color)}.import-data__upload-icon{font-size:2rem;margin-bottom:1rem}.import-data__actions{margin-top:1.5rem}.import-data__submit-btn{min-width:150px}.import-data__instructions{margin-top:2rem;padding:1.5rem;background-color:var(--light-background);border-radius:8px}.import-data__instructions h3{color:var(--text-primary);margin-bottom:1rem}.import-data__instructions ul{list-style-type:none;padding-left:0}.import-data__instructions li{margin-bottom:.5rem;color:var(--text-secondary);position:relative;padding-left:1.5rem}.import-data__instructions li:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.import-type-section,.import-form-section{margin-bottom:16px;width:100%}.members-import .file-section,.members-import .mapping-section{margin-bottom:16px}.members-import .submit-section{margin-top:16px;display:flex;justify-content:flex-end}.members-import .submit-section .ant-space{width:100%;justify-content:flex-end}.members-import .ant-upload-drag{background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;padding:24px}.members-import .ant-upload-drag:hover{border-color:#1890ff}.members-import .ant-upload-text{margin:8px 0;color:#000000d9;font-size:16px}.members-import .ant-upload-hint{color:#00000073}.members-import .ant-card{border-radius:8px;box-shadow:0 1px 2px #00000008}.members-import .mapping-section .ant-form-item-label{text-align:left}.members-import .ant-form-item{margin-bottom:16px}.import-type-section .ant-typography,.file-section .ant-typography,.mapping-section .ant-typography{margin-bottom:8px}.import-data .ant-card{margin-bottom:16px}@media (max-width: 991px){.import-data{padding:16px}.members-import .ant-form-item-label{padding-bottom:8px}}@media (max-width: 575px){.import-data{padding:12px}.organization-layout.auth-layout .ant-layout-content{padding:12px!important}}.members-import .select-with-preview{position:relative;margin-bottom:8px}.members-import .field-preview,.transactions-import .field-preview{position:absolute;top:100%;right:0;left:auto;color:#8c8c8c;font-size:.75rem;padding:2px 0;text-align:right;width:auto;max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.members-import .field-preview span,.transactions-import .field-preview span{font-size:.75rem!important}.members-import .required-asterisk{color:#ff4d4f;margin-left:4px;font-size:14px;font-family:SimSun,sans-serif}.transactions-import .ant-form-item-no-colon{width:100%}.export-data{padding:24px}.export-type-section,.export-filetype-section,.export-form-section{margin-bottom:24px}.members-export .ant-checkbox-wrapper,.transactions-export .ant-checkbox-wrapper{margin-left:0!important}.members-export .ant-space,.transactions-export .ant-space{padding:16px 0}.members-export .export-actions,.transactions-export .export-actions{margin-top:24px;text-align:right}.settings-card{border-radius:8px}.settings-card .ant-card-body{padding:24px}.settings-card .ant-input-number{width:100%}.settings-footer{margin-top:1rem}.settings-form{padding-bottom:72px}@media (max-width: 991.98px){.settings-card .ant-card-body{padding:16px}.settings-footer{padding:16px;margin-top:1.5rem}}.settings-container{padding:1rem}.settings-container .section-title{margin-bottom:.5rem!important;color:var(--text-color)}.settings-container .settings-card{margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-container .settings-card .ant-form-item:last-child{margin-bottom:0}.settings-container .ant-upload-list-picture-card .ant-upload-list-item,.settings-container .ant-upload-list-item-container,.settings-container .ant-upload.ant-upload-select-picture-card,.settings-container .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{width:min(100%,250px)!important;height:min(100vw,250px)!important;margin:0}.settings-container .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.settings-container .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{object-fit:contain;width:100%;height:100%}.settings-container .banner-upload .ant-upload-list-picture-card .ant-upload-list-item,.settings-container .banner-upload .ant-upload-list-item-container,.settings-container .banner-upload .ant-upload.ant-upload-select-picture-card,.settings-container .banner-upload .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{width:min(100%,800px)!important;height:min(56.25vw,450px)!important;margin:0}@media (max-width: 768px){.settings-container{padding:.5rem}.ant-upload-list-picture-card .ant-upload-list-item,.ant-upload-list-item-container,.ant-upload.ant-upload-select-picture-card,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{width:100%!important;height:300px!important}.banner-upload .ant-upload-list-picture-card .ant-upload-list-item,.banner-upload .ant-upload-list-item-container,.banner-upload .ant-upload.ant-upload-select-picture-card,.banner-upload .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{width:100%!important;height:200px!important}}#role-edit-card{border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;margin:0 auto;background:#fff;width:100%}#role-edit-card .ant-card-body{padding:0}#role-edit-card .ant-tabs .ant-tabs-nav{margin:0;padding:0;background:#fff;border-radius:10px 10px 0 0}#role-edit-card .ant-tabs .ant-tabs-nav:before{display:none}#role-edit-card .ant-tabs .ant-tabs-nav-wrap{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}#role-edit-card .ant-tabs .ant-tabs-nav-list{padding:0}#role-edit-card .ant-tabs .ant-tabs-tab{margin:0!important;padding:12px 24px;font-size:14px;color:var(--dark-grey-color, #1e1f20);border:none;background:transparent;position:relative}#role-edit-card .ant-tabs .ant-tabs-tab:hover{color:var(--primary-color, #00A4B8)}#role-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color, #00A4B8);font-weight:600}#role-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:var(--primary-color, #00A4B8)}#role-edit-card .ant-tabs .ant-tabs-ink-bar{display:none}#role-edit-card .ant-tabs-content.ant-tabs-content-top{width:100%}#role-edit-card .ant-tabs-content-holder{padding:24px;background:#fff}#role-edit-card .ant-tabs-content-holder .ant-form-item-label{font-weight:500;margin-bottom:4px}#role-edit-card .ant-tabs-content-holder .ant-input[disabled]{color:var(--dark-grey-color, #1e1f20);background-color:var(--light-grey-color, #f5f5f5)}@media (min-width: 992px){#role-edit-card .ant-tabs-content.ant-tabs-content-top{width:50%}#role-edit-card .ant-form-item{margin-bottom:24px}}.roles-edit{margin-bottom:16px}.roles-edit .ant-tabs-nav{margin-bottom:0}.roles-edit .ant-card{border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px}.roles-edit .ant-tabs-nav-list{border-bottom:1px solid var(--light-grey-color, #f2f2f2);width:100%;padding:0 20px}.roles-edit .ant-tabs-tab{cursor:pointer;color:var(--dark-grey-color, #1e1f20);font-weight:500;padding:15px 10px}.roles-edit .ant-tabs-tab-active{border-bottom:5px solid var(--primary-color, #007bff)!important;font-weight:700}.roles-edit .ant-tabs-content-holder{padding:20px}.storage-card{margin-top:16px}.storage-card .directory-path{margin-bottom:16px;color:var(--text-color-secondary);font-size:14px;display:flex;align-items:center;flex-wrap:wrap}.storage-card .directory-path .breadcrumb-link{padding:0;height:auto;font-size:14px}.storage-card .directory-path .breadcrumb-link:hover{color:var(--primary-color);background:transparent}.storage-card .search-input{width:300px}.storage-card .search-input .anticon{color:var(--text-color-secondary)}.storage-card .storage-table .file-name{display:flex;align-items:center;gap:8px}.storage-card .storage-table .file-name .anticon{font-size:16px;color:var(--text-color-secondary);margin-right:8px}.storage-card .storage-table .action-buttons{display:flex;gap:8px}.storage-card .ant-table-thead>tr>th{background:#fff;font-weight:600}.storage-card .ant-table-tbody>tr>td{padding:16px}@media (max-width: 768px){.storage-card{margin-top:8px}.storage-card .ant-table{overflow-x:auto}}.upload-modal-content{padding:16px 0}.upload-modal-content .directory-input .error-message{color:#ff4d4f;font-size:12px;margin-top:4px}.upload-modal-content .directory-input .directory-path-input{width:100%;height:40px;border:1px solid var(--light-grey-color);border-radius:4px;padding:8px 12px;font-size:14px}.upload-modal-content .directory-input .directory-path-input.error{border-color:#ff4d4f}.upload-modal-content .directory-input .directory-path-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007f7e1a}.upload-modal-content .directory-input .directory-path-input:focus.error{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f1a}.upload-modal-content .directory-input .directory-path-input::placeholder{color:var(--text-color-secondary)}.upload-modal-content .directory-input{margin-bottom:24px}.upload-modal-content .ant-upload-drag{height:200px}.upload-modal-content .ant-upload-list{max-height:200px;overflow-y:auto;margin-top:16px}.upload-modal-content .ant-upload-drag-icon{color:#40a9ff;font-size:48px;margin-bottom:16px}.upload-modal-content .ant-upload-text{font-size:16px;margin-bottom:8px}.upload-modal-content .ant-upload-hint{color:#00000073}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.grid-view .grid-item{cursor:pointer;transition:all .3s ease;height:250px}.grid-view .grid-item:hover{box-shadow:0 4px 12px #0000001a}.grid-view .grid-item.image-card .grid-item-content{padding:0;position:relative;height:100%}.grid-view .grid-item.image-card .grid-item-content .image-preview{width:100%;height:131px;overflow:hidden;border-radius:4px;position:relative}.grid-view .grid-item.image-card .grid-item-content .image-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,#0000,#0000,#0009 80%,#000c);border-radius:4px}.grid-view .grid-item.image-card .grid-item-content .image-preview img{width:100%;height:100%;object-fit:cover}.grid-view .grid-item.image-card .grid-item-content .file-details{position:absolute;bottom:0;left:0;right:0;padding:16px 8px 8px;border-radius:0 0 4px 4px;z-index:1}.grid-view .grid-item.image-card .grid-item-content .file-details .file-name{color:#fff;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.grid-view .grid-item.image-card .grid-item-content .file-details .file-info{color:#ffffffe6;text-shadow:0 1px 1px rgba(0,0,0,.4)}.grid-view .grid-item .grid-item-content{display:flex;flex-direction:column;align-items:center;padding:16px;text-align:center;height:100%}.grid-view .grid-item .grid-item-content .grid-icon{font-size:32px;color:var(--text-color-secondary);margin-bottom:8px;flex-grow:1;display:flex;align-items:center}.grid-view .grid-item .grid-item-content .file-details{width:100%}.grid-view .grid-item .grid-item-content .file-details .file-name{font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-view .grid-item .grid-item-content .file-details .file-info{color:var(--text-color-secondary);font-size:12px}.grid-view .grid-item .ant-card-actions{background:transparent;position:absolute;bottom:0;left:0;right:0;border-top:none}.storage-capacity{position:relative;width:100%;max-width:220px;margin:auto;padding:20px 0 10px}.storage-capacity .storage-tooltip{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#fff;padding:5px 10px;border-radius:5px;box-shadow:0 2px 5px #0003;font-size:12px;white-space:nowrap;z-index:10;display:inline-block}.storage-capacity .storage-tooltip-pointer{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white}.storage-capacity .storage-progress{margin:0;width:100px}.members{width:100%}#member-edit-card,#member-create-card{margin-top:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;margin:0 auto;background:#fff;width:100%}#member-edit-card .ant-card-body,#member-create-card .ant-card-body{padding:0}#member-edit-card .ant-tabs-content-holder,#member-create-card .ant-tabs-content-holder{padding:24px;background:#fff}#member-edit-card .ant-tabs .ant-tabs-nav,#member-create-card .ant-tabs .ant-tabs-nav{margin:0;padding:0;background:#fff;border-radius:10px 10px 0 0}#member-edit-card .ant-tabs .ant-tabs-nav:before,#member-create-card .ant-tabs .ant-tabs-nav:before{display:none}#member-edit-card .ant-tabs .ant-tabs-nav-wrap,#member-create-card .ant-tabs .ant-tabs-nav-wrap{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}#member-edit-card .ant-tabs .ant-tabs-nav-list,#member-create-card .ant-tabs .ant-tabs-nav-list{padding:0}#member-edit-card .ant-tabs .ant-tabs-tab,#member-create-card .ant-tabs .ant-tabs-tab{margin:0!important;padding:12px 24px;font-size:14px;color:var(--dark-grey-color, #1e1f20);border:none;background:transparent;position:relative}#member-edit-card .ant-tabs .ant-tabs-tab:hover,#member-create-card .ant-tabs .ant-tabs-tab:hover{color:var(--primary-color, #00A4B8)}#member-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,#member-create-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color, #00A4B8);font-weight:600}#member-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:after,#member-create-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:var(--primary-color, #00A4B8)}#member-edit-card .ant-tabs .ant-tabs-ink-bar,#member-create-card .ant-tabs .ant-tabs-ink-bar{display:none}#member-edit-card .ant-form-item,#member-create-card .ant-form-item{margin-bottom:24px;text-align:left}#member-edit-card .ant-form-item-label,#member-create-card .ant-form-item-label{padding-bottom:8px}#member-edit-card .ant-form-item-label>label,#member-create-card .ant-form-item-label>label{font-weight:500;color:#262626}#member-edit-card .ant-input,#member-edit-card .ant-select-selector,#member-create-card .ant-input,#member-create-card .ant-select-selector{border-radius:6px}#member-edit-card .ant-input:hover,#member-edit-card .ant-select-selector:hover,#member-create-card .ant-input:hover,#member-create-card .ant-select-selector:hover{border-color:#40a9ff}#member-edit-card .ant-input:focus,#member-edit-card .ant-select-selector:focus,#member-create-card .ant-input:focus,#member-create-card .ant-select-selector:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}#member-edit-card .ant-input[disabled],#member-create-card .ant-input[disabled]{color:#000000a6;background-color:#f5f5f5;cursor:not-allowed}#member-edit-card .ant-form,#member-create-card .ant-form{max-width:600px;margin:0}#member-edit-card .ant-form-item-control-input{text-align:left}#member-edit-card .ant-select-selection-placeholder{color:#bfbfbf}@media (max-width: 768px){#member-edit-card .ant-form{max-width:100%}#member-edit-card .ant-tabs-tab{padding:8px 16px}#member-edit-card .ant-card-body{padding:16px}}.members-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:500}.members-table .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.members-table .ant-table-row-selected>td{background-color:#e6f7ff}.member-status{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.member-status-active{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.member-status-inactive{background-color:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.member-status-pending{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.member-action-button{padding:0 8px;margin:0 4px;background:transparent;border:none;cursor:pointer;transition:all .3s}.member-action-button:hover{color:#1890ff}.member-action-button.delete:hover{color:#ff4d4f}.member-filters{margin-bottom:24px;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.member-pagination{margin-top:16px;text-align:right}.member-loading{padding:24px;text-align:center}.member-loading .ant-spin{margin:0 auto}#member-edit-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:before,#member-create-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:before{display:none!important}#member-edit-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:after,#member-create-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:after{display:inline-block!important;margin-left:4px!important;color:#ff4d4f!important;font-size:14px!important;font-family:SimSun,sans-serif!important;line-height:1!important;content:"*"!important;position:relative!important;top:-.5px!important;visibility:visible!important}.plan-groups{width:100%}.plan-groups__header{margin-bottom:24px}.plan-groups__filters,.plan-groups__table{margin-bottom:16px}.plan-groups__pagination{margin-top:16px}.plan-groups__status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.plan-groups__status--active{background-color:var(--success-light);color:var(--success)}.plan-groups__status--inactive{background-color:var(--error-light);color:var(--error)}.plan-groups__description{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#plan-group-edit-card{margin-top:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;margin:0 auto;background:#fff;width:100%}#plan-group-edit-card .ant-card-body{padding:0}#plan-group-edit-card .ant-tabs-content-holder{padding:24px;background:#fff}#plan-group-edit-card .ant-tabs .ant-tabs-nav{margin:0;padding:0;background:#fff;border-radius:10px 10px 0 0}#plan-group-edit-card .ant-tabs .ant-tabs-nav:before{display:none}#plan-group-edit-card .ant-tabs .ant-tabs-nav-wrap{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}#plan-group-edit-card .ant-tabs .ant-tabs-nav-list{padding:0}#plan-group-edit-card .ant-tabs .ant-tabs-tab{margin:0!important;padding:12px 24px;font-size:14px;color:var(--dark-grey-color, #1e1f20);border:none;background:transparent;position:relative}#plan-group-edit-card .ant-tabs .ant-tabs-tab:hover{color:var(--primary-color, #00A4B8)}#plan-group-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color, #00A4B8);font-weight:600}#plan-group-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:var(--primary-color, #00A4B8)}#plan-group-edit-card .ant-tabs .ant-tabs-ink-bar{display:none}#plan-group-edit-card .ant-form-item{margin-bottom:24px;text-align:left}#plan-group-edit-card .ant-form-item-label{padding-bottom:8px}#plan-group-edit-card .ant-form-item-label>label{font-weight:500;color:#262626}#plan-group-edit-card .ant-input,#plan-group-edit-card .ant-select-selector{border-radius:6px}#plan-group-edit-card .ant-input:hover,#plan-group-edit-card .ant-select-selector:hover{border-color:#40a9ff}#plan-group-edit-card .ant-input:focus,#plan-group-edit-card .ant-select-selector:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}#plan-group-edit-card .ant-form{max-width:600px;margin:0}#plan-group-edit-card .ant-form-item-control-input{text-align:left}#plan-group-edit-card .ant-table-wrapper{margin-top:16px}#plan-group-edit-card .ant-table-thead>tr>th{background-color:#fafafa;font-weight:500}#plan-group-edit-card .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}#plan-group-edit-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:before{display:none!important}#plan-group-edit-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:after{display:inline-block!important;margin-left:4px!important;color:#ff4d4f!important;font-size:14px!important;font-family:SimSun,sans-serif!important;line-height:1!important;content:"*"!important;position:relative!important;top:-.5px!important;visibility:visible!important}@media (max-width: 768px){#plan-group-edit-card .ant-form{max-width:100%}#plan-group-edit-card .ant-tabs-tab{padding:8px 16px}#plan-group-edit-card .ant-card-body{padding:16px}}#plan-edit-card{margin-top:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;margin:0 auto;background:#fff;width:100%}#plan-edit-card .ant-card-body{padding:0}#plan-edit-card .ant-tabs-content-holder{padding:24px;background:#fff}#plan-edit-card .ant-tabs .ant-tabs-nav{margin:0;padding:0;background:#fff;border-radius:10px 10px 0 0}#plan-edit-card .ant-tabs .ant-tabs-nav:before{display:none}#plan-edit-card .ant-tabs .ant-tabs-nav-wrap{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}#plan-edit-card .ant-tabs .ant-tabs-nav-list{padding:0}#plan-edit-card .ant-tabs .ant-tabs-tab{margin:0!important;padding:12px 24px;font-size:14px;color:var(--dark-grey-color, #1e1f20);border:none;background:transparent;position:relative}#plan-edit-card .ant-tabs .ant-tabs-tab:hover{color:var(--primary-color, #00A4B8)}#plan-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color, #00A4B8);font-weight:600}#plan-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:var(--primary-color, #00A4B8)}#plan-edit-card .ant-tabs .ant-tabs-ink-bar{display:none}#plan-edit-card .ant-form-item{margin-bottom:24px;text-align:left}#plan-edit-card .ant-form-item-label{padding-bottom:8px}#plan-edit-card .ant-form-item-label>label{font-weight:500;color:#262626}#plan-edit-card .ant-input,#plan-edit-card .ant-select-selector,#plan-edit-card .ant-picker{border-radius:6px}#plan-edit-card .ant-input:hover,#plan-edit-card .ant-select-selector:hover,#plan-edit-card .ant-picker:hover{border-color:#40a9ff}#plan-edit-card .ant-input:focus,#plan-edit-card .ant-select-selector:focus,#plan-edit-card .ant-picker-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}#plan-edit-card .ant-form{margin:0}#plan-edit-card .ant-tabs-content{max-width:600px}#plan-edit-card .ant-form-item-control-input{text-align:left}#plan-edit-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:before{display:none!important}#plan-edit-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:after{display:inline-block!important;margin-left:4px!important;color:#ff4d4f!important;font-size:14px!important;font-family:SimSun,sans-serif!important;line-height:1!important;content:"*"!important;position:relative!important;top:-.5px!important;visibility:visible!important}@media (max-width: 768px){#plan-edit-card .ant-form{max-width:100%}#plan-edit-card .ant-tabs-tab{padding:8px 16px}#plan-edit-card .ant-card-body{padding:16px}}.date-fields-container{display:flex;gap:16px}.date-fields-container .date-field{flex:1;margin-bottom:0}.date-fields-container .ant-picker{width:100%}@media (max-width: 768px){.date-fields-container{flex-direction:column;gap:24px}.date-fields-container .date-field{width:100%}}.settings-container{max-width:600px;padding:0}.setting-row{padding:16px 0;border-bottom:1px solid var(--light-grey-color, #f2f2f2)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:14px;color:var(--dark-grey-color, #1e1f20);font-weight:500}.plan-details{display:flex;flex-direction:column;gap:24px;margin-top:16px}.plan-details .custom-table-container{margin:0;gap:0}.plan-details .pagination-container{margin:0}.plan-details__card,.plan-details__transactions{border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2)}.plan-details__item{margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.plan-details__label{font-size:12px;color:#8c8c8c;margin-bottom:0}.plan-details__value{font-size:14px;color:#262626;font-weight:500;text-align:right}.plan-details__description{margin-top:24px;padding-top:16px;border-top:1px solid var(--light-grey-color, #f2f2f2)}.plan-details__description .plan-details__value{text-align:left}.plan-details__filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.plan-details__filters .view-selector{min-width:140px;width:auto}.plan-details__filters-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.plan-details__filters-right{display:flex;align-items:center;gap:12px}.plan-details__pagination{display:flex;justify-content:flex-end}.transaction-amount-positive{color:var(--success, #52c41a)}.transaction-amount-negative{color:var(--error, #ff4d4f)}@media (max-width: 768px){.plan-details__filters{flex-direction:column;align-items:flex-start}.plan-details__filters-left,.plan-details__filters-right{width:100%}.plan-details__filters-right{justify-content:flex-end}}.transactions-section{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.transactions-section{flex-direction:column;align-items:flex-start;gap:16px}.transactions-section__title{margin-bottom:0}.plan-details__filters{width:100%;flex-direction:row;align-items:center;gap:16px}.plan-details__filters .ant-input-affix-wrapper,.plan-details__filters .ant-select{flex:1;margin:0}}.payment-modal .ant-modal-content{border-radius:8px;overflow:hidden;padding:0}.payment-modal .ant-modal-header{padding:16px 24px 8px}.payment-modal .ant-modal-title{font-weight:600;font-size:18px}.payment-modal .ant-modal-close{color:var(--text-color)}.payment-modal .ant-modal-body{padding:0 24px 24px}.payment-modal__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.payment-form .ant-form-item .ant-form-item-required:before{display:none;content:""!important;visibility:hidden}.payment-form .ant-form-item .ant-form-item-required:after{display:inline-block!important;margin-left:4px!important;color:#ff4d4f!important;font-size:14px!important;font-family:SimSun,sans-serif!important;line-height:1!important;content:"*"!important;visibility:visible!important}.payment-form .ant-form-item-label>label{font-weight:500;color:var(--text-color)}.payment-form .ant-input,.payment-form .ant-input-number,.payment-form .ant-select .ant-select-selector,.payment-form .ant-input-textarea textarea{border:1px solid #d9d9d9;border-radius:6px;transition:all .3s;background-color:#fff}.payment-form .ant-input:hover,.payment-form .ant-input-number:hover,.payment-form .ant-select:hover .ant-select-selector,.payment-form .ant-input-textarea textarea:hover{border-color:#4096ff}.payment-form .ant-input:focus,.payment-form .ant-input-number:focus,.payment-form .ant-select-focused .ant-select-selector,.payment-form .ant-input-textarea textarea:focus{border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a;outline:0}.payment-form__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media (max-width: 768px){.payment-modal .ant-modal-body{padding:16px}.payment-form__actions{flex-direction:column-reverse}.payment-form__actions button{width:100%}}.broadcast-page{padding:24px}.broadcast-form-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.broadcast-form-section{margin-bottom:32px}.broadcast-form-section h3{color:#1890ff;margin-bottom:16px;font-size:18px;font-weight:600}#broadcast-edit-card{margin-top:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;margin:0 auto;background:#fff;width:100%}#broadcast-edit-card .ant-card-body{padding:0}#broadcast-edit-card .ant-tabs-content-holder{padding:24px;background:#fff}#broadcast-edit-card .ant-tabs .ant-tabs-nav{margin:0;padding:0;background:#fff;border-radius:10px 10px 0 0}#broadcast-edit-card .ant-tabs .ant-tabs-nav:before{display:none}#broadcast-edit-card .ant-tabs .ant-tabs-nav-wrap{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}#broadcast-edit-card .ant-tabs .ant-tabs-nav-list{padding:0}#broadcast-edit-card .ant-tabs .ant-tabs-tab{margin:0!important;padding:12px 24px;font-size:14px;color:var(--dark-grey-color, #1e1f20);border:none;background:transparent;position:relative}#broadcast-edit-card .ant-tabs .ant-tabs-tab:hover{color:var(--primary-color, #00A4B8)}#broadcast-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color, #00A4B8);font-weight:600}#broadcast-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:var(--primary-color, #00A4B8)}#broadcast-edit-card .ant-tabs .ant-tabs-ink-bar{display:none}#broadcast-edit-card .ant-form-item{margin-bottom:24px;text-align:left}#broadcast-edit-card .ant-form-item-label{padding-bottom:8px}#broadcast-edit-card .ant-form-item-label>label{font-weight:500;color:#262626}#broadcast-edit-card .ant-input,#broadcast-edit-card .ant-select-selector,#broadcast-edit-card .ant-picker{border-radius:6px}#broadcast-edit-card .ant-input:hover,#broadcast-edit-card .ant-select-selector:hover,#broadcast-edit-card .ant-picker:hover{border-color:#40a9ff}#broadcast-edit-card .ant-input:focus,#broadcast-edit-card .ant-select-selector:focus,#broadcast-edit-card .ant-picker:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}#broadcast-edit-card .ant-form{max-width:600px;margin:0}#broadcast-edit-card .ant-form-item-control-input{text-align:left}.broadcast-fields-container{max-width:600px}.broadcast-fields-row{display:flex;gap:16px}.broadcast-fields-row .broadcast-field{flex:1;margin-bottom:24px}@media (max-width: 768px){.broadcast-fields-row{flex-direction:column;gap:0}.broadcast-fields-row .broadcast-field{width:100%}}.broadcast-message-container{max-width:600px}.schedules-section{margin-top:32px}.schedules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.schedules-list{display:flex;flex-direction:column;gap:12px}.schedule-card{border:1px solid #e9ecef;border-radius:6px;padding:16px;background:#fff;transition:all .3s ease;cursor:pointer}.schedule-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a;background-color:#fafafa}.schedule-card-content{display:flex;justify-content:space-between;align-items:center}.schedule-info{display:flex;flex-direction:column;gap:4px}.schedule-actions{display:flex;gap:8px}@media (max-width: 768px){.schedule-card-content{flex-direction:column;align-items:flex-start;gap:12px}.schedule-actions{align-self:flex-end}}.schedule-modal .ant-modal-body{padding:24px}.schedule-modal .ant-form-item{margin-bottom:16px}.schedule-modal .ant-row{margin-bottom:8px}.schedule-modal .ant-row:last-child{margin-bottom:16px}.token-help-modal .ant-modal-body{padding:24px}.token-help-content{max-height:500px;overflow-y:auto}.token-list{display:flex;flex-direction:column;gap:8px}.token-help-item{padding:12px 16px;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#fff}.token-help-item:hover{border-color:#1890ff;background-color:#f0f8ff;box-shadow:0 2px 4px #1890ff1a}.token-help-token{font-family:Courier New,Monaco,monospace;font-weight:600;color:#1890ff;font-size:14px;margin-bottom:4px}.token-help-description{font-size:12px;color:#666;line-height:1.4}.token-map-entry-card{margin-bottom:16px;border:1px solid #d9d9d9;border-radius:8px}.token-map-entry-card .ant-card-head{background:#fafafa;border-bottom:1px solid #f0f0f0}.token-map-entry-card .ant-card-head-title{color:#1890ff;font-weight:600}.token-map-entry-card .ant-card-extra{display:flex;gap:8px}.token-map-entry-card .ant-card-body{padding:16px}.token-reference-popover{margin-bottom:16px}.token-reference-popover .ant-popover-content{max-width:350px}.token-item{margin-bottom:8px;padding:8px;border:1px solid #f0f0f0;border-radius:4px;background:#fafafa}.token-item:hover{background:#f0f8ff;border-color:#1890ff}.token-item-header{display:flex;justify-content:space-between;align-items:center}.token-item-code{font-family:Courier New,monospace;font-weight:600;color:#1890ff}.token-item-description{font-size:12px;color:#666;margin-top:4px}.token-tip{margin-top:12px;padding:8px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:4px}.token-tip .anticon{color:#52c41a;margin-right:4px}.broadcast-list-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.broadcast-status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.broadcast-status-badge.scheduled{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.broadcast-status-badge.sent{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.broadcast-status-badge.draft{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.broadcast-status-badge.failed{background:#fff2f0;color:#ff4d4f;border:1px solid #ffb3b3}.broadcast-channels{display:flex;gap:4px;flex-wrap:wrap}.broadcast-channel-tag{padding:2px 6px;background:#f0f0f0;border-radius:4px;font-size:11px;color:#666}.broadcast-channel-tag.email{background:#e6f7ff;color:#1890ff}.broadcast-channel-tag.whatsapp{background:#f6ffed;color:#52c41a}.broadcast-channel-tag.sms{background:#fff7e6;color:#fa8c16}.broadcast-form .ant-form-item-label>label{font-weight:600;color:#262626}.broadcast-form .ant-input,.broadcast-form .ant-select-selector,.broadcast-form .ant-picker{border-radius:6px}.broadcast-form .ant-input:focus,.broadcast-form .ant-select-focused .ant-select-selector,.broadcast-form .ant-picker-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.broadcast-form .ant-btn{border-radius:6px;font-weight:500}.broadcast-form .ant-btn-primary{background:#1890ff;border-color:#1890ff}.broadcast-form .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.message-preview-modal .ant-modal-body{padding:24px}.message-preview-content{padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;white-space:pre-wrap;font-family:inherit;min-height:100px;line-height:1.6}@media (max-width: 768px){.broadcast-page,.broadcast-form-container{padding:16px}.token-map-entry-card .ant-card-extra{flex-direction:column;gap:4px}.token-item-header{flex-direction:column;align-items:flex-start;gap:4px}.broadcast-channels{flex-direction:column;gap:8px}#broadcast-edit-card .ant-form{max-width:100%}#broadcast-edit-card .ant-tabs-tab{padding:8px 16px}#broadcast-edit-card .ant-card-body{padding:16px}.broadcast-message-container,.broadcast-fields-container{max-width:100%}}.token-map-entry-card{transition:all .3s ease}.token-map-entry-card:hover{box-shadow:0 4px 12px #0000001a}.token-item{cursor:pointer}.broadcast-form .ant-btn{transition:all .3s ease}.broadcast-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.broadcast-loading .ant-spin{font-size:24px}.transactions-table{width:100%;margin-top:1rem}.transaction-status{padding:2px 8px;border-radius:4px;font-size:12px;display:inline-block}.transaction-status--success{background-color:var(--success-light);color:var(--success-dark)}.transaction-status--pending{background-color:var(--warning-light);color:var(--warning-dark)}.transaction-status--failed{background-color:var(--error-light);color:var(--error-dark)}.transaction-modal{min-width:500px}.transaction-modal__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.transaction-form{padding:1rem 0}.payment-form__actions{display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--border-color)}.transaction-form :global(.ant-form-item-required):before{display:none!important}.transaction-form :global(.ant-form-item-required):after{display:inline-block;margin-left:4px;color:var(--error-color);font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.form-tooltip-icon{margin-left:4px;color:var(--text-light);font-size:14px;cursor:help}.form-tooltip-icon:hover{color:var(--primary-color)}.transaction-details{padding:var(--content-padding)}.transaction-details__info{margin-bottom:16px}.transaction-details__item{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0;line-height:32px}.transaction-details__label{color:#6b7280;font-size:14px;font-weight:400}.transaction-details__value{color:#111827;font-size:14px;font-weight:500;text-align:right}.history-section{margin-top:16px}.history-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.history-section__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--text-primary)}.history-table{background:#fff;border-radius:8px;box-shadow:var(--card-shadow)}@media (max-width: 768px){.transaction-details{padding:var(--content-padding-sm)}.transaction-details__item{line-height:28px}.transaction-details__label,.transaction-details__value{font-size:13px}.history-section__title{font-size:16px}}.features-addons-container{padding:24px;background-color:var(--bg-light)}.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:24px}.addon-card{border-radius:16px;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;height:100%;border:none;overflow:hidden;position:relative;background:linear-gradient(to bottom,#fff,#f9fafc)}.addon-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001a}.addon-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:.8}.addon-card .ant-card-body{padding:24px;display:flex;flex-direction:column;height:100%}.addon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative}.addon-title-area{display:flex;align-items:center;gap:12px}.addon-icon{font-size:1.5rem;color:var(--primary);background-color:rgba(var(--primary-rgb),.1);padding:10px;border-radius:12px;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.addon-icon .anticon{font-size:1.5rem}.addon-card-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3}.addon-toggle{position:relative;z-index:2}.addon-price{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.addon-price span{display:flex;align-items:center}.price-tag{display:flex;align-items:baseline;gap:2px}.price-amount{font-size:1.4rem!important;font-weight:700!important;color:var(--text-primary)!important}.price-cycle{font-size:.9rem!important;color:var(--text-secondary)!important;font-weight:500!important}.free-label{color:var(--success);background-color:rgba(var(--success-rgb),.1);padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.free-label:before{content:"✓";font-weight:700}.addon-description{margin-bottom:30px!important;color:var(--text-secondary)!important;min-height:60px;line-height:1.6!important;font-size:.95rem!important;flex-grow:1;position:relative;padding-left:16px;border-left:3px solid rgba(var(--primary-rgb),.2)}.addon-card .ant-btn{width:100%}.loading-container,.error-container,.empty-container{grid-column:1 / -1;text-align:center;padding:60px;color:var(--text-secondary);background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-container .ant-spin{margin-bottom:10px}.loading-container .ant-typography,.error-container .ant-typography,.empty-container .ant-typography{font-size:1.1rem!important;font-weight:500!important;margin-top:16px}.error-container .ant-typography{color:var(--danger)!important}.error-container button{min-width:120px}@media (max-width: 992px){.addons-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.addons-grid{grid-template-columns:1fr}.addon-card{max-width:100%}.features-addons-container{padding:16px}.addon-title-area{gap:8px}.addon-icon{font-size:1.2rem;padding:8px;width:36px;height:36px}.addon-icon .anticon,.addon-card-title{font-size:1.2rem}}.custom-tooltip-container{position:relative;display:inline-block;width:100%}.custom-tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;padding:8px 12px;background-color:#000;color:#fff;text-align:center;border-radius:4px;font-size:.875rem;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 2px 4px #0003}.custom-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000}.addon-configure-content{margin-top:24px}.addon-configure-content .row{display:flex;flex-wrap:wrap}.addon-configure-content .col-12{display:flex}.addon-details-card,.addon-config-card{width:100%;display:flex;flex-direction:column}.addon-details-card .card-body,.addon-config-card .card-body{flex:1;display:flex;flex-direction:column}.addon-details-description{flex-grow:1}.config-form{flex-grow:1;display:flex;flex-direction:column}.form-actions{margin-top:auto}.addon-details-card{border-radius:16px;box-shadow:0 10px 30px #0000000d;border:none;overflow:hidden;position:relative;background:linear-gradient(to bottom,#fff,#f9fafc);margin-bottom:0}.addon-details-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:.8}.addon-details-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.status-badge{font-size:.8rem;padding:6px 12px;border-radius:20px}.addon-details-price{margin-bottom:24px;padding:16px;background-color:rgba(var(--primary-rgb),.05);border-radius:12px}.included-tag{display:flex;align-items:center;color:var(--success);font-weight:600}.price-display{display:flex;align-items:baseline}.price-value{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:1rem;color:var(--text-secondary);margin-left:4px}.addon-details-description{margin-bottom:24px}.addon-details-description h4{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.addon-details-description p{color:var(--text-secondary);line-height:1.6}.addon-details-meta{border-top:1px solid rgba(0,0,0,.05);padding-top:16px}.meta-item{display:flex;justify-content:space-between;margin-bottom:8px}.meta-label{color:var(--text-secondary);font-weight:500}.meta-value{font-weight:600;color:var(--text-primary)}.addon-config-card{border-radius:16px;box-shadow:0 10px 30px #0000000d;border:none;overflow:hidden;position:relative;background:linear-gradient(to bottom,#fff,#f9fafc)}.addon-config-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:.8}.config-title{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center}.config-description{color:var(--text-secondary);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05)}.config-form{padding:8px 0}.config-form .form-label{font-weight:600;color:var(--text-primary)}.config-form .form-control{border-radius:8px;padding:12px 16px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.config-form .form-control:focus{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);border-color:var(--primary)}.form-actions{margin-top:32px;display:flex;justify-content:flex-end}.save-button{min-width:120px}@media (max-width: 992px){.addon-details-card{margin-bottom:24px}}@media (max-width: 768px){.addon-details-header{flex-direction:column;align-items:flex-start;gap:12px}.status-badge{align-self:flex-start}.meta-item{flex-direction:column;gap:4px;margin-bottom:16px}}.info-section{background-color:rgba(var(--primary-rgb),.05);border-radius:8px;padding:16px;border-left:3px solid var(--primary)}.info-icon{background-color:rgba(var(--primary-rgb),.1);color:var(--primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.toggle-container{display:flex;align-items:center;background-color:rgba(var(--primary-rgb),.05);padding:6px 10px;border-radius:20px;min-width:70px;justify-content:center;border:1px solid rgba(var(--primary-rgb),.1)}.status-toggle{margin:0}.status-toggle .form-check-input{width:3.5rem;height:1.8rem;cursor:pointer;border-radius:1.9rem;opacity:1!important;visibility:visible!important;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(0,0,0,.15)}.status-toggle .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.status-toggle .form-check-input:focus{box-shadow:0 0 0 .25rem rgba(var(--primary-rgb),.25)}.status-toggle .form-check-input:before{content:"";position:absolute;width:1.3rem;height:1.3rem;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 5px #0003;top:50%;transform:translateY(-50%);left:.25rem}.status-toggle .form-check-input:checked:before{left:calc(100% - 1.55rem)}.addon-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:16px}.connection-card{border-radius:16px;box-shadow:0 10px 30px #0000000d;border:none;overflow:hidden;position:relative;background:linear-gradient(to bottom,#fff,#f9fafc);height:100%;width:100%;display:flex;flex-direction:column}.connection-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:.8}.connection-card .ant-card-head{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.05);padding:16px 24px}.connection-card .ant-card-body{padding:24px;flex:1 1 auto;display:flex;flex-direction:column}.connection-card-content{flex:1;display:flex;flex-direction:column}.connection-details{margin-top:16px;padding:16px;background-color:rgba(var(--primary-rgb),.03);border-radius:12px;border:1px solid rgba(var(--primary-rgb),.05);width:100%;flex-grow:1}.connection-details-row{padding:12px 0}.connection-status-section{margin-top:auto;padding-top:16px}.connection-card-footer{display:flex;justify-content:space-between;gap:16px;padding-top:16px}.addon-config-card,.addon-details-card{border-radius:16px;box-shadow:0 10px 30px #0000000d;height:100%;overflow:hidden;position:relative;background:linear-gradient(to bottom,#fff,#f9fafc)}.addon-config-card:before,.addon-details-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:.8;z-index:1}.addon-config-card .ant-card-body,.addon-details-card .ant-card-body{padding:24px;height:100%;display:flex;flex-direction:column}.addon-details-card .ant-typography{color:inherit}.price-value{font-size:1.8rem!important;font-weight:700!important;color:var(--text-primary)!important}.price-period{font-size:1rem!important;color:var(--text-secondary)!important;margin-left:4px!important}.config-form .ant-form-item{margin-bottom:16px}.config-form .ant-form-item-label>label{font-weight:600;color:var(--text-primary)}.config-form .ant-input,.config-form .ant-select-selector,.config-form .ant-input-number,.config-form .ant-checkbox-wrapper{border-radius:8px;transition:all .3s ease}.config-form .ant-input:focus,.config-form .ant-select-focused .ant-select-selector,.config-form .ant-input-number-focused{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);border-color:var(--primary)}.d-flex{display:flex}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.me-2{margin-right:8px}.me-3{margin-right:12px}.me-4{margin-right:16px}.mt-1{margin-top:4px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-4{margin-bottom:16px}.text-capitalize{text-transform:capitalize}.loading-container .ant-spin{margin-bottom:16px}.support-page{min-height:100vh}.support-hero-section{position:relative;background:#16213e;padding:64px 0 96px;margin-bottom:-64px;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:40px}.support-hero-section>*{position:relative;z-index:3}.hero-content{text-align:center;max-width:800px;margin:0 auto;padding:0 24px;width:100%}.hero-content .ant-typography{margin:0}.hero-content .ant-space{width:100%}.support-cards-container{padding:96px 24px 32px;max-width:1200px;margin:0 auto;width:100%}.support-card{height:100%;transition:all .3s ease;border-radius:8px;overflow:hidden;text-align:center}.support-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.support-card .ant-card-body{display:flex;flex-direction:column;align-items:center;height:100%}.support-card .ant-space{width:100%}.icon-container{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f5ff;margin:0 auto 24px}.support-icon{font-size:28px;color:#16213e}.chat-loading{display:flex;align-items:center;justify-content:center;gap:8px}.faq-section-container{background:#f5f5f5;padding:64px 24px;margin-top:32px;text-align:center}.faq-section-container h2{margin-bottom:1rem;text-align:center}.faq-section-container .ant-typography{color:#595959;text-align:center}@media (max-width: 768px){.hero-section{padding:48px 0;margin-bottom:-48px}.support-cards-container{padding:72px 24px 24px}.faq-section-container{padding:48px 24px;margin-top:24px}}.subscriptions-page{padding:2rem 0}.beta-feature-alert{max-width:800px;margin:0 auto 2rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.current-plan-section{max-width:800px;margin:0 auto 3rem}.current-plan-card{text-align:center;border-radius:12px;box-shadow:0 8px 24px #00000014;background-color:#fff;border:none;overflow:hidden;position:relative}.current-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.current-plan-card .ant-card-body{padding:2.5rem}.current-plan-card .ant-typography{margin-bottom:1.5rem}.plan-details-card{border-radius:8px;background-color:#f8f9fa;box-shadow:0 2px 8px #0000000d;margin-top:1.5rem;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.plan-details-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.plan-name{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;letter-spacing:-.5px}.plan-price{font-size:1.5rem;font-weight:600;margin:.75rem 0;color:#2c3e50;display:flex;align-items:center;justify-content:center}.plan-price:before{content:"";display:inline-block;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232c3e50'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.31-8.86c-1.77-.45-2.34-.94-2.34-1.67 0-.84.79-1.43 2.1-1.43 1.38 0 1.9.66 1.94 1.64h1.71c-.05-1.34-.87-2.57-2.49-2.97V5H10.9v1.69c-1.51.32-2.72 1.3-2.72 2.81 0 1.79 1.49 2.69 3.66 3.21 1.95.46 2.34 1.15 2.34 1.87 0 .53-.39 1.39-2.1 1.39-1.6 0-2.23-.72-2.32-1.64H8.04c.1 1.7 1.36 2.66 2.86 2.97V19h2.34v-1.67c1.52-.29 2.72-1.16 2.73-2.77-.01-2.2-1.9-2.96-3.66-3.42z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;margin-right:8px}.plan-description{color:#6c757d;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.plan-status{margin-top:1.5rem;display:flex;justify-content:center}.status-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:capitalize;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.status-badge.active{background-color:#e6f7ed;color:#2e7d32;border:1px solid #c8e6c9}.status-badge.inactive{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.status-badge.pending{background-color:#fff8e1;color:#f57f17;border:1px solid #ffecb3}.plan-details{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.08)}.plan-detail-item{padding:.75rem;text-align:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.plan-detail-item:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.detail-label{font-size:.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.detail-value{font-size:1rem;font-weight:600;color:#2c3e50}.subscription-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.subscriptions-page .card{transition:transform .3s ease,box-shadow .3s ease}.subscriptions-page .button-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.subscriptions-page .btn-info.bg-light-teal{background-color:var(--light-teal);border-color:var(--light-teal);color:var(--dark-color)}.subscriptions-page .popular-badge{background-color:var(--primary-color)}.subscriptions-page .button-primary:not([aria-label="Active Plan"]),.subscriptions-page .btn-info.bg-light-teal{pointer-events:none!important;opacity:.65!important;cursor:not-allowed!important;background-color:#e9ecef!important;border-color:#e9ecef!important;color:#6c757d!important;transition:none!important;transform:none!important}.subscriptions-page .card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}@media (max-width: 768px){.current-plan-section{margin:0 1rem 2rem}.current-plan-card .ant-card-body{padding:1.5rem}.plan-name{font-size:1.5rem}.plan-price{font-size:1.25rem}.plan-detail-item{margin-bottom:.5rem}}.profile-container{width:100%;padding:0}.profile-header{background:var(--background-primary);border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden;position:relative}.profile-cover{height:160px;background:linear-gradient(90deg,#2b7fe0,#5637d5);position:relative}.profile-info-container{padding:24px;display:flex;align-items:flex-start;gap:24px;background-color:#fff}.profile-avatar-container{position:relative;margin-top:-60px;margin-left:30px;z-index:2;cursor:pointer;transition:all .3s ease}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.profile-avatar:hover{filter:brightness(.9)}.profile-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.profile-avatar-container:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay .anticon{color:#fff;font-size:24px}.profile-avatar--placeholder{display:flex;align-items:center;justify-content:center;background-color:#f0f2f5;color:#8c8c8c;font-size:48px}.profile-info{flex:1;padding-top:0}.profile-info-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.profile-name{font-size:24px;font-weight:600;color:var(--text-color-primary);margin-bottom:0;display:flex;align-items:center;gap:8px}.profile-verified-badge{display:inline-flex;align-items:center;justify-content:center;color:#1da1f2;font-size:18px;margin-left:4px;transition:transform .2s ease}.profile-verified-badge:hover{transform:scale(1.1)}.profile-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.profile-badge--pro{background-color:#2b7fe01a;color:#2b7fe0}.profile-badge--active{background-color:#00c8531a;color:#00c853}.profile-badge--inactive{background-color:#ff00001a;color:red}.profile-email{font-size:14px;color:var(--text-color-secondary);margin-bottom:16px}.profile-stats{display:flex;gap:32px;margin-bottom:16px}.profile-stat{display:flex;flex-direction:column;gap:4px}.profile-stat-value{font-size:18px;font-weight:600;color:var(--text-color-primary)}.profile-stat-label{font-size:12px;color:var(--text-color-secondary)}.profile-meta{display:flex;gap:24px;margin-bottom:16px}.profile-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color-secondary)}.profile-meta-item .anticon{font-size:16px}.profile-actions{display:flex;gap:12px;margin-top:0}.profile-actions button{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:14px;border-radius:6px}.profile-actions button.top-up{background:var(--primary-color);border:none;color:#fff}.profile-actions button.top-up:hover{background:var(--primary-color-dark)}.profile-actions button.settings{background:transparent;border:1px solid var(--border-color);color:var(--text-color-primary)}.profile-actions button.settings:hover{background:var(--background-accent)}.profile-navigation{background:var(--background-primary);border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden}.profile-nav-tabs{display:flex;border-bottom:1px solid var(--background-accent);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;background-color:#fff}.profile-nav-tabs::-webkit-scrollbar{display:none}.profile-nav-tab{padding:16px 24px;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-color-secondary);cursor:pointer;transition:all .3s ease;position:relative}.profile-nav-tab:hover,.profile-nav-tab.active{color:var(--primary-color)}.profile-nav-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color)}.profile-content{background:transparent;border-radius:12px;padding:0}.profile-section{margin-bottom:24px}.profile-section:last-child{margin-bottom:0}.profile-section-header{margin-bottom:0;padding:24px 0 0}.profile-section-title{font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);color:var(--text-color-primary);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.profile-details-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.profile-detail{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--background-accent)}.profile-detail:first-child{padding-top:0}.profile-detail:last-child{padding-bottom:0;border-bottom:none}.profile-detail-label{width:180px;font-size:14px;color:var(--text-color-secondary);display:flex;align-items:center;gap:8px}.profile-detail-label .anticon{font-size:16px;color:var(--text-color-secondary)}.profile-detail-value{flex:1;font-size:14px;color:var(--text-color-primary);font-weight:500}.profile-detail-value.address{display:flex;align-items:center;gap:8px}.profile-detail-value.address .map-link{color:var(--primary-color);cursor:pointer}.transaction-history{width:100%;border-collapse:collapse}.transaction-history th{text-align:left;padding:12px 16px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-color-secondary)}.transaction-history td{padding:16px;font-size:var(--font-size-body);color:var(--text-color-primary)}.transaction-history tr:last-child td{border-bottom:none}.transaction-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.transaction-status.success{background-color:#00c8531a;color:#00c853}.transaction-status.pending{background-color:#ffa6001a;color:#ffa600}.transaction-status.failed{background-color:#ff00001a;color:red}.transaction-status--success{background-color:#00c8531a;color:#00c853;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.transaction-status--pending{background-color:#ffa6001a;color:#ffa600;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.transaction-status--failed{background-color:#ff00001a;color:red;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.profile-groups-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.profile-group-row{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(0,0,0,.05)}.profile-group-row:last-child{border-bottom:none}.profile-group-name{font-size:16px;font-weight:500;color:var(--text-primary)}.profile-group-actions{margin-left:16px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.profile-loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:16px}.profile-empty{display:flex;justify-content:center;align-items:center;padding:40px 0;color:var(--text-secondary);font-size:16px}@media (max-width: 768px){.profile-container{padding:0}.profile-cover{height:150px}.profile-avatar{width:80px;height:80px}.profile-info-container{flex-direction:column;align-items:center;text-align:center;padding:16px}.profile-avatar-container{margin-top:-40px;margin-bottom:16px}.profile-info-header{justify-content:center}.profile-stats{justify-content:center;flex-wrap:wrap;gap:16px}.profile-meta{flex-direction:column;align-items:center;gap:8px}.profile-actions{justify-content:center}.profile-nav-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.profile-details-card{padding:16px}.profile-detail{flex-direction:column;align-items:flex-start;gap:8px}.profile-detail-label{width:100%;margin-bottom:4px}.profile-detail-value{width:100%}}@media (prefers-color-scheme: dark){.profile-cover{background:linear-gradient(90deg,#1a5bb0,#3a2a9e)}.profile-badge--pro{background-color:#2b7fe033}.profile-badge--active{background-color:#00c85333}.profile-badge--inactive{background-color:#f003}.profile-verified-badge{color:#1da1f2}}.profile-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;width:100%;text-align:center}.profile-loading-screen .profile-loading-spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1890ff;animation:spin 1s ease-in-out infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.profile-loading-screen p{font-size:18px;color:#666}.profile-error-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;width:100%;text-align:center;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;margin:0 auto}.profile-error-icon{font-size:64px;color:#ff4d4f;margin-bottom:20px}.profile-error-card h3{font-size:24px;margin-bottom:15px;color:#333}.profile-error-card p{font-size:16px;color:#666;margin-bottom:30px}.profile-photo-modal{display:flex;flex-direction:column;align-items:center;padding:20px}.profile-photo-preview{width:200px;height:200px;border-radius:50%;overflow:hidden;margin-bottom:20px;border:2px solid #f0f0f0;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#999;font-size:48px}.profile-photo-actions{display:flex;flex-direction:column;align-items:center;width:100%}.profile-photo-help{margin-top:15px;color:#666;font-size:14px;text-align:center;max-width:400px}.attendances{width:100%}.attendances__header{margin-bottom:24px}.attendances__filters,.attendances__table{margin-bottom:16px}.attendances__pagination{margin-top:16px}.attendances__status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.attendances__status--active{background-color:var(--success-light);color:var(--success)}.attendances__status--inactive{background-color:var(--error-light);color:var(--error)}.attendances__title{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#attendance-edit-card{margin-top:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2);border-radius:10px;margin:0 auto;background:#fff;width:100%}#attendance-edit-card .ant-card-body{padding:0}#attendance-edit-card .ant-tabs-content-holder{padding:24px;background:#fff}#attendance-edit-card .ant-tabs .ant-tabs-nav{margin:0;padding:0;background:#fff;border-radius:10px 10px 0 0}#attendance-edit-card .ant-tabs .ant-tabs-nav:before{display:none}#attendance-edit-card .ant-tabs .ant-tabs-nav-wrap{border-bottom:1px solid var(--light-grey-color, #f2f2f2)}#attendance-edit-card .ant-tabs .ant-tabs-nav-list{padding:0}#attendance-edit-card .ant-tabs .ant-tabs-tab{margin:0!important;padding:12px 24px;font-size:14px;color:var(--dark-grey-color, #1e1f20);border:none;background:transparent;position:relative}#attendance-edit-card .ant-tabs .ant-tabs-tab:hover{color:var(--primary-color, #00A4B8)}#attendance-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color, #00A4B8);font-weight:600}#attendance-edit-card .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:var(--primary-color, #00A4B8)}#attendance-edit-card .ant-tabs .ant-tabs-ink-bar{display:none}#attendance-edit-card .ant-form-item{margin-bottom:24px;text-align:left}#attendance-edit-card .ant-form-item-label{padding-bottom:8px}#attendance-edit-card .ant-form-item-label>label{font-weight:500;color:#262626}#attendance-edit-card .ant-input,#attendance-edit-card .ant-select-selector,#attendance-edit-card .ant-picker{border-radius:6px}#attendance-edit-card .ant-input:hover,#attendance-edit-card .ant-select-selector:hover,#attendance-edit-card .ant-picker:hover{border-color:#40a9ff}#attendance-edit-card .ant-input:focus,#attendance-edit-card .ant-select-selector:focus,#attendance-edit-card .ant-picker:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}#attendance-edit-card .ant-form{max-width:600px;margin:0}#attendance-edit-card .ant-form-item-control-input{text-align:left}.attendance-members-list{margin-top:16px}.attendance-members-container{width:100%}.attendance-members-list-container{border:1px solid #d9d9d9;border-radius:6px;background:#fff;max-height:400px;overflow-y:auto}.attendance-member-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.attendance-member-item:last-child{border-bottom:none}.attendance-member-item:hover{background-color:#f5f5f5}.attendance-member-name{font-weight:500;color:#262626;font-size:14px}.attendance-member-toggle{margin-left:auto}.attendance-visitors-container{width:100%;margin-top:16px}.attendance-visitors-list-container{border:1px solid #d9d9d9;border-radius:6px;background:#fff;max-height:400px;overflow-y:auto}.attendance-visitor-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.attendance-visitor-item:last-child{border-bottom:none}.attendance-visitor-item:hover{background-color:#f5f5f5}.attendance-visitor-info{display:flex;flex-direction:column;gap:4px}.attendance-visitor-name{font-weight:500;color:#262626;font-size:14px}.attendance-visitor-phone{font-size:12px;color:#8c8c8c}.attendance-visitor-actions{margin-left:auto}.attendance-visitor-form{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:8px}.attendance-visitor-form .ant-form-item{margin-bottom:16px}.attendance-visitor-form .ant-form-item:last-child{margin-bottom:0}.attendance-visitor-form-actions{display:flex;gap:8px;margin-top:16px}.attendance-details{width:100%}.attendance-details__header{margin-bottom:24px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2)}.attendance-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.attendance-details__item{display:flex;flex-direction:column;gap:8px}.attendance-details__item:last-child{border-bottom:none;margin-bottom:0}.attendance-details__label{font-weight:500;color:#8c8c8c;min-width:120px}.attendance-details__value{color:#262626;font-weight:500}.attendance-details__tabs{margin-top:24px}.attendance-details__tab-content{padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2)}.attendance-details__search,.attendance-details__table{margin-bottom:16px}.attendance-details__pagination{margin-top:16px}#attendance-edit-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:before{display:none!important}#attendance-edit-card .ant-form-item .ant-form-item-label>label.ant-form-item-required:after{display:inline-block!important;margin-left:4px!important;color:#ff4d4f!important;font-size:14px!important;font-family:SimSun,sans-serif!important;line-height:1!important;content:"*"!important;position:relative!important;top:-.5px!important;visibility:visible!important}@media (max-width: 768px){#attendance-edit-card .ant-form{max-width:100%}#attendance-edit-card .ant-tabs-tab{padding:8px 16px}#attendance-edit-card .ant-card-body{padding:16px}.attendance-details__item{flex-direction:column;gap:8px}.attendance-details__label{min-width:auto}.attendance-member-item{flex-direction:column;gap:8px;align-items:flex-start}.attendance-member-toggle{margin-left:0;align-self:flex-end}.attendance-visitor-form-actions{flex-direction:column}}.attendance-loading,.attendance-empty{text-align:center;padding:40px;color:#8c8c8c}.attendance-empty-icon{font-size:48px;margin-bottom:16px;color:#d9d9d9}.attendance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.attendance-stat-card{padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-grey-color, #f2f2f2);text-align:center}.attendance-stat-number{font-size:24px;font-weight:600;color:var(--primary-color, #00A4B8);margin-bottom:8px}.attendance-stat-label{font-size:14px;color:#8c8c8c}.attendance-view-tabs{display:flex;gap:8px;margin-bottom:24px}.attendance-view-tab{padding:8px 16px;background:#f0f0f0;border-radius:20px;border:none;color:#262626;font-size:14px;cursor:pointer;transition:all .3s ease}.attendance-view-tab:hover{background:#e6e6e6}.attendance-view-tab.active{background:var(--primary-color, #00A4B8);color:#fff}.attendance-view-tab.active:hover{background:var(--primary-color, #00A4B8)}
