@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";.ant-input-number{border:1px solid #d1d5db!important;border-radius:6px!important;transition:border-color .2s ease!important}.ant-input-number:hover{border-color:#008c9c!important}.ant-input-number:focus,.ant-input-number-focused{border-color:#008c9c!important;box-shadow:0 0 0 2px #008c9c1a!important}.ant-input-number-input{border:none!important;background:transparent!important}.ant-input-number-input:focus{border:none!important;box-shadow:none!important}.filter-content-block .ant-select,.RangeSlider .ant-select{border:1px solid #d1d5db!important;border-radius:6px!important;transition:border-color .2s ease!important}.filter-content-block .ant-select:hover,.RangeSlider .ant-select:hover{border-color:#008c9c!important}.filter-content-block .ant-select:focus,.filter-content-block .ant-select-focused,.RangeSlider .ant-select:focus,.RangeSlider .ant-select-focused{border-color:#008c9c!important;box-shadow:0 0 0 2px #008c9c1a!important}.filter-content-block .ant-select-selector,.RangeSlider .ant-select-selector{border:none!important;background:transparent!important}.filter-content-block .ant-select-selector:focus,.RangeSlider .ant-select-selector:focus{border:none!important;box-shadow:none!important}.notification-provider .ant-notification{box-shadow:0 4px 12px #00000026;border-radius:8px}.notification-provider .ant-notification .ant-notification-notice{border-radius:8px;padding:16px;border-left:4px solid transparent}.notification-provider .ant-notification .ant-notification-notice .ant-notification-notice-message{font-weight:600;font-size:16px;margin-bottom:8px}.notification-provider .ant-notification .ant-notification-notice .ant-notification-notice-description{font-size:14px;line-height:1.4;color:#000000a6}.notification-provider .ant-notification .ant-notification-notice .ant-notification-notice-icon{font-size:20px;margin-right:12px}.notification-provider .ant-notification .ant-notification-notice .ant-notification-notice-close{color:#00000073}.notification-provider .ant-notification .ant-notification-notice .ant-notification-notice-close:hover{color:#000000bf}.notification-provider .ant-notification.ant-notification-notice-success .ant-notification-notice{border-left-color:#52c41a}.notification-provider .ant-notification.ant-notification-notice-error .ant-notification-notice{border-left-color:#ff4d4f}.notification-provider .ant-notification.ant-notification-notice-warning .ant-notification-notice{border-left-color:#faad14}.notification-provider .ant-notification.ant-notification-notice-info .ant-notification-notice{border-left-color:#008c9c}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.ant-notification-notice{animation:slideInRight .3s ease-out}.ant-notification-notice.ant-notification-notice-leave{animation:slideOutRight .3s ease-in}@media (max-width: 768px){.notification-provider .ant-notification{right:10px!important;left:10px!important;max-width:none!important}}.sidebar-wrapper{width:280px;height:100vh;position:fixed;left:0;top:0;background-color:#fff;box-shadow:2px 0 4px #0000001a;z-index:1000;transition:width .3s ease;border-top-right-radius:20px;border-bottom-right-radius:20px}.sidebar-wrapper.collapsed{width:60px}.sidebar-wrapper:not(.expanded){width:60px}.sidebar-wrapper.expanded{width:280px;min-width:280px}.sidebar-wrapper.sidebar-unpinned-collapsed{width:8px}.sidebar{background-color:#166b74;height:100%;display:flex;flex-direction:column;width:100%;border-radius:0 20px 20px 0}.sidebar.collapsed{width:60px}.sidebar.expanded{width:280px}.sidebar-header{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.sidebar-header .logo{font-size:21px;font-weight:600;color:#fff}.sidebar-search{padding:1rem;position:relative}.sidebar-search .search-containers{position:relative;display:flex;align-items:center;border-radius:8px;padding-left:.5rem;transition:all .2s ease}.sidebar-search .search-containers .search-icon{color:#9ca3af;margin-right:.5rem;flex-shrink:0}.sidebar-search .search-containers .search-input{flex:1;background:transparent;border:1.8px solid #fff;border-radius:20px;padding:10px;color:#fff;font-size:16px;outline:none;width:100%;text-align:left}.sidebar-search .search-containers .search-input::placeholder{color:#fff;opacity:.8}.sidebar-search .search-containers .clear-search{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-search .search-containers .clear-search:hover{color:#fff;background:#4b5563}.sidebar-search .search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:.5rem;max-height:300px;width:90%;margin-left:14px;overflow-y:auto;z-index:1001;box-shadow:0 10px 25px #0000004d;scrollbar-width:none}.sidebar-search .search-results::-webkit-scrollbar{display:none}.sidebar-search .search-results .search-result-item{width:100%;padding:.75rem;display:flex;align-items:center;gap:.75rem;border:none;background:transparent;cursor:pointer;transition:background-color .2s ease;text-align:left}.sidebar-search .search-results .search-result-item:last-child{border-bottom:none}.sidebar-search .search-results .search-result-item:hover{background-color:#f3f4f6}.sidebar-search .search-results .search-result-item:active{background-color:#e5e7eb}.sidebar-search .search-results .search-result-item .search-result-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#008c9c;flex-shrink:0}.sidebar-search .search-results .search-result-item .search-result-content{flex:1;text-align:left}.sidebar-search .search-results .search-result-item .search-result-content .search-result-label{color:#008c9c;font-size:14px;font-weight:500;margin-bottom:.25rem}.sidebar-search .search-results .search-result-item .search-result-content .search-result-section{color:#6b7280;font-size:12px}.sidebar-search .search-results .no-results{padding:1rem;text-align:center;color:#6b7280;font-size:14px}.sidebar-menu{flex:1;overflow-y:auto;padding:1rem 0;scrollbar-width:none}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-section-label{padding:.5rem 1rem;font-size:17px;font-weight:500;color:#fff;text-align:left;margin-left:0;margin-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu-item{width:100%;padding:.5rem 1rem .5rem 20px;display:flex;align-items:center;gap:.75rem;border:none;background:transparent;cursor:pointer;transition:background-color .2s ease;margin-left:30px;margin-right:0;justify-content:flex-start;text-align:left}.sidebar-menu-item:hover{background-color:#ffffff1a;border-radius:8px}.sidebar-menu-item.active{background-color:#166b74;border-radius:8px;border-left:4px solid #1dd17a;position:relative}.menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#fff}.menu-arrow{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#fff;font-size:16px;font-weight:700}.menu-label{font-size:15px;text-align:left;white-space:nowrap;overflow:hidden;color:#fff;text-overflow:ellipsis;min-width:0;flex:1}.toggle-button{margin-left:10px;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:4px;transition:all .2s ease}.toggle-button:hover{background-color:#ffffff1a;color:#fff}.sidebar__section{font-size:.75rem;letter-spacing:1px;color:#a5b4fc;margin:1.5rem 0 .5rem 1.5rem;text-transform:uppercase;font-weight:700}.sidebar__badge{background:#10b981;color:#fff;border-radius:12px;font-size:.75rem;padding:.1rem .6rem;margin-left:auto;font-weight:600}.sidebar__badge--hot{background:#ef4444}.sidebar__nav ul li a.active{background:#166b74;color:#fff;font-weight:700}.sidebar__submenu{padding-left:.5rem}.sidebar__submenu .sidebar-menu-item{padding-left:2.5rem;font-size:15px;background:none;color:#afb9cf}.sidebar__submenu .sidebar-menu-item.active{background-color:#008c9c;color:#fff}@media (max-width: 900px){.sidebar-wrapper{position:absolute;z-index:100;height:100vh;left:0;top:0}.sidebar{height:100vh}}.sidebar__submenu .sidebar-menu-item{display:flex;align-items:center;gap:8px;padding-left:24px}.submenu-line{width:2px;height:20px;background-color:#fff;margin-right:4px}.submenu-arrow{display:flex;align-items:center;justify-content:center}.sidebar-wrapper:not(.expanded) .sidebar-section-label{margin-left:0;margin-right:0;padding:.5rem 0;text-align:center;justify-content:center}.sidebar-wrapper:not(.expanded) .sidebar-menu-item{display:none}.sidebar-wrapper:not(.expanded) .menu-label{display:none}.header{height:72px;position:fixed;left:0;right:0;top:0;z-index:100;background-color:#fff;padding:16px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;transition:left .2s,right .2s;font-family:ui-sans-serif,system-ui}.header.sidebar-expanded{left:280px;right:0}.header.collapsed{left:60px;right:0}.header.sidebar-unpinned-collapsed{left:8px;right:0}.header.sidebar-unpinned-collapsed .header__left{margin-left:20px}.header .header__left{display:flex;align-items:center;gap:12px}.header .header__left .header__logo{display:flex;align-items:center;justify-content:center}.header .header__left .header__logo .default-logo{width:35px;height:35px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#008c9c}.header .header__left .header__title{font-size:1.5rem;font-weight:700;color:#008c9c;letter-spacing:1px}.header .header__right{display:flex;align-items:center;padding-right:20px}.header .header__right .header__icon{border-radius:1rem;background:#f1f5f9;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.header .header__right .header__icon:hover{background:#e0e7ff;color:#2563eb}.header .header__right .header__profile{display:flex;align-items:center;gap:.5rem;border-radius:1rem;padding:.2rem .8rem;transition:box-shadow .2s;padding-left:0}.header .header__right .header__profile .header__profile-image img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #2563eb}.header .header__right .header__profile .header__profile-image .header__profile-name{font-weight:500;color:#222}.header__profile{position:relative;display:flex;align-items:center}.header__profile-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer}.header__profile-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header__profile-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;color:#fff;background:#7c3aed;border-radius:50%}.header__profile-dropdown{position:absolute;top:60px;right:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001f;z-index:1001;display:flex;flex-direction:column;animation:fadeIn .15s}.header__profile-info{padding:12px;display:flex;flex-direction:column;align-items:flex-start}.header__profile-name-bold{font-weight:700;font-size:1.1rem;margin-bottom:2px}.header__profile-email{font-size:.95rem;color:#666}.header__profile-divider{height:1px;background:#eee;width:100%}.header__profile-item{background:none;border:none;text-align:left;padding:10px 20px;font-size:1rem;color:#556176;cursor:pointer;transition:background .15s;width:100%;border-radius:0}.header__profile-item:hover{background:#f5f5f5}.header__logout-btn{color:#ef4444;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-bell-button{position:relative;border:none;box-shadow:none}.notification-bell-button .anticon{font-size:18px;color:#008c9c}.notification-bell-button:hover{background-color:#008c9c1a}.notification-bell-button:hover .anticon{color:#008c9c}.notification-bell-button .ant-badge .ant-badge-count{font-size:10px;min-width:16px;height:16px;line-height:16px;padding:0 4px}.notification-dropdown{width:360px;max-height:520px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026}.notification-dropdown .notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:2;background:#fff}.notification-dropdown .notification-header .ant-btn-link{padding:0;height:auto;font-size:12px}.notification-dropdown .notification-header.green{background:#008c9c;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:none}.notification-dropdown .notification-header.green .title{color:#fff;font-weight:600}.notification-dropdown .notification-header.green .ant-btn-link{color:#e9fffb}.notification-dropdown .notification-list{max-height:380px;overflow-y:auto;padding:8px 0}.notification-dropdown .notification-list .notification-item{padding:12px 16px;cursor:pointer;transition:background-color .2s}.notification-dropdown .notification-list .notification-item:hover{background-color:#f5f5f5}.notification-dropdown .notification-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar{margin-right:12px}.notification-dropdown .notification-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-title{margin-bottom:4px;line-height:1.4}.notification-dropdown .notification-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description{line-height:1.4}.notification-dropdown .notif-title{display:flex;align-items:center;gap:8px}.notification-dropdown .notif-subtitle{font-size:12px}.notification-dropdown .notif-meta-time{margin-top:4px}.notification-dropdown .notif-meta-time .notif-time{font-size:11px}.notification-dropdown .no-notifications{padding:24px;text-align:center;color:#00000073}.notification-dropdown .notification-footer{position:sticky;bottom:0;padding:12px 16px;background:#fff;color:#008c9c;border-top:1px solid #f0f0f0;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.notification-dropdown .notification-footer .ant-btn-primary,.notification-dropdown .notification-footer .ant-btn-primary:hover{background-color:#008c9c;border-color:#008c9c}@media (max-width: 768px){.notification-dropdown{width:320px;right:-20px}}.cmp-button-container .cmp-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;width:auto}.cmp-button-container .cmp-button.primary{background:#008c9c;color:#fff;border:none}.cmp-button-container .cmp-button.primary:hover{background:#007a8a}.cmp-button-container .cmp-button.secondary{background:#00c7c1;color:#fff}.cmp-button-container .cmp-button.secondary:hover{background:#13b9cc}.cmp-button-container .cmp-button.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.cmp-button-container .cmp-button.danger{background:#dc2626;color:#fff;border:none}.cmp-button-container .cmp-button.danger:hover{background:#b91c1c}.cmp-button-container .cmp-button.small{padding:.375rem .75rem;font-size:12px}.cmp-button-container .cmp-button.medium{padding:.75rem 1.5rem;font-size:14px}.cmp-button-container .cmp-button.large{padding:1rem 2rem;font-size:16px}.cmp-button-container .cmp-button .button-icon{display:inline-flex;align-items:center}.custom-table-container{display:flex;flex-direction:column;box-shadow:0 2px 8px #0001;background:#fff;padding:27px;border-radius:16px;font-family:Roboto,sans-serif}.custom-table-container-scroll{overflow-x:auto}.table-scroll-wrapper{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;border-spacing:0;margin:0;font-family:inherit;font-size:14px;table-layout:auto}.checkbox-table{table-layout:fixed}.custom-table th,.custom-table td{padding:12px 8px;text-align:left;position:relative;border-bottom:1px solid #e2e8f0;vertical-align:top}.custom-table th{font-size:14px;font-weight:500;color:#008c9c;background:#f9fafb;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;border-radius:0;letter-spacing:.05em}.sort-header{display:flex;align-items:center;justify-content:space-between;gap:8px;-webkit-user-select:none;user-select:none;transition:all .2s ease;cursor:pointer}.sort-header:hover{color:#008c9c}.sort-icon{color:#008c9c;transition:all .2s ease;flex-shrink:0}.sort-icon.active,.sort-header:hover .sort-icon{color:#008c9c}.custom-table tr:not(:last-child) td{background-color:#fff;border-bottom:1px solid #e2e8f0}.custom-table tr:not(:last-child) td:first-child{border-bottom-left-radius:0}.custom-table tr:not(:last-child) td:last-child{border-bottom-right-radius:0}.custom-table td{font-size:14px;vertical-align:top;background:#fff;color:#556176}.custom-table tr:hover{background:#f9fafb}.custom-table:not(.checkbox-table) th,.custom-table:not(.checkbox-table) td{width:auto;min-width:100px}.custom-table:not(.checkbox-table) th:first-child,.custom-table:not(.checkbox-table) td:first-child{min-width:120px}.custom-table:not(.checkbox-table) th:nth-child(2),.custom-table:not(.checkbox-table) td:nth-child(2){min-width:120px}.custom-table:not(.checkbox-table) th:nth-child(3),.custom-table:not(.checkbox-table) td:nth-child(3){min-width:100px}.custom-table:not(.checkbox-table) th:nth-child(4),.custom-table:not(.checkbox-table) td:nth-child(4){min-width:100px}.custom-table:not(.checkbox-table) th:nth-child(5),.custom-table:not(.checkbox-table) td:nth-child(5){min-width:100px}.custom-table:not(.checkbox-table) th:nth-child(6),.custom-table:not(.checkbox-table) td:nth-child(6){min-width:120px}.custom-table:not(.checkbox-table) th:nth-child(7),.custom-table:not(.checkbox-table) td:nth-child(7){min-width:100px}.custom-table:not(.checkbox-table) th:nth-child(8),.custom-table:not(.checkbox-table) td:nth-child(8){min-width:100px}.custom-table th:last-child,.custom-table td:last-child{width:70px!important;min-width:70px!important;max-width:70px!important;text-align:center;padding-right:8px!important}.equal-width-table th:last-child,.equal-width-table td:last-child{width:170px!important;min-width:170px!important;max-width:170px!important;text-align:center;padding-right:8px!important}.checkbox-table th:first-child,.checkbox-table td:first-child{width:40px!important;min-width:40px!important;max-width:40px!important;text-align:center;padding:8px 4px!important;box-sizing:border-box}.custom-table:not(.checkbox-table) th:first-child,.custom-table:not(.checkbox-table) td:first-child{width:auto!important;min-width:120px!important;max-width:none!important;text-align:left!important;padding:12px 8px!important}.checkbox-table th:first-child input[type=checkbox],.checkbox-table td:first-child input[type=checkbox]{width:16px!important;height:16px!important;cursor:pointer;accent-color:#008c9c;margin:0!important;padding:0!important;display:block;margin-left:auto;margin-right:auto}.checkbox-table th:not(:first-child),.checkbox-table td:not(:first-child){width:auto;min-width:100px}.checkbox-table th:nth-child(2),.checkbox-table td:nth-child(2){min-width:120px}.checkbox-table th:nth-child(3),.checkbox-table td:nth-child(3){min-width:120px}.checkbox-table th:nth-child(4),.checkbox-table td:nth-child(4){min-width:100px}.checkbox-table th:nth-child(5),.checkbox-table td:nth-child(5){min-width:100px}.checkbox-table th:nth-child(6),.checkbox-table td:nth-child(6){min-width:120px}.checkbox-table th:nth-child(7),.checkbox-table td:nth-child(7){min-width:100px}.checkbox-table th:nth-child(8),.checkbox-table td:nth-child(8){min-width:120px}.checkbox-table th:nth-child(5),.checkbox-table td:nth-child(5){min-width:80px;width:auto;white-space:nowrap}.custom-table:not(.checkbox-table) th:nth-child(5),.custom-table:not(.checkbox-table) td:nth-child(5){min-width:80px;width:auto;white-space:nowrap}.checkbox-table th:nth-child(6),.checkbox-table td:nth-child(6){min-width:80px;width:auto;white-space:nowrap}.custom-table:not(.checkbox-table) th:nth-child(6),.custom-table:not(.checkbox-table) td:nth-child(6){min-width:80px;width:auto;white-space:nowrap}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-item{display:flex;align-items:center;font-size:14px;color:#6b7280}.contact-icon{margin-right:8px;font-size:16px;color:#008c9c}.name-cell{display:flex;align-items:center}.name-info{display:flex;flex-direction:column}.name-primary{font-size:14px;font-weight:500;color:#556176;margin-bottom:2px}.name-secondary{font-size:12px;color:#6b7280}.unit-info{display:flex;flex-direction:column}.unit-primary{font-size:14px;font-weight:500;color:#556176;margin-bottom:2px}.unit-secondary{font-size:12px;color:#6b7280}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.25;background-color:#dcfce7;color:#166534}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.875rem;text-transform:capitalize}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #e5e7eb}.pagination-left{display:flex;align-items:center;gap:24px}.pagination-info{font-size:14px;color:#6b7280;font-weight:500}.page-size-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.page-size-selector label{font-weight:500;white-space:nowrap}.select-wrapper{position:relative;display:inline-block}.page-size-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 28px 6px 12px;font-size:14px;color:#374151;cursor:pointer;min-width:60px;transition:all .2s ease}.page-size-select:hover{border-color:#9ca3af}.page-size-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.page-size-selector span:last-child{font-weight:500;white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.pagination-btn:hover:not(.disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn.active{background:#008c9c;border-color:#3b82f6;color:#fff}.pagination-btn.active:hover{background:#008c9c;border-color:#2563eb}.pagination-btn.disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.pagination-btn.page-number{min-width:36px;padding:0}.pagination-btn svg{width:16px;height:16px}.date-cell{white-space:nowrap;font-family:Roboto Mono,monospace;font-size:13px;min-width:100px}.custom-table td[data-column=date],.custom-table th[data-column=date]{white-space:nowrap;min-width:120px;max-width:150px}.custom-table td:has(.date-cell),.custom-table th:has(.date-cell){white-space:nowrap;min-width:120px}.custom-table td:has(.committe-status-badge),.custom-table th:has(.committe-status-badge){min-width:120px;max-width:200px;overflow:visible;text-overflow:unset}.committie-status-badge{max-width:none;overflow:visible;text-overflow:unset;white-space:nowrap}.table-legend{display:flex;flex-wrap:wrap;gap:16px 24px;padding:16px 0 0;margin-top:16px;border-top:1px solid #e5e7eb;font-size:13px}.legend-item{display:flex;align-items:center;gap:8px}.legend-key{font-weight:600;color:#374151}.legend-separator{color:#9ca3af}.legend-label{color:#6b7280}.filter-container{display:flex;flex-direction:column;gap:16px;width:100%}.filter-bar{display:flex;align-items:flex-end;gap:16px;width:100%;justify-content:flex-start}.filter-bar .filter-bar-left{flex:1}.filter-bar-right{display:flex;justify-content:flex-end;align-items:center;gap:16px}.filter-options-row{display:flex;align-items:center;gap:16px;width:100%}.filter-buttons{display:flex;align-items:center;gap:10px}.reset-filters{background:none;border:none;color:#222;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background .2s}.reset-filters:hover{background:#f0f0f0}.filter-button{display:flex;align-items:center;padding:8px 12px;border:1px solid #ccc;border-radius:8px;background-color:#fff;cursor:pointer;font-size:1rem;color:#333;gap:8px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease-in-out;width:fit-content}.filter-button:hover{border-color:#aaa}.filter-button .filter-icon{display:flex;align-items:center;color:#555}.filter-button .filter-text{font-weight:500}.filter-action-button{padding:8px 16px;border:1px solid #ccc;border-radius:8px;background-color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease-in-out;margin-left:8px}.filter-action-button.apply-button{background-color:#007bff;color:#fff;border-color:#007bff}.filter-action-button.apply-button:hover{background-color:#0056b3;border-color:#0056b3}.filter-action-button.apply-button:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed}.filter-action-button.reset-button{background-color:#6c757d;color:#fff;border-color:#6c757d}.filter-action-button.reset-button:hover{background-color:#545b62;border-color:#545b62}.filter-content-block{width:100%;display:flex;gap:20px}.filter-content-block .filter-control{display:flex;gap:5px}.filter-content-block .filter-select,.filter-content-block .filter-input{display:flex;flex:1;border:1px solid #d1d5db;border-radius:5px;font-size:14px;background-color:#fff;cursor:pointer}.filter-content-block .ant-picker-suffix{display:none}.filter-option{display:flex;flex-direction:column;gap:4px;width:150px}.filter-option .filter-label{font-weight:500;font-size:.9rem;color:#008c9c;margin-left:9px}.field-container{display:flex;flex-direction:column;gap:8px;width:100%}.field-container label{font-weight:500;color:#374151;font-size:14px}.field-container .field-input{height:20px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background-color:#fff}.field-container .field-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.field-container .field-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.field-container .field-input::placeholder{color:#9ca3af}.field-container .error-message{color:#dc2626;font-size:12px;margin-top:4px}.ant-picker-input{width:100%;padding:4px}.ant-picker-input:hover{border-color:#008c9c}.ant-picker-input.error{border:1px solid #dc2626;border-radius:6px}.ant-picker:hover{border-color:#008c9c!important}.ant-picker.ant-picker-focused{border-color:#008c9c!important;box-shadow:0 0 0 2px #008c9c1a!important}.ant-picker .ant-picker-input input,.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-view,.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content th,.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content td .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content td.ant-picker-cell-today .ant-picker-cell-inner{color:#556176!important}.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content td.ant-picker-cell-selected .ant-picker-cell-inner{color:#fff!important;background-color:#008c9c!important;border-radius:20px}.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content td.ant-picker-cell-disabled .ant-picker-cell-inner{color:#9ca3af!important}.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner{color:#556176!important}.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{color:#fff!important;background-color:#008c9c!important}.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner{color:#9ca3af!important}.ant-picker .ant-picker-input input,.ant-picker .ant-picker-suffix,.ant-picker .ant-picker-clear{color:#556176!important}.ant-picker-dropdown .ant-picker-footer .ant-picker-now-btn{color:#008c9c!important}.ant-picker-dropdown .ant-picker-footer .ant-picker-ok-btn{background-color:#008c9c!important;border-color:#008c9c!important;color:#fff!important}.ant-picker-dropdown .ant-picker-footer .ant-picker-ok-btn:hover{background-color:#007a8a!important;border-color:#007a8a!important}.ant-picker-dropdown .ant-picker-ok-btn,.ant-picker-dropdown .ant-picker-footer .ant-picker-ok-btn,.ant-picker-dropdown .ant-picker-footer .ant-btn-primary{background-color:#008c9c!important;border-color:#008c9c!important;color:#fff!important}.ant-picker-dropdown .ant-picker-ok-btn:hover,.ant-picker-dropdown .ant-picker-footer .ant-picker-ok-btn:hover,.ant-picker-dropdown .ant-picker-footer .ant-btn-primary:hover{background-color:#007a8a!important;border-color:#007a8a!important;color:#fff!important}.ant-picker-dropdown .ant-btn-primary{background-color:#008c9c!important;border-color:#008c9c!important;color:#fff!important}.ant-picker-dropdown .ant-btn-primary:hover{background-color:#007a8a!important;border-color:#007a8a!important}.ant-picker-dropdown .ant-picker-cell-selected,.ant-picker-dropdown .ant-picker-time-panel-cell-selected{background-color:#008c9c!important}.ant-picker-dropdown .ant-btn[class*=ok],.ant-picker-dropdown .ant-btn-primary,.ant-picker-dropdown button[class*=ok],.ant-picker-dropdown .ant-picker-footer button{background-color:#008c9c!important;border-color:#008c9c!important;color:#fff!important}.ant-picker-dropdown .ant-btn[class*=ok]:hover,.ant-picker-dropdown .ant-btn-primary:hover,.ant-picker-dropdown button[class*=ok]:hover,.ant-picker-dropdown .ant-picker-footer button:hover{background-color:#007a8a!important;border-color:#007a8a!important;color:#fff!important}.form-group .form-field .field-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 6px;font-size:14px;font-weight:500;color:#008c9c!important;z-index:1;white-space:nowrap}.form-group .form-field .input-field{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#556176!important;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group .form-field .input-field:disabled{background-color:#f3f4f6;cursor:not-allowed;color:#556176}.form-group .form-field .input-field.show-arrow{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.form-group .form-field .input-field option{padding:8px 12px;background-color:#fff!important;color:#556176!important}.form-group .form-field .input-field option:hover{background-color:#008c9c!important;color:#fff!important}.form-group .form-field .input-field option:checked,.form-group .form-field .input-field option:selected,.form-group .form-field .input-field option[selected],.form-group .form-field .input-field option[value]:checked{background-color:#008c9c!important;color:#fff!important}.form-group .form-field .input-field select:focus option:checked,.form-group .form-field .input-field select option:checked,.form-group .form-field .input-field select option[selected],.form-group .form-field .input-field select option[value]:checked{background-color:#008c9c!important;color:#fff!important}.form-group .form-field .input-field option:checked,.form-group .form-field .input-field option:selected,.form-group .form-field .input-field option[selected=selected],.form-group .form-field .input-field option[value]:checked{background-color:#008c9c!important;color:#fff!important}.form-group .form-field .ant-select{width:100%}.form-group .form-field .ant-select .ant-select-selector{min-height:40px!important;padding:8px 12px!important;border:1px solid #d1d5db!important;border-radius:6px!important;background-color:#fff!important;transition:border-color .2s ease!important}.form-group .form-field .ant-select .ant-select-selector:hover{border-color:#008c9c!important}.form-group .form-field .ant-select .ant-select-selector:focus-within{border-color:#008c9c!important;box-shadow:0 0 0 2px #008c9c1a!important}.form-group .form-field .ant-select .ant-select-selection-item{color:#556176!important;font-size:14px!important;line-height:1.4!important}.form-group .form-field .ant-select .ant-select-selection-placeholder{color:#9ca3af!important;font-size:14px!important;line-height:24px!important}.form-group .form-field .ant-select.ant-select-multiple .ant-select-selector{min-height:40px!important;padding:4px 8px!important}.form-group .form-field .ant-select.ant-select-multiple .ant-select-selection-item{background-color:#e5e7eb!important;border:1px solid #d1d5db!important;border-radius:4px!important;padding:2px 8px!important;margin:2px 4px 2px 0!important;font-size:12px!important;line-height:1.4!important;color:#556176!important;word-break:break-word!important}.form-group .form-field .ant-select.ant-select-multiple .ant-select-selection-search{margin:2px 0!important}.form-group .form-field .ant-select.ant-select-multiple .ant-select-selection-search-input{height:24px!important;line-height:24px!important;color:#556176!important}.form-group .form-field .ant-select.ant-select-multiple .ant-select-selection-placeholder{color:#9ca3af!important;font-size:14px!important;line-height:32px!important}.form-group .form-field .ant-select.error .ant-select-selector{border-color:#dc2626!important}.form-group .form-field .ant-select.error .ant-select-selector:focus-within{box-shadow:0 0 0 2px #dc26261a!important}.form-group .form-field .ant-select:disabled .ant-select-selector{background-color:#f3f4f6!important;cursor:not-allowed!important}.form-group .form-field .ant-select.disabled-dropdown .ant-select-selector{background-color:#f3f4f6!important;cursor:not-allowed!important}.form-group .form-field .ant-select-dropdown{max-height:200px!important;overflow-y:auto!important;border-radius:6px!important;box-shadow:0 4px 6px -1px #0000001a!important;border:1px solid #d1d5db!important}.form-group .form-field .ant-select-dropdown .ant-select-item{padding:8px 12px!important;font-size:14px!important;line-height:1.4!important;color:#556176!important;transition:all .2s ease!important}.form-group .form-field .ant-select-dropdown .ant-select-item:hover{background-color:#e6f7f7!important;color:#556176!important}.form-group .form-field .ant-select-dropdown .ant-select-item.ant-select-item-option-selected{background-color:#008c9c!important;color:#fff!important}.form-group .form-field .ant-select-dropdown .ant-select-item.ant-select-item-option-active{background-color:#e6f7f7!important;color:#556176!important}.form-group .form-field .ant-select-dropdown::-webkit-scrollbar{width:6px}.form-group .form-field .ant-select-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-group .form-field .ant-select-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-group .form-field .ant-select-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group .form-field .ant-select-dropdown .rc-virtual-list{scrollbar-width:none}.form-group .form-field .ant-select-dropdown .rc-virtual-list::-webkit-scrollbar{display:none}.form-group .form-field .ant-select-dropdown .ant-select-dropdown-menu{max-height:200px!important;overflow-y:auto!important}.form-group .form-field .ant-select-dropdown .ant-select-dropdown-menu::-webkit-scrollbar{width:6px}.form-group .form-field .ant-select-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-group .form-field .ant-select-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-group .form-field .ant-select-dropdown .ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}select option:checked,select option:selected,select option[selected=selected]{background-color:#000!important;color:#fff!important}option:checked,option:selected,option[selected=selected],option[value]:checked{background-color:#000!important;color:#fff!important}.custom-dropdown{position:relative;width:100%}.custom-dropdown .custom-dropdown-trigger{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#556176!important;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease;box-sizing:border-box}.custom-dropdown .custom-dropdown-trigger:hover{border-color:#008c9c}.custom-dropdown .custom-dropdown-trigger.error{border-color:#dc2626}.custom-dropdown .custom-dropdown-trigger.disabled{background-color:#f3f4f6;cursor:not-allowed;color:#1f2937}.custom-dropdown .custom-dropdown-trigger .selected-text{color:#556176!important}.custom-dropdown .custom-dropdown-trigger .placeholder-text{color:#9ca3af}.custom-dropdown .custom-dropdown-trigger .dropdown-arrow{color:#6b7280;transition:transform .2s ease;font-size:12px}.custom-dropdown .custom-dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown .custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;z-index:9999;max-height:200px;overflow-y:auto;margin-top:2px}.custom-dropdown .custom-dropdown-menu .custom-dropdown-option{padding:8px 12px;cursor:pointer;font-size:14px;color:#556176;transition:all .2s ease}.custom-dropdown .custom-dropdown-menu .custom-dropdown-option:hover{background-color:#e6f7f7!important;color:#556176!important}.custom-dropdown .custom-dropdown-menu .custom-dropdown-option.selected{background-color:#008c9c!important;color:#fff!important}.search-bar-container{background:none;box-shadow:none;padding:0}.input-with-icon{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#888;z-index:1;display:flex;align-items:center;height:100%}.search-input{width:100%;padding-left:44px;border:1px solid #ededed;border-radius:8px;outline:none;font-size:16px;color:#555;background:#fff;height:40px;transition:border-color .2s}.search-input::placeholder{color:#888;opacity:1}.search-input:focus{border-color:#b0b0b0;box-shadow:0 2px 8px #00000008}._memberInfo_akupr_1{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgb(229,231,235)}._memberInfo_akupr_1:last-child{border-bottom:none}._memberInfo_akupr_1 ._avatarContainer_akupr_11{flex-shrink:0}._memberInfo_akupr_1 ._avatarContainer_akupr_11 ._avatar_akupr_11{border:2px solid #f0f0f0;transition:border-color .2s ease}._memberInfo_akupr_1 ._avatarContainer_akupr_11 ._avatar_akupr_11:hover{border-color:#008c9c}._memberInfo_akupr_1 ._memberDetails_akupr_21{flex:1;min-width:0}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._nameAndBlockUnit_akupr_25{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;flex-wrap:wrap}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._nameAndBlockUnit_akupr_25 ._nameContainer_akupr_32{display:flex;flex-direction:column;flex-shrink:0}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._nameAndBlockUnit_akupr_25 ._nameContainer_akupr_32 ._name_akupr_25{font-weight:600;font-size:14px;color:#262626;line-height:1.4;text-align:left;margin-bottom:2px}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._nameAndBlockUnit_akupr_25 ._nameContainer_akupr_32 ._phoneNumber_akupr_45{font-size:12px;color:#8c8c8c;line-height:1.3;text-align:left}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._nameAndBlockUnit_akupr_25 ._blockUnit_akupr_51{font-size:12px;color:#595959;line-height:1.3;font-weight:500;white-space:nowrap;flex-shrink:0;margin-top:2px}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._email_akupr_60{font-size:12px;color:#8c8c8c;margin-bottom:2px;line-height:1.3}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._role_akupr_66{font-size:12px;color:#595959;font-weight:500;line-height:1.3}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._extraInfo_akupr_72{font-size:12px;color:#8c8c8c;margin-bottom:2px;line-height:1.3}._memberInfo_akupr_1 ._memberDetails_akupr_21 ._status_akupr_78{font-size:12px;color:#595959;margin-bottom:2px;line-height:1.3}._memberInfo_akupr_1._small_akupr_85{gap:8px}._memberInfo_akupr_1._small_akupr_85 ._memberDetails_akupr_21 ._name_akupr_25{font-size:13px}._memberInfo_akupr_1._small_akupr_85 ._memberDetails_akupr_21 ._email_akupr_60,._memberInfo_akupr_1._small_akupr_85 ._memberDetails_akupr_21 ._role_akupr_66{font-size:11px}._memberInfo_akupr_1._large_akupr_95{gap:16px}._memberInfo_akupr_1._large_akupr_95 ._memberDetails_akupr_21 ._name_akupr_25{font-size:16px}._memberInfo_akupr_1._large_akupr_95 ._memberDetails_akupr_21 ._email_akupr_60,._memberInfo_akupr_1._large_akupr_95 ._memberDetails_akupr_21 ._role_akupr_66{font-size:13px}.actions-dropdown{position:relative;display:inline-block;z-index:1}.actions-trigger{display:flex;align-items:center;justify-content:center;width:90px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#008c9c;transition:all .2s ease;margin-right:-43px}.actions-trigger svg{width:18px;height:18px}.actions-menu{position:absolute;top:100%;right:0;z-index:99999;min-width:100px;max-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:4px 0;margin-top:4px;animation:dropdownFadeIn .15s ease-out;overflow:visible;transform:translateZ(0)}.actions-menu:before{content:"";position:absolute;top:-6px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #e5e7eb}.actions-menu:after{content:"";position:absolute;top:-5px;right:12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff}.action-item{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;color:#556176;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;white-space:nowrap}.action-item:focus{outline:none;background:#f3f4f6;color:#111827}.action-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.action-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.action-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.action-item.disabled .action-icons-icon,.action-item.disabled .action-text{opacity:.5}.action-icons-icon{display:flex;align-items:center;justify-content:center;margin-right:8px;color:#6b7280;transition:color .15s ease}.action-icons-icon .delete-action{color:#dc2626}.action-icons-icon svg{width:14px;height:14px;font-weight:600}.action-text{flex:1;text-align:left;white-space:nowrap}.action-item:hover .action-icon{color:#374151}.actions-menu{max-height:none;overflow:visible;position:absolute;z-index:99999}.actions-dropdown{position:relative;z-index:1}.actions-dropdown.dropdown-open{z-index:99999}.custom-table-container,.custom-table td{overflow:visible!important}.testing-component{padding:24px;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column;gap:24px}.testing-component .tab-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.testing-component .tab-container .tabs-container{background-color:#fff;border-radius:8px;overflow:hidden}.testing-component .tab-container .tabs-container .tabs-header{display:flex;border-bottom:1px solid #e9ecef;background-color:#fff}.testing-component .tab-container .tabs-container .tabs-header .tab-btn{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s ease;position:relative}.testing-component .tab-container .tabs-container .tabs-header .tab-btn:hover{color:#495057;background-color:#f8f9fa}.testing-component .tab-container .tabs-container .tabs-header .tab-btn.active{color:#008c9c;font-weight:500}.testing-component .tab-container .tabs-container .tabs-header .tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#0d6efd}.testing-component .tab-container .tabs-container .tab-content{padding:24px;min-height:200px}.testing-component .search-bar-container .search-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;border:1px solid #e9ecef;border-radius:6px;background-color:#fff}.testing-component .search-bar-container .search-bar input{flex:1;border:none;outline:none;font-size:14px;color:#495057}.testing-component .search-bar-container .search-bar input::placeholder{color:#adb5bd}.testing-component .search-bar-container .search-bar .search-icon{color:#6c757d;cursor:pointer}.testing-component .frequency-test-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin:20px 0}.testing-component .frequency-test-section h3{color:#333;margin-bottom:20px;font-size:18px;font-weight:600}.testing-component .frequency-test-section .frequency-dropdown,.testing-component .frequency-test-section .days-selection{margin-bottom:20px}.testing-component .frequency-test-section .days-selection label{display:block;margin-bottom:10px;font-size:14px;font-weight:500;color:#333}.testing-component .frequency-test-section .days-selection .days-container{display:flex;gap:15px;flex-wrap:wrap}.testing-component .frequency-test-section .days-selection .days-container .day-checkbox{display:flex;align-items:center;gap:5px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .2s ease}.testing-component .frequency-test-section .days-selection .days-container .day-checkbox:hover{background-color:#f8f9fa}.testing-component .frequency-test-section .days-selection .days-container .day-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.testing-component .frequency-test-section .days-selection .days-container .day-checkbox span{font-size:14px;color:#333}.testing-component .frequency-test-section .state-display{margin-top:20px;padding:15px;background-color:#e3f2fd;border-radius:6px;border:1px solid #1976d2;font-size:14px;line-height:1.5}.testing-component .frequency-test-section .state-display strong{color:#1976d2}.testing-component .amount-link-demo-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;margin:20px 0}.testing-component .amount-link-demo-container h3{color:#333;margin-bottom:24px;font-size:20px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:12px}.testing-component .amount-link-demo-container .amount-examples{display:grid;gap:20px}.testing-component .amount-link-demo-container .amount-examples .example-item{padding:16px;border:1px solid #e9ecef;border-radius:8px;background-color:#f8f9fa;transition:all .2s ease}.testing-component .amount-link-demo-container .amount-examples .example-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.testing-component .amount-link-demo-container .amount-examples .example-item h4{color:#495057;margin-bottom:12px;font-size:16px;font-weight:600}.testing-component .amount-link-demo-container .amount-examples .example-item .amount-link{font-size:18px;font-weight:600}.testing-component .cash-flow-breakdown-demo-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;margin:20px 0}.testing-component .cash-flow-breakdown-demo-container h3{color:#333;margin-bottom:12px;font-size:20px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:12px}.testing-component .cash-flow-breakdown-demo-container p{color:#6c757d;margin-bottom:24px;font-size:14px}.testing-component .amount-display-demo-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;margin:20px 0;text-align:center}.testing-component .amount-display-demo-container h3{color:#333;margin-bottom:12px;font-size:20px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:12px}.testing-component .amount-display-demo-container p{color:#6c757d;margin-bottom:24px;font-size:14px}.testing-component .amount-display-demo-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;margin:20px 0}.testing-component .amount-display-demo-section h3{color:#333;margin-bottom:24px;font-size:20px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:12px}.testing-component .amount-display-demo-section .demo-item{margin-bottom:32px;padding:20px;border:1px solid #e9ecef;border-radius:8px;background-color:#f8f9fa}.testing-component .amount-display-demo-section .demo-item h4{color:#495057;margin-bottom:16px;font-size:16px;font-weight:600}.testing-component .amount-display-demo-section .demo-item:last-child{margin-bottom:0}.tabs-container{border-radius:10px;box-shadow:0 2px 8px #0001;margin-bottom:24px;position:relative}.tabs-header{display:flex;padding:3px;border-radius:8px;background:#f0f0f5;position:relative}.tab-btn{background:none;border:none;outline:none;color:#556176;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;padding:12px 16px;text-align:left;transition:background .2s,color .2s,font-weight .2s}.tab-btn.active{background:#fff;color:#008c9c;font-weight:600;z-index:2}.tab-btn:hover:not(.active){background:#ececec}.tab-btn.dropdown-trigger{display:flex;align-items:center;gap:8px}.tab-btn.dropdown-trigger i{font-size:12px;transition:transform .2s}.tab-dropdown-container{position:relative}.tab-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;margin-top:4px;overflow:hidden}.dropdown-item{background:none;border:none;outline:none;color:#000;font-size:1rem;font-weight:500;cursor:pointer;padding:12px 16px;text-align:left;width:100%;transition:background .2s,color .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item.active{background:#f8fafc;color:#008c9c;font-weight:600}.dropdown-item:hover:not(.active){background:#f1f5f9;color:#556176}.tabs-content{padding:24px 0 0}.equal-width .tab-btn{flex:1;text-align:center}.tab-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-content p{margin:0;color:#556176;font-size:14px;font-weight:500}.user-profile-card{display:flex;align-items:center;background:none;gap:10px;font-family:inherit}.user-profile-card .avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-right:18px}.user-profile-card .user-info{display:flex;flex-direction:column;gap:4px}.user-profile-card .user-header{display:flex;align-items:center;gap:10px;margin-bottom:2px}.user-profile-card .user-header .user-name{font-size:1.5rem;font-weight:600;color:#008c9c}.user-profile-card .user-header .user-status{font-size:.95rem;font-weight:500;border-radius:12px;padding:2px 12px;margin-left:4px;display:inline-block}.user-profile-card .user-header .user-status.active{background:#d1ffe6;color:#1a7f37}.user-profile-card .user-header .user-status.inactive{background:#ffe6e6;color:#d32f2f}.user-profile-card .user-details{display:flex;align-items:center;color:#666;font-size:16px;font-weight:400}.user-profile-card .user-details .user-detail{display:flex;align-items:center;gap:4px}.user-profile-card .user-details .user-detail svg{margin-right:2px;vertical-align:middle}.user-profile-card .user-details .dot{font-size:1.2em;color:#bbb;margin:0 6px;-webkit-user-select:none;user-select:none}.avatar-container{display:flex;position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden}.avatar-container .edit-icon{position:absolute;bottom:10px;transform:translate(-5%,55%);width:100%;background-color:#00000080;padding:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer}.emergency-contact-label{display:flex;align-items:center;font-size:1.15rem;font-weight:600;color:#222;gap:6px;font-family:inherit}.emergency-contact-label .icon{display:flex;align-items:center;color:#444;margin-right:2px}.emergency-contact-label .label-text{font-size:1.08em;font-weight:600;color:#222;letter-spacing:.01em}.cmp-text-input{margin-bottom:1rem}.cmp-text-input .form-field{margin-bottom:1.5rem}.cmp-text-input .form-field .field-label{display:block;margin-bottom:4px;font-size:14px;color:#008c9c;font-weight:500;transition:color .2s}.cmp-text-input .form-field .input-field:focus+.field-label,.cmp-text-input .form-field .input-field:not(:placeholder-shown)+.field-label{color:#008c9c}.cmp-text-input .form-field .input-field{width:90%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;color:#556176!important;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}.cmp-text-input .form-field .input-field:focus{border-color:#008c9c!important;outline:none!important;box-shadow:0 0 0 2px #008c9c1a!important}.cmp-text-input .error-message{color:#dc3545;font-size:12px;margin-top:.25rem}.notched-form-field{position:relative;margin:1.5rem 0 1rem;width:100%}.notched-input{width:100%;padding:16px 12px 8px;border:1.5px solid #008c9c;border-radius:6px;font-size:16px;outline:none;background:#fff;transition:border-color .2s}.notched-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#008c9c;font-size:16px;pointer-events:none;transition:.2s}.notched-input:focus+.notched-label,.notched-input:not(:placeholder-shown)+.notched-label{top:-10px;left:8px;font-size:12px;color:#008c9c;background:#fff}.form-group{width:100%;position:relative;margin-bottom:20px}.form-group .form-field .field-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 6px;font-size:12px;font-weight:500;color:#008c9c;z-index:1;white-space:nowrap}.form-group .form-field .field-label .required-asterisk{color:#dc2626;font-weight:700;margin-left:2px}.form-group .form-field .input-field{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#556176!important;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box}.form-group .form-field .input-field:focus{outline:none!important;border-color:#008c9c!important;box-shadow:0 0 0 2px #008c9c1a!important}.form-group .form-field .input-field.error:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261a!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=dropdown],input[type=time],input[type=datetime-local],textarea{color:#556176!important;border:1px solid #d1d5db!important;border-radius:6px!important;padding:12px!important;font-size:14px!important;background-color:#fff!important;transition:border-color .2s ease,box-shadow .2s ease!important;box-sizing:border-box!important}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=url]:hover,input[type=date]:hover,input[type=dropdown]:hover,input[type=time]:hover,input[type=datetime-local]:hover,textarea:hover{border-color:#008c9c!important}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=date]:focus,input[type=dropdown]:focus,input[type=time]:focus,input[type=datetime-local]:focus,textarea:focus{border-color:#008c9c!important;outline:none!important;box-shadow:0 0 0 2px #008c9c1a!important}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=date]::placeholder,input[type=dropdown]::placeholder,input[type=time]::placeholder,input[type=datetime-local]::placeholder,textarea::placeholder{color:#9ca3af!important}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=date]:disabled,input[type=dropdown]:disabled,input[type=time]:disabled,input[type=datetime-local]:disabled,textarea:disabled{background-color:#f3f4f6!important;cursor:not-allowed!important;color:#9ca3af!important}textarea{min-height:80px!important;resize:vertical!important;font-family:inherit!important;line-height:1.5!important}input.error,textarea.error{border-color:#dc2626!important}input.error:focus,textarea.error:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261a!important}input[type=number]{-moz-appearance:textfield!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.multi-text-container{border:1px solid #d9d9d9;border-radius:6px;min-height:40px;background-color:#fff;transition:all .3s}.multi-text-container:hover{border-color:#40a9ff}.multi-text-container.error{border-color:#ff4d4f}.multi-text-container.error:hover{border-color:#ff7875}.multi-text-container .multi-text-select .ant-select-selector{border:none!important;box-shadow:none!important;padding:4px 8px!important;min-height:32px!important;background:transparent!important}.multi-text-container .multi-text-select .ant-select-selection-item{background-color:#f0f0f0!important;border:1px solid #d9d9d9!important;border-radius:4px!important;padding:2px 6px!important;margin:2px 4px 2px 0!important;font-size:12px!important;line-height:1.4!important;height:20px!important;display:flex!important;align-items:center!important}.multi-text-container .multi-text-select .ant-select-selection-item:hover{background-color:#e6f7ff!important;border-color:#91d5ff!important}.multi-text-container .multi-text-select .ant-select-selection-item .ant-select-selection-item-remove{margin-left:4px!important;color:#999!important}.multi-text-container .multi-text-select .ant-select-selection-item .ant-select-selection-item-remove:hover{color:#ff4d4f!important}.multi-text-container .multi-text-select .ant-select-selection-search{margin:2px 0!important}.multi-text-container .multi-text-select .ant-select-selection-search .ant-select-selection-search-input{height:20px!important;font-size:12px!important}.multi-text-container .multi-text-select .ant-select-selection-placeholder{color:#bfbfbf!important;font-size:12px!important;line-height:20px!important}.multi-text-container .multi-text-select .ant-select-arrow,.multi-text-container .multi-text-select .ant-select-dropdown{display:none!important}.error-message{color:#dc3545;font-size:12px;margin-top:4px;display:block}.field-label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.field-label .required-asterisk{color:#ff4d4f}.form-field{display:flex;flex-direction:column}.form-group .form-field .input-field{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#556176;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box}.form-group .form-field .input-field:hover{border-color:#008c9c}.form-group .form-field .input-field:focus{outline:none;border-color:#008c9c}.form-group .form-field .input-field:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6;border-color:#d1d5db}.form-group.hidden-arrow .input-field::-webkit-inner-spin-button,.form-group.hidden-arrow .input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group.hidden-arrow .input-field[type=number]{-moz-appearance:textfield}.form-group .ant-input-number{width:100%!important;height:44px!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:14px!important;color:#556176!important;background-color:#fff!important;transition:border-color .2s ease!important;box-sizing:border-box!important;padding:0!important;line-height:1.5!important}.form-group .ant-input-number:hover{border-color:#008c9c!important}.form-group .ant-input-number:focus{outline:none!important;border-color:#008c9c!important;box-shadow:0 0 0 2px #008c9c1a!important}.form-group .ant-input-number .ant-input-number-input{height:100%!important;padding:12px!important;border:none!important;background:transparent!important;font-size:14px!important;color:#556176!important;line-height:1.5!important;box-sizing:border-box!important}.form-group .ant-input-number .ant-input-number-handler-wrap{display:none!important}.form-group .ant-input-number-disabled{background-color:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6!important;border-color:#d1d5db!important}.form-group .ant-input-number-disabled .ant-input-number-input{background-color:#f3f4f6!important;color:#000!important;cursor:not-allowed!important}.text-display{flex-direction:row}.text-display__label{color:#008c9c;font-size:.875rem;font-weight:500}.text-display__value{color:#556176;font-size:1rem;line-height:1.4;word-break:break-word}.form-group{margin-bottom:1rem}.form-group .form-field{display:flex;flex-direction:column;gap:.5rem}.form-group .field-label{font-size:.875rem;font-weight:500;color:#333}.form-group .input-field{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group .input-field:focus{outline:none;border-color:#06c}.form-group .input-field.error{border-color:#dc3545}.form-group .error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem}.number-display{display:flex;flex-direction:column}.number-display__label{color:#008c9c;font-size:.875rem;font-weight:500}.number-display__value{color:#556176;font-size:1rem;line-height:1.4}.stats-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:center}.stats-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;position:relative;width:250px;border-left:4px solid #008c9c;border-right:4px solid #008c9c}.stats-card.equal-width{flex:1;min-width:0;width:100%}.stats-card.blue{border-left-color:#2563eb;border-right-color:#2563eb}.stats-card.blue .stats-card__icon{background-color:#eff6ff;color:#2563eb}.stats-card.green{border-left-color:#16a34a;border-right-color:#16a34a}.stats-card.green .stats-card__icon{background-color:#f0fdf4;color:#16a34a}.stats-card.orange{border-left-color:#008c9c;border-right-color:#008c9c}.stats-card.orange .stats-card__icon{background-color:#e4f6f7;color:#008c9c}.stats-card.purple{border-left-color:#9333ea;border-right-color:#9333ea}.stats-card.purple .stats-card__icon{background-color:#faf5ff;color:#9333ea}.stats-card.teal{border-left-color:#14b8a6;border-right-color:#14b8a6}.stats-card.teal .stats-card__icon{background-color:#f0fdfa;color:#14b8a6}.stats-card__content{display:flex;flex-direction:column;gap:8px;padding-right:50px}.stats-card__title{font-size:12px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.5px}.stats-card__value{font-size:28px;font-weight:640;color:#556176;margin:0;line-height:1.2}.stats-card__description{font-size:14px;color:#6b7280;margin:0}.stats-card__icon{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#dbeafe;color:#1d4ed8;font-size:18px}.ant-notification{z-index:10000!important}.ant-notification .ant-notification-notice.custom-notification{border-radius:8px;box-shadow:0 4px 12px #00000026;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ant-notification .ant-notification-notice.custom-notification.success-notification{background-color:#d4edda!important;border:1px solid #c3e6cb!important;color:#155724!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ant-notification .ant-notification-notice.custom-notification.success-notification .ant-notification-notice-message{color:#155724!important;font-weight:600!important;text-shadow:none!important}.ant-notification .ant-notification-notice.custom-notification.success-notification .ant-notification-notice-close{color:#155724!important}.ant-notification .ant-notification-notice.custom-notification.success-notification .ant-notification-notice-close:hover{color:#0f4c1a!important}.ant-notification .ant-notification-notice.custom-notification.error-notification{background-color:#f8d7da!important;border:1px solid #f5c6cb!important;color:#721c24!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ant-notification .ant-notification-notice.custom-notification.error-notification .ant-notification-notice-message{color:#721c24!important;font-weight:600!important;text-shadow:none!important}.ant-notification .ant-notification-notice.custom-notification.error-notification .ant-notification-notice-close{color:#721c24!important}.ant-notification .ant-notification-notice.custom-notification.error-notification .ant-notification-notice-close:hover{color:#5a1a1f!important}.ant-notification .ant-notification-notice.custom-notification.warning-notification{background-color:#fff3cd!important;border:1px solid #ffeaa7!important;color:#856404!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ant-notification .ant-notification-notice.custom-notification.warning-notification .ant-notification-notice-message{color:#856404!important;font-weight:600!important;text-shadow:none!important}.ant-notification .ant-notification-notice.custom-notification.warning-notification .ant-notification-notice-close{color:#856404!important}.ant-notification .ant-notification-notice.custom-notification.warning-notification .ant-notification-notice-close:hover{color:#6c4a03!important}.ant-notification .ant-notification-notice.custom-notification.info-notification{background-color:#d1ecf1!important;border:1px solid #bee5eb!important;color:#0c5460!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ant-notification .ant-notification-notice.custom-notification.info-notification .ant-notification-notice-message{color:#0c5460!important;font-weight:600!important;text-shadow:none!important}.ant-notification .ant-notification-notice.custom-notification.info-notification .ant-notification-notice-close{color:#0c5460!important}.ant-notification .ant-notification-notice.custom-notification.info-notification .ant-notification-notice-close:hover{color:#084048!important}.attachment-section{display:flex;flex-direction:column}.attachment-wrapper{display:inline-flex;align-items:center;background-color:#f3f4f6;padding:8px 12px;border-radius:8px;cursor:pointer;width:fit-content;margin-bottom:12px}.attachment-wrapper .attachment-icon{margin-right:8px;color:#008c9c}.attachment-wrapper .attachment-text{font-size:14px;color:#008c9c}.attachment-preview-item{position:relative;display:flex;align-items:center;background-color:#f9fafb;padding:6px 10px;border-radius:8px;border:1px solid #ddd}.attachment-preview-item .attachment-image{max-width:100px;max-height:100px;border-radius:6px}.attachment-preview-item .pdf-preview-box{display:flex;align-items:center;cursor:pointer}.attachment-preview-item .pdf-preview-box a{text-decoration:none}.attachment-preview-item .pdf-preview-box .pdf-icon{width:28px;height:28px;margin-right:8px}.attachment-preview-item .pdf-preview-box .pdf-name{font-size:14px;color:#444;text-decoration:none}.attachment-preview-item .remove-file-icon{position:absolute;top:5px;right:5px;background:#0009;color:#fff;border-radius:50%;padding:2px;cursor:pointer}.document-upload-row{display:flex;gap:20px;flex-direction:row;height:2.5rem}.document-upload-btn{background-color:#3b79ed;border:none;border-radius:4px;padding:8px 18px;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s,box-shadow .2s;outline:none}.document-upload-filename{font-size:.97em;color:#444;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;padding-top:6px}.error-message{color:#dc3545;font-size:12px;margin-top:.25rem}.document-upload-remove-btn{background:none;border:none;color:#dc2626;font-size:1.2em;margin-left:8px;cursor:pointer;padding:0 6px;border-radius:50%;transition:background .2s;line-height:1;margin-top:8px;align-items:center;justify-content:center}.document-upload-remove-btn:hover:not(:disabled){background:#ffeaea}.document-upload-remove-btn:disabled{color:#ccc;cursor:not-allowed}.payment-details-container{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;min-height:100vh}.payment-details-container .payment-details-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.payment-details-container .payment-details-content .payment-form{display:flex;flex-direction:column;gap:2rem}.payment-details-container .payment-details-content .payment-form .payment-type-section h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem}@media (max-width: 768px){.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes{grid-template-columns:1fr}}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;display:block}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox input[type=radio]{position:absolute;opacity:0;pointer-events:none}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox.active{border-color:#7aa3e6;background:#bed2f2;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox.active .checkbox-icon{background:#fff3}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox.active .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox.active .checkbox-text p{color:#fff}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox.active:before{content:"✓";position:absolute;top:1rem;right:1rem;width:24px;height:24px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-weight:700;font-size:14px}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content{display:flex;align-items:center;gap:1rem}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px;transition:all .3s ease}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-text{flex:1}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-text h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem;transition:color .3s ease}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-text p{color:#64748b;font-size:.9rem;margin:0;transition:color .3s ease}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem}@media (max-width: 768px){.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons{grid-template-columns:1fr}}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:left}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn.active{border-color:#7aa3e6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn.active .btn-icon{background:#fff3}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn.active .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn.active .btn-text p{color:#fff}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content{display:flex;align-items:center;gap:1rem}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px;transition:all .3s ease}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-text{flex:1}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-text h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem;transition:color .3s ease}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-text p{color:#64748b;font-size:.9rem;margin:0;transition:color .3s ease}.payment-details-container .payment-details-content .payment-form .payment-type-section .error-message{color:#dc3545;font-size:.875rem;margin-top:.5rem;display:block}.payment-details-container .payment-details-content .payment-form .amount-section h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.payment-details-container .payment-details-content .payment-form .amount-section .full-amount-display .form-group .form-field .input-field{background:#f1f5f9;color:#64748b;cursor:not-allowed}.payment-details-container .payment-details-content .payment-form .file-section .file-help-text{color:#64748b;font-size:.875rem;margin-top:.5rem;font-style:italic}.payment-details-container .payment-details-content .payment-form .submit-section{display:flex;justify-content:center;margin-top:1rem}.payment-details-container .payment-details-content .payment-form .submit-section .cmp-button-container .cmp-button{min-width:200px;height:50px;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all .3s ease}.payment-details-container .payment-details-content .payment-form .submit-section .cmp-button-container .cmp-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.payment-details-container .payment-details-content .payment-form .submit-section .cmp-button-container .cmp-button.disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.payment-details-container{padding:1rem;margin:0;border-radius:0}.payment-details-container .payment-details-header h1{font-size:2rem}.payment-details-container .payment-details-header p{font-size:1rem}.payment-details-container .payment-details-content .payment-form{gap:1.5rem}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn{padding:1rem}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-icon{width:50px;height:50px;font-size:1.5rem}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-text h4{font-size:1.1rem}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-text p{font-size:.8rem}}@media (prefers-color-scheme: dark){.payment-details-container{background:#1e293b;color:#f1f5f9}.payment-details-container .payment-details-header{border-bottom-color:#334155}.payment-details-container .payment-details-header h1{color:#f1f5f9}.payment-details-container .payment-details-header p{color:#94a3b8}.payment-details-container .payment-details-content .payment-form .payment-type-section h3{color:#f1f5f9}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn{background:#334155;border-color:#475569}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox:hover,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn:hover,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox:hover,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn:hover{border-color:#3b82f6}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .btn-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .checkbox-icon,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-icon{background:#475569}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .btn-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .checkbox-text h4,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-text h4{color:#f1f5f9}.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .checkbox-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-checkbox .btn-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .checkbox-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-checkboxes .payment-type-btn .btn-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .checkbox-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-checkbox .btn-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .checkbox-content .btn-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .checkbox-text p,.payment-details-container .payment-details-content .payment-form .payment-type-section .payment-type-buttons .payment-type-btn .btn-content .btn-text p{color:#94a3b8}.payment-details-container .payment-details-content .payment-form .amount-section h3{color:#f1f5f9}}.sub-heading{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.sub-heading-title{margin:0;padding:0;font-size:21px;font-weight:500;color:#008c9c;text-transform:capitalize;flex:1}.sub-heading-close-button{background:none;border:none;cursor:pointer;font-size:24px;color:#556176;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.sub-heading-close-button:hover:not(:disabled){color:#3a4553}.sub-heading-close-button:disabled{cursor:not-allowed;opacity:.6}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:90%;max-height:90vh;position:relative;box-shadow:0 2px 10px #0000001a}._expensesModal_7a877_1{display:flex;flex-direction:column}._expensesModal_7a877_1 p{margin:0}._expensesModal_7a877_1 ._expensesModalHeader_7a877_8{display:flex;justify-content:space-between}._expensesModal_7a877_1 ._expensesModalHeader_7a877_8 ._expensesModalTitle_7a877_12{font-size:20px;font-weight:600;color:#008c9c;cursor:pointer}._expensesModal_7a877_1 ._expensesModalDescription_7a877_18{font-size:14px;font-weight:400;color:#797979}._expensesModal_7a877_1 ._expensesModalGroup_7a877_23{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}._expensesModal_7a877_1 ._expensesModalForm_7a877_29{margin-top:-20px}._expensesModal_7a877_1 ._expensesModalFormGroup_7a877_32{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;margin-top:20px}._expensesModal_7a877_1 ._expensesModalThreeColumn_7a877_39{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px}._expensesModal_7a877_1 ._expensesModalColumn_7a877_45{margin-bottom:20px}._expensesModal_7a877_1 ._expensesModalButtons_7a877_48{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}._expensesModal_7a877_1 ._expensesModalCheckbox_7a877_54{display:flex;gap:10px}._expensesModal_7a877_1 ._expensesModalSection_7a877_58{margin-bottom:30px;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa}._expensesModal_7a877_1 ._expensesModalSection_7a877_58 ._sectionTitle_7a877_65{font-size:18px;font-weight:600;color:#008c9c;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #008c9c}._expensesModal_7a877_1 ._membersList_7a877_73{display:flex;flex-direction:column;gap:12px}._expensesModal_7a877_1 ._memberCard_7a877_78{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:15px;box-shadow:0 2px 4px #0000001a}._expensesModal_7a877_1 ._memberCard_7a877_78 ._memberInfo_7a877_85 ._memberName_7a877_85{font-size:16px;font-weight:500;color:#333;margin-bottom:8px}._expensesModal_7a877_1 ._memberCard_7a877_78 ._memberInfo_7a877_85 ._memberDetails_7a877_91{display:flex;flex-wrap:wrap;gap:15px;font-size:14px;color:#666}._expensesModal_7a877_1 ._memberCard_7a877_78 ._memberInfo_7a877_85 ._memberDetails_7a877_91 span{display:flex;align-items:center;gap:5px}._expensesModal_7a877_1 ._memberCard_7a877_78 ._memberInfo_7a877_85 ._memberDetails_7a877_91 span strong{color:#333;font-weight:500}._expensesModal_7a877_1 ._noMembers_7a877_107{text-align:center;color:#666;font-style:italic;padding:20px;background-color:#f8f9fa;border-radius:6px;border:1px dashed #ccc}._expensesModal_7a877_1 ._currentMembers_7a877_116{max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:6px;padding:10px;background-color:#f9f9f9}._expensesModal_7a877_1 ._memberItem_7a877_124{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px}._expensesModal_7a877_1 ._memberItem_7a877_124:last-child{margin-bottom:0}._expensesModal_7a877_1 ._memberItem_7a877_124 span{font-weight:500;color:#333}._expensesModal_7a877_1 ._removeMemberBtn_7a877_142{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .2s}._expensesModal_7a877_1 ._removeMemberBtn_7a877_142:hover{background-color:#c82333}._expensesModal_7a877_1 ._memberChips_7a877_155{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}._expensesModal_7a877_1 ._memberChip_7a877_155{display:flex;align-items:center;background:#e6f1fb;color:#1a3a5d;border-radius:20px;padding:4px 12px;font-size:15px;font-weight:600;border:1px solid #b3d4fc;margin-right:4px;margin-bottom:4px;box-shadow:none}._expensesModal_7a877_1 ._removeChipBtn_7a877_175{background:none;border:none;color:#1a3a5d;font-size:18px;margin-left:8px;cursor:pointer;padding:0;line-height:1;font-weight:700;transition:color .2s;outline:none}._expensesModal_7a877_1 ._removeChipBtn_7a877_175:hover{color:#dc3545}._expensesModal_7a877_1 ._membersHeader_7a877_191{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}._expensesModal_7a877_1 ._membersHeader_7a877_191 h3{margin:0;font-size:16px;font-weight:600;color:#333}._expensesModal_7a877_1 ._clearAllBtn_7a877_203{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s}._expensesModal_7a877_1 ._clearAllBtn_7a877_203:hover{background-color:#c82333}._expensesModal_7a877_1 ._currentMembersList_7a877_216{max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:6px;padding:10px;background-color:#f9f9f9}.invitation-guest__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.invitation-guest__header-title{margin:0;font-size:18px;font-weight:600;color:#495057}.invitation-guest__header-subtitle{margin:5px 0 0;font-size:14px;color:#6c757d}.invitation-guest__header-actions{display:flex;align-items:center;gap:15px}.invitation-guest__close-btn{background:none;border:none;font-size:24px;font-weight:700;color:#6c757d;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.invitation-guest__close-btn:hover{background-color:#f8f9fa;color:#495057}.invitation-guest__close-btn:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.invitation-guest__list{max-height:400px;overflow-y:auto;margin-top:20px}.invitation-guest__guest-card{border:1px solid #e9ecef;border-radius:12px;padding:50px 20px 20px;margin-bottom:15px;background-color:#fff;box-shadow:0 2px 4px #0000000d;position:relative}.invitation-guest__guest-content{display:flex;flex-direction:column;gap:15px}.invitation-guest__guest-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.invitation-guest__guest-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #e9ecef;padding-top:15px}.invitation-guest__guest-menu{position:absolute;top:15px;right:15px;z-index:100;background:#fff;border-radius:4px}.invitation-guest__guest-menu-trigger{cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.invitation-guest__guest-menu-trigger:hover{background-color:#f8f9fa}.invitation-guest__guest-menu-icon{font-size:18px;font-weight:700;color:#6c757d;line-height:1}.invitation-guest__guest-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:1000;overflow:hidden;margin-top:4px}.invitation-guest__guest-menu-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#495057}.invitation-guest__guest-menu-item:hover{background-color:#f8f9fa}.invitation-guest__guest-menu-item:not(:last-child){border-bottom:1px solid #e9ecef}.invitation-guest__guest-menu-item--edit{color:#007bff}.invitation-guest__guest-menu-item--delete{color:#dc3545}.invitation-guest__empty{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.invitation-guest__guest-card{border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:15px;background-color:#fff;box-shadow:0 2px 4px #0000000d;position:relative}.invitation-guest__guest-card-status{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:10px}.invitation-guest__guest-card-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.invitation-guest__guest-card-status-badge--approved{background-color:#d4edda;color:#155724}.invitation-guest__guest-card-status-badge--pending{background-color:#fff3cd;color:#856404}.invitation-guest__guest-card-status-badge--rejected{background-color:#f8d7da;color:#721c24}.invitation-guest__guest-card-status-badge--default{background-color:#e2e3e5;color:#6c757d}.invitation-guest__guest-card-status-menu{position:relative;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.invitation-guest__guest-card-status-menu:hover{background-color:#f8f9fa}.invitation-guest__guest-card-status-menu-icon{font-size:16px;color:#6c757d;font-weight:700}.invitation-guest__guest-card-status-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:1000;overflow:hidden}.invitation-guest__guest-card-status-menu-dropdown-item{padding:10px 16px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px;font-size:14px;color:#495057}.invitation-guest__guest-card-status-menu-dropdown-item:hover{background-color:#f8f9fa}.invitation-guest__guest-card-status-menu-dropdown-item:not(:last-child){border-bottom:1px solid #e9ecef}.invitation-guest__guest-card-status-menu-dropdown-item--edit{color:#007bff}.invitation-guest__guest-card-status-menu-dropdown-item--delete{color:#dc3545}.invitation-guest__guest-card-status-menu-dropdown-item-icon{font-size:14px}.invitation-guest__guest-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.invitation-guest__guest-card-header-title{margin:0 0 5px;font-size:16px;font-weight:600;color:#495057}.invitation-guest__guest-card-header-subtitle{margin:0;font-size:13px;color:#6c757d}.invitation-guest__guest-card-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.invitation-guest__guest-card-details-field-label{font-size:12px;color:#6c757d;font-weight:500}.invitation-guest__guest-card-details-field-value{margin:5px 0 0;font-size:14px}.invitation-guest__guest-card-details-field-input{padding:8px;font-size:14px}.invitation-guest__guest-card-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #e9ecef;padding-top:15px}.invitation-guest__guest-card-actions-button{padding:8px 16px;font-size:12px}.invitation-guest__guest-card-actions-button--danger{background-color:#dc3545;border-color:#dc3545}@media (max-width: 768px){.invitation-guest__guest-card-details{grid-template-columns:1fr}.invitation-guest__guest-card-actions{flex-direction:column;gap:8px}.invitation-guest__guest-card-status-dropdown{right:-10px}.invitation-guest__guest-fields{grid-template-columns:1fr}.invitation-guest__guest-menu{top:10px;right:10px}.invitation-guest__guest-menu-dropdown{right:-10px;min-width:100px}}._deleteModal_idvny_1 ._deleteModalHeader_idvny_1{display:flex;align-items:center;gap:12px;margin-bottom:20px}._deleteModal_idvny_1 ._deleteModalHeader_idvny_1 ._deleteIcon_idvny_7{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fef2f2;border-radius:50%;flex-shrink:0}._deleteModal_idvny_1 ._deleteModalHeader_idvny_1 ._deleteModalTitle_idvny_17{margin:0;font-size:20px;font-weight:600;color:#1f2937}._deleteModal_idvny_1 ._deleteModalContent_idvny_23{margin-bottom:24px}._deleteModal_idvny_1 ._deleteModalContent_idvny_23 ._deleteModalMessage_idvny_26{margin:0 0 12px;font-size:16px;line-height:1.5;color:#374151}._deleteModal_idvny_1 ._deleteModalContent_idvny_23 ._deleteModalMessage_idvny_26 ._itemName_idvny_32{font-weight:600;color:#dc2626}._deleteModal_idvny_1 ._deleteModalContent_idvny_23 ._deleteModalWarning_idvny_36{margin:0;font-size:14px;color:#6b7280;font-style:italic}._deleteModal_idvny_1 ._deleteModalActions_idvny_42{display:flex;gap:12px;justify-content:flex-end}._deleteModal_idvny_1 ._deleteModalActions_idvny_42 button{min-width:100px}@media (max-width: 640px){._deleteModal_idvny_1{margin:16px;padding:20px}._deleteModal_idvny_1 ._deleteModalHeader_idvny_1 ._deleteModalTitle_idvny_17{font-size:18px}._deleteModal_idvny_1 ._deleteModalActions_idvny_42{flex-direction:column-reverse}._deleteModal_idvny_1 ._deleteModalActions_idvny_42 button{width:100%}}.radio-group{display:flex;gap:20px;padding:10px 15px;border-radius:4px}.radio-group .radio-option{display:flex;align-items:center;cursor:pointer}.radio-group .radio-option input[type=radio]{margin-right:8px;accent-color:#008c9c}.radio-group .radio-option .radio-label{font-size:.95rem;color:#556176}.invitation-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 2px 10px #0000001a}.heading{width:100%;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.heading__content{display:flex;flex-direction:column;justify-content:center;min-height:60px}.heading__content h1{margin:0;font-size:28px;font-weight:550;color:#008c9c}.heading__content p{color:#6c757d;margin:0;font-size:16px}.heading__right-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.heading__buttons-container{display:flex;align-items:center;min-height:60px}.heading__buttons{display:flex;gap:.5rem}.heading__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;border:1px solid #2196f3;background:#fff;color:#008c9c}.heading__button--primary{background:#008c9c;color:#fff;border:none}.heading__button--primary:hover{background:#007a8a}.heading__button--primary:disabled{background:#008c9c;color:#fff;opacity:.6;cursor:not-allowed}.heading__button:not(.heading__button--primary){background:#00c7c1;color:#fff}.heading__button__icon{display:inline-flex;align-items:center}.heading__button--icon-only{min-width:50px;width:50px;padding:.75rem}.heading__button:hover{opacity:.9}.heading__button:disabled{background:#05afc2;color:#fff;border-color:#d0d0d0;opacity:.6;cursor:not-allowed}.heading__button:disabled:hover{opacity:.6}.total-counts{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:4px 8px;font-size:18px;font-weight:500;color:#5e6d82;transition:all .2s ease}.total-counts span{color:#64748b;font-weight:500;font-size:18px}.total-counts>*:not(span){font-weight:600;background:#e2e8f0;color:#475569;padding:2px 6px;border-radius:3px;font-size:12px;min-width:20px;text-align:center}._toggleButton_1hi2i_1{display:flex;align-items:center;gap:8px}._toggleButton_1hi2i_1 span{font-size:14px;font-weight:500;color:#008c9c}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6;background-color:#f8f9fa}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.modal-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-header .close-button:hover{background-color:#e9ecef;color:#333}.modal-body{padding:20px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-header .header-content .section-title{font-size:18px;font-weight:700;margin:0 0 5px}.section-header .header-content .section-title.income{color:#28a745}.section-header .header-content .section-title.expense{color:#dc3545}.section-header .header-content .section-subtitle{color:#6c757d;font-size:14px;margin:0}.section-content .table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;padding:10px 0;color:#6c757d;font-weight:500;font-size:14px;background-color:#f8f9fa}.section-content .table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:center}.section-content .table-row:hover{background-color:#f8f9fa}.section-content .table-row span{font-size:14px;color:#333}.section-content .empty-state{text-align:center;padding:40px 0;color:#6c757d;font-style:italic}.section-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #dee2e6}.section-footer .total-label{font-weight:700;font-size:16px}.section-footer .total-label.income{color:#28a745}.section-footer .total-label.expense{color:#dc3545}.section-footer .total-amount{font-weight:700;font-size:20px}.section-footer .total-amount.income{color:#28a745}.section-footer .total-amount.expense{color:#dc3545}.view-icon{cursor:pointer;color:#007bff;font-size:16px}.view-icon:hover{color:#0056b3}.balance-modal{max-width:700px}.balance-modal .financial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.balance-modal .financial-card{padding:20px;border-radius:8px;text-align:center;border:2px solid}.balance-modal .financial-card.income{background:linear-gradient(135deg,#e8f5e8,#d4edda);border-color:#28a745}.balance-modal .financial-card.income .card-amount{color:#155724}.balance-modal .financial-card.expense{background:linear-gradient(135deg,#ffeaea,#f8d7da);border-color:#dc3545}.balance-modal .financial-card.expense .card-amount{color:#721c24}.balance-modal .financial-card.balance{background:linear-gradient(135deg,#e7f3ff,#d1ecf1);border-color:#17a2b8}.balance-modal .financial-card.balance .card-amount.positive{color:#155724}.balance-modal .financial-card.balance .card-amount.negative{color:#721c24}.balance-modal .card-label{font-size:.9rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:#333}.balance-modal .card-amount{font-size:1.4rem;font-weight:700}.amount-display-table{display:flex;flex-direction:column;gap:5px}.amount-item.income{color:#155724}.amount-item.expense{color:#721c24}.amount-item.balance{color:#0c5460}.amount-item.balance.negative{color:#dc3545}.amount-item .amount-value{font-weight:600;font-size:14px;color:#556176}.form-group-email{margin-bottom:1rem;width:100%}.form-group-email label{display:block;margin-bottom:.5rem;font-size:.875rem;color:#008c9c;transition:color .2s ease;display:flex;font-weight:500}.form-group-email input{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;transition:border-color .2s}.form-group-email input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #7c3aed1a}.form-group-email input::placeholder{color:#9ca3af}.form-group-email input.error{border-color:#dc2626}.form-group-email input.error:focus{box-shadow:0 0 0 .2rem #dc354540}.form-group-email .error-text{color:#dc2626;font-size:12px;margin-top:.25rem}.form-group-email--error label{color:#dc2626}.notice-card{border-radius:12px;padding:16px;font-family:Segoe UI,sans-serif;margin-bottom:20px;transition:all .3s ease;cursor:pointer;box-shadow:0 6px 12px #0003;border:1px solid #c6cbd1;background:#f9f9ff}.notice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.notice-header .avatar{background-color:#008c9c;color:#fff;width:40px;height:40px;font-size:16px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.notice-meta{flex:1}.notice-meta .author{font-weight:600;font-size:16px;color:#008c9c}.sub-info{font-size:13px;color:#888;display:flex;align-items:center;gap:6px}.notice-tags{display:flex;align-items:center;gap:8px}.badge.notice{background-color:#f3e8ff;color:#2563eb;font-size:12px;padding:2px 10px;border-radius:12px;font-weight:500}.notice-body{margin-top:12px;font-size:14px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3.2em}.notice-body strong{display:block;font-size:15px}.notice-files{margin-top:10px}.notice-file-link{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500;cursor:pointer;display:inline-block}.notice-file-link:hover{text-decoration:underline}.notice-footer{margin-top:12px;text-align:right;margin-right:30px}.notice-more-link{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500;cursor:pointer}.notice-more-link:hover{text-decoration:underline}.notice-expire{margin-top:10px;font-size:12px;color:#666}.notice-dropdown-menu{position:absolute;top:28px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 10px #0000001a;z-index:1000;min-width:140px;padding:6px 0}.notice-dropdown-menu .notice-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;text-align:left;color:#374151}.notice-dropdown-menu .notice-menu-item:hover{background-color:#f9fafb}.notice-menu-container{position:relative;display:inline-block;margin-left:6px}.notice-menu-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#008c9c;display:flex;align-items:center;transition:background-color .2s ease}.notice-menu-btn:hover{background-color:#f3f4f6;color:#374151}.notice-meta-row{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:#6c757d;margin:8px 0 12px}.notice-meta-row span{display:flex;align-items:center;gap:6px;white-space:nowrap}.notice-meta-row svg{color:#008c9c}.notice-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;padding:0;overflow-x:hidden}.notice-modal .posting-main-conten{width:100%;max-width:100%;box-sizing:border-box}.notice-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.notice-title h3{margin:0;font-size:22px;color:#008c9c;flex:1;line-height:1.4}.title-icon{color:#2563eb}.notice-back-button{background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;color:#374151;border-radius:50%;padding:6px;transition:all .2s ease}.notice-back-button:hover{background:#f3f4f6;color:#111827}.notice-information{max-height:220px;overflow-y:auto;margin:16px 0;padding:12px;background:#f9fafb;border-radius:8px;font-size:15px;line-height:1.6;color:#374151;border-left:4px solid #008c9c}.notice-information::-webkit-scrollbar{width:8px}.notice-information::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.notice-information::-webkit-scrollbar-thumb:hover{background:#6b7280}.notice-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;align-items:start}@media (max-width: 768px){.notice-info-grid{grid-template-columns:1fr;gap:12px}}.notice-info-grid .text-label{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font-size:14px;font-weight:600;color:#4b5563;min-height:24px}.notice-info-grid .text-label svg{color:#008c9c;flex-shrink:0;margin-top:2px}.notice-info-grid .text-label>span:first-of-type{white-space:nowrap;flex-shrink:0}.notice-info-grid .text-label>span.text-value{flex:1;font-weight:400;min-width:0}.notice-info-grid .text-label>.violation-members{flex:1;min-width:0}.notice-info-grid .no-text-label{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font-size:14px;font-weight:600;color:#4b5563;min-height:24px}.notice-info-grid .no-text-label svg{color:#008c9c;flex-shrink:0;margin-top:2px}.notice-info-grid .no-text-label>span:first-of-type{white-space:nowrap;flex-shrink:0}.notice-info-grid .no-text-label>span.text-value{flex:1;word-break:break-word;overflow-wrap:break-word;font-weight:400;min-width:0}.notice-info-grid .text-value{font-size:14px;color:#4b5563;word-break:break-word;overflow-wrap:break-word;font-weight:400}.notice-info-grid .violation-members{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1}.notice-info-grid .violation-members .member-item{display:inline-flex;align-items:center}.notice-info-grid .violation-members .member-item .text-value{margin:0}.notice-image{margin:24px 0;padding:12px;background:#f9fafb;border-radius:8px;text-align:center}.notice-heading{font-size:24px;font-weight:600;color:#008c9c;margin:0}.notice-comments{padding:20px;background:#f9fafb;border-radius:12px}.notice-comments h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.notice-comments .comments-list{max-height:200px;overflow-y:auto;overflow-x:hidden;width:100%;margin-bottom:16px}.notice-comments .comments-list .comment-item{padding:10px;border-radius:8px;margin-bottom:10px;background:#f9fafb;border:1px solid #e5e7eb}.notice-comments .comment-input{display:flex;gap:10px;align-items:center}.notice-comments .comment-input input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease}.notice-comments .comment-input input:focus{border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.notice-comments .comment-input input::placeholder{color:#9ca3af}.notice-comments .comment-input button{padding:10px 16px;background:#008c9c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.notice-comments .comment-input button:hover{background:#006b7a;transform:translateY(-1px)}.notice-comments .comment-input button:active{transform:translateY(0)}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.image-scroller-container{position:relative;width:100%;max-width:600px;margin:auto}.image-scroller-container .slick-prev,.image-scroller-container .slick-next{top:50%!important;transform:translateY(-50%)!important;z-index:2}.image-scroller-container .slick-prev{left:-40px!important}.image-scroller-container .slick-next{right:-40px!important}.image-scroller-container .slick-prev:before,.image-scroller-container .slick-next:before{font-size:30px;color:#fff}.comment-actions .icon-btn p:hover{color:#007bff}.comment-actions .icon-btn:hover{color:#007bff}.reply-box button{padding:8px 12px;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px}.reply-box button:hover{background:#0056b3}.comment-edit-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.comment-edit-btn:hover{color:#007bff}.comment-menu-btn:hover{color:#007bff;background-color:#f8f9fa}.comment-menu-dropdown .menu-item:first-child:hover{color:#007bff}.edit-form{display:flex;gap:10px;margin-top:8px;width:32vw;line-height:0px}.edit-form .edit-input:focus{border-color:#007bff}.edit-form .edit-actions .edit-save-btn{background:#007bff;color:#fff}.edit-form .edit-actions .edit-save-btn:hover{background:#0056b3}.rich-text-editor-container{width:100%;margin-bottom:1rem}.rich-text-editor-container .form-field{display:flex;flex-direction:column;gap:.5rem}.rich-text-editor-container .form-field .field-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.rich-text-editor-container .form-field .field-label .required-asterisk{color:#ef4444;margin-left:.25rem}.rich-text-editor-container .form-field .rich-text-wrapper{transition:all .2s ease;margin-bottom:20px}.rich-text-editor-container .form-field .rich-text-wrapper .ql-toolbar{border-top-right-radius:6px!important;border-top-left-radius:6px!important;background-color:#fff!important;padding:8px 12px!important;border:1px solid #e5e7eb!important}.rich-text-editor-container .form-field .rich-text-wrapper .ql-editor{border-bottom-right-radius:6px!important;border-bottom-left-radius:6px!important;border:1px solid #e5e7eb!important;border-top:none!important;height:180px!important;color:#556176!important;font-size:14px!important;font-weight:400!important}.rich-text-editor-container .form-field .rich-text-wrapper .ql-container.ql-snow{border:none!important}.rich-text-editor-container .error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.rich-text-editor-container .ql-toolbar{position:sticky;top:0;z-index:1000}@media (max-width: 768px){.rich-text-editor-container .rich-text-wrapper .ql-toolbar{padding:6px 8px!important}.rich-text-editor-container .rich-text-wrapper .ql-toolbar .ql-bold,.rich-text-editor-container .rich-text-wrapper .ql-toolbar .ql-italic,.rich-text-editor-container .rich-text-wrapper .ql-toolbar .ql-underline,.rich-text-editor-container .rich-text-wrapper .ql-toolbar .ql-strike,.rich-text-editor-container .rich-text-wrapper .ql-toolbar .ql-list,.rich-text-editor-container .rich-text-wrapper .ql-toolbar .ql-link,.rich-text-editor-container .rich-text-wrapper .ql-toolbar .ql-color{width:28px!important;height:28px!important}.rich-text-editor-container .rich-text-wrapper .ql-toolbar .ql-header{height:28px!important;padding:0 6px!important}.rich-text-editor-container .rich-text-wrapper .ql-container .ql-editor{padding:8px!important}}.attachment-previews{display:flex;flex-wrap:wrap;gap:12px}.all-images{display:flex;flex-direction:column;gap:10px}a{text-decoration:none}.member-search-selector{width:100%;position:relative;margin-bottom:1.5rem}.member-search-selector .field-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 6px;font-size:14px;font-weight:500;color:#008c9c;z-index:1;white-space:nowrap}.member-search-selector .error-message{color:#dc2626;font-size:12px;margin-top:4px}.member-search-selector .selected-members{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px;padding:4px 0}.member-search-selector .selected-members .member-chip{display:flex;align-items:center;background:#e3f2fd;border:1px solid #2196f3;border-radius:16px;padding:4px 12px;font-size:14px;color:#1976d2;transition:all .2s ease}.member-search-selector .selected-members .member-chip:hover{background:#bbdefb}.member-search-selector .selected-members .member-chip .member-name{margin-right:6px;font-weight:500}.member-search-selector .selected-members .member-chip .remove-btn{background:none;border:none;color:#1976d2;font-size:16px;font-weight:700;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.member-search-selector .selected-members .member-chip .remove-btn:hover{background:#1976d2;color:#fff}.member-search-selector .search-container{position:relative}.member-search-selector .search-container .input-with-icon{position:relative;display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;background:#fff;transition:border-color .2s ease}.member-search-selector .search-container .input-with-icon:hover{border-color:#008c9c}.member-search-selector .search-container .input-with-icon:focus-within{border-color:#008c9c;box-shadow:0 0 0 2px #008c9c1a}.member-search-selector .search-container .input-with-icon .search-icon{padding:0 12px;color:#666;display:flex;align-items:center}.member-search-selector .search-container .input-with-icon .search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.member-search-selector .search-container .input-with-icon .search-input::placeholder{color:#999}.member-search-selector .search-container .input-with-icon .loading-spinner{padding:0 12px;display:flex;align-items:center}.member-search-selector .search-container .input-with-icon .loading-spinner .spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}.member-search-selector .search-container .search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:1000}.member-search-selector .search-container .search-dropdown .dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f5f5f5}.member-search-selector .search-container .search-dropdown .dropdown-item:last-child{border-bottom:none}.member-search-selector .search-container .search-dropdown .dropdown-item:hover{background-color:#f8f9fa}.member-search-selector .search-container .search-dropdown .dropdown-item .member-info{flex:1}.member-search-selector .search-container .search-dropdown .dropdown-item .member-info .member-name{font-weight:500;color:#333;margin-bottom:2px}.member-search-selector .search-container .search-dropdown .dropdown-item .member-info .member-details{display:flex;gap:12px;font-size:12px;color:#666}.member-search-selector .search-container .search-dropdown .dropdown-item .member-info .member-details .member-email,.member-search-selector .search-container .search-dropdown .dropdown-item .member-info .member-details .member-phone{display:flex;align-items:center;gap:4px}.member-search-selector .search-container .search-dropdown .dropdown-item .select-indicator{color:#2196f3;font-size:18px;font-weight:700;margin-left:8px}.member-search-selector .search-container .search-dropdown .no-results{padding:16px;text-align:center;color:#666;font-style:italic}.member-search-selector .selection-counter{margin-top:8px;font-size:12px;color:#666;text-align:right}.member-search-selector .ant-select{width:100%}.member-search-selector .ant-select .ant-select-selector{min-height:40px!important;padding:4px 8px!important;border:1px solid #d1d5db!important;border-radius:6px!important;background-color:#fff!important;transition:border-color .2s ease!important}.member-search-selector .ant-select .ant-select-selector:hover{border-color:#008c9c}.member-search-selector .ant-select.ant-select-single .ant-select-selector{min-height:36px!important;padding:2px 8px!important}.member-search-selector .ant-select.ant-select-single .ant-select-selection-item{background:#e3f2fd;border:1px solid #008c9c;border-radius:12px;color:#556176!important;font-weight:500;font-size:12px;padding-left:10px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:.5vh;margin-top:6px;padding-bottom:28.5px;padding-top:0}.member-search-selector .ant-select.ant-select-focused .ant-select-selector{border-color:#008c9c;box-shadow:0 0 0 2px #008c9c1a}.member-search-selector .ant-select.error .ant-select-selector{border-color:#dc2626}.member-search-selector .ant-select.error .ant-select-selector:focus{box-shadow:0 0 0 2px #dc26261a}.member-search-selector .ant-select .ant-select-selection-item{background:#e3f2fd;border:1px solid #008c9c;border-radius:16px;color:#556176!important;font-weight:500}.member-search-selector .ant-select .ant-select-selection-placeholder{color:#9ca3af}.member-search-selector .member-chip-select{display:flex;align-items:center;background:#e3f2fd;border:1px solid #2196f3;border-radius:16px;padding:4px 12px;font-size:14px;color:#556176!important;transition:all .2s ease;margin:2px 4px 2px 0}.member-search-selector .member-chip-select .member-name{font-weight:500;margin-right:6px}.member-search-selector .member-chip-select .member-details{font-size:12px;color:#666;font-style:italic;margin-right:6px}.member-search-selector .member-chip-select .remove-btn{background:none;border:none;color:#1976d2;font-size:16px;font-weight:700;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;margin-left:4px}.member-search-selector .member-chip-select .remove-btn:hover{background:#1976d2;color:#fff}.member-search-selector .member-chip-select.remaining-count{background:#ff9800;border-color:#f57c00;color:#fff;cursor:pointer;font-weight:600}.member-search-selector .member-chip-select.remaining-count:hover{background:#f57c00;transform:scale(1.05)}.member-search-selector .member-chip-select.remaining-count .member-name{color:#fff}.member-search-selector .member-option{display:flex;align-items:center;padding:4px 0}.member-search-selector .member-option .member-info{flex:1}.member-search-selector .member-option .member-info .member-name{font-weight:500;color:#333;margin-bottom:2px}.member-search-selector .member-option .member-info .member-details{font-size:12px;color:#666}.member-search-selector .selected-members-view{display:flex;flex-wrap:wrap;gap:8px;min-height:32px;padding:8px 12px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.member-search-selector .selected-members-view .member-chip-view{display:flex;align-items:center;background:#e3f2fd;border:1px solid #2196f3;border-radius:16px;padding:6px 12px;font-size:14px;color:#556176!important;transition:all .2s ease}.member-search-selector .selected-members-view .member-chip-view .member-name{font-weight:500;margin-right:6px}.member-search-selector .selected-members-view .member-chip-view .member-details{font-size:12px;color:#666;font-style:italic}.member-search-selector .selected-members-view .member-single-chip-view{display:flex;align-items:center;background:#e3f2fd;border:1px solid #2196f3;border-radius:12px;padding:10px 8px;font-size:12px;color:#556176!important;transition:all .2s ease;max-width:200px}.member-search-selector .selected-members-view .member-single-chip-view .member-name{font-weight:500;margin-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.member-search-selector .selected-members-view .member-single-chip-view .member-details{font-size:10px;color:#666;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:4px}.member-search-selector .selected-members-view .member-single-chip-view .remove-btn{background:none;border:none;color:#1976d2;font-size:12px;font-weight:700;cursor:pointer;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;margin-left:4px;flex-shrink:0}.member-search-selector .selected-members-view .member-single-chip-view .remove-btn:hover{background:#1976d2;color:#fff}.member-search-selector .selected-members-view .member-single-chip-view.remaining-count{background:#ff9800;border-color:#f57c00;color:#fff;cursor:pointer;font-weight:600}.member-search-selector .selected-members-view .member-single-chip-view.remaining-count:hover{background:#f57c00;transform:scale(1.05)}.member-search-selector .selected-members-view .member-single-chip-view.remaining-count .member-name{color:#fff}.member-search-selector .selected-members-view .member-single-chip-view.collapse-btn{background:#9e9e9e;border-color:#757575;color:#fff;cursor:pointer;font-weight:500}.member-search-selector .selected-members-view .member-single-chip-view.collapse-btn:hover{background:#757575;transform:scale(1.05)}.member-search-selector .selected-members-view .member-single-chip-view.collapse-btn .member-name{color:#fff}.member-search-selector .selected-members-view .no-members{color:#999;font-style:italic;font-size:14px}@media (max-width: 768px){.member-search-selector .selected-members .member-chip{font-size:13px;padding:3px 10px}.member-search-selector .search-container .input-with-icon .search-input{font-size:16px}.member-search-selector .search-container .search-dropdown .dropdown-item{padding:10px 12px}.member-search-selector .search-container .search-dropdown .dropdown-item .member-info .member-details{flex-direction:column;gap:4px}}.dashboard-card{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:10px;width:100%;max-width:350px;height:130px;transition:transform .2s ease,box-shadow .2s ease;padding:10px 20px}.dashboard-card--clickable{cursor:pointer}.dashboard-card--clickable:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.dashboard-card.equal-width{flex:1;min-width:0;width:100%;max-width:none}.dashboard-card__header{display:flex;justify-content:space-between;align-items:center}.dashboard-card__heading{font-size:18px;font-weight:450;color:#fff;margin:0;text-align:left}.dashboard-card__header-icon{display:flex;align-items:center;color:#fff}.dashboard-card__content{display:flex;flex-direction:column;gap:8px}.dashboard-card__item{display:flex;flex-direction:column;gap:4px}.dashboard-card__label{color:#fff;font-size:14px;font-weight:450;opacity:.9;margin:0}.dashboard-card__value{color:#fff;font-size:16px;font-weight:450;margin:0}.dashboard-card-demo-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;margin:0}.dashboard-card-demo-container h3{color:#fff;font-size:20px;font-weight:800;padding-bottom:12px}.dashboard-card-demo-container .dashboard-card:last-child{margin-bottom:0}.roles-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:0 auto;border:2px solid #3b82f6}.roles-card .roles-card-header{margin-bottom:32px}.roles-card .roles-card-header .roles-card-title{display:flex;gap:12px}.roles-card .roles-card-header .roles-card-title .crown-icon{width:32px;height:32px;color:#3b82f6}.roles-card .roles-card-header .roles-card-title h2{font-size:28px;font-weight:700;color:#1f2937;margin:0}.roles-card .roles-card-header .roles-card-description{font-size:16px;color:#6b7280;margin:0;padding-left:45px}.roles-card .roles-section{margin-bottom:32px}.roles-card .roles-section:last-child{margin-bottom:0}.roles-card .roles-section .roles-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.roles-card .roles-section .roles-section-header .section-icon{width:20px;height:20px;color:#3b82f6}.roles-card .roles-section .roles-section-header .section-icon.restriction-icon{color:#dc2626}.roles-card .roles-section .roles-section-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.roles-card .responsibilities-grid{display:grid;gap:16px}.roles-card .responsibility-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe}.roles-card .responsibility-item .responsibility-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;border:1px solid #bfdbfe}.roles-card .responsibility-item .responsibility-icon .icon{width:20px;height:20px;color:#3b82f6}.roles-card .responsibility-item .responsibility-content{flex:1}.roles-card .responsibility-item .responsibility-content h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.roles-card .responsibility-item .responsibility-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.roles-card .restrictions-section-header{display:flex;flex-direction:row;gap:10px;margin-bottom:10px}.roles-card .restrictions-grid{display:grid;gap:16px}.roles-card .restriction-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.roles-card .restriction-item .restriction-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;border:1px solid #fecaca}.roles-card .restriction-item .restriction-icon .icon{width:20px;height:20px;color:#dc2626}.roles-card .restriction-item .restriction-content{flex:1}.roles-card .restriction-item .restriction-content h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.roles-card .restriction-item .restriction-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}@media (max-width: 768px){.roles-card{padding:20px;margin:16px}.roles-card .roles-card-header .roles-card-title h2{font-size:24px}.roles-card .responsibility-item,.roles-card .restriction-item{padding:12px;gap:12px}.roles-card .responsibility-item .responsibility-icon,.roles-card .responsibility-item .restriction-icon,.roles-card .restriction-item .responsibility-icon,.roles-card .restriction-item .restriction-icon{width:36px;height:36px}.roles-card .responsibility-item .responsibility-icon .icon,.roles-card .responsibility-item .restriction-icon .icon,.roles-card .restriction-item .responsibility-icon .icon,.roles-card .restriction-item .restriction-icon .icon{width:18px;height:18px}.roles-card .responsibility-item .responsibility-content h4,.roles-card .responsibility-item .restriction-content h4,.roles-card .restriction-item .responsibility-content h4,.roles-card .restriction-item .restriction-content h4{font-size:15px}.roles-card .responsibility-item .responsibility-content p,.roles-card .responsibility-item .restriction-content p,.roles-card .restriction-item .responsibility-content p,.roles-card .restriction-item .restriction-content p{font-size:13px}}.roles-card-2{background:#fff;border-radius:12px;padding:24px 20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .2s ease;width:100%}.roles-card-2:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.roles-card-2 .roles-card-2-icon .role-icon{width:40px;height:40px;color:#6b7280;stroke-width:1.5}.roles-card-2 .roles-card-2-title h3{font-size:16px;font-weight:600;color:#374151;margin:0;line-height:1.2}.roles-card-2 .roles-card-2-count{display:flex;flex-direction:column;align-items:center;gap:2px}.roles-card-2 .roles-card-2-count .user-count{font-size:24px;font-weight:700;color:#008c9c;line-height:1}.roles-card-2 .roles-card-2-count .user-label{font-size:12px;font-weight:500;color:#6b7280;line-height:1}@media (max-width: 768px){.roles-card-2{max-width:180px;padding:20px 16px;gap:10px}.roles-card-2 .roles-card-2-icon .role-icon{width:36px;height:36px}.roles-card-2 .roles-card-2-title h3{font-size:14px}.roles-card-2 .roles-card-2-count .user-count{font-size:20px}.roles-card-2 .roles-card-2-count .user-label{font-size:11px}}.grid-table-container{font-family:Roboto,sans-serif;--primary: #008c9c;--secondary: #00c7c1;--background-light: #f7fafc;--background-dark: #1a202c;--text-light: #2d3748;--text-dark: #e2e8f0;--border-light: #e2e8f0;--border-dark: #4a5568;--card-light: #ffffff;--card-dark: #2d3748}.grid-table-container .container{max-width:100%;margin:0 auto;padding:1rem}@media (min-width: 768px){.grid-table-container .container{padding:2rem}}.grid-table-container .bg-card-light{background-color:var(--card-light)}.grid-table-container .dark .bg-card-dark{background-color:var(--card-dark)}.grid-table-container .text-text-light{color:var(--text-light)}.grid-table-container .dark .text-text-dark{color:var(--text-dark)}.grid-table-container .border-border-light{border-color:var(--border-light)}.grid-table-container .dark .border-border-dark{border-color:var(--border-dark)}.grid-table-container .bg-primary{background-color:var(--primary)}.grid-table-container .text-primary{color:var(--primary)}.grid-table-container .hover\\:bg-secondary:hover{background-color:var(--secondary)}.grid-table-container .focus\\:ring-primary:focus{--tw-ring-color: var(--primary)}.grid-table-container .focus\\:border-primary:focus{border-color:var(--primary)}.grid-table-container select,.grid-table-container input{transition:all .2s ease-in-out}.grid-table-container select:focus,.grid-table-container input:focus{outline:none;box-shadow:0 0 0 3px #008c9c1a}.grid-table-container button{transition:all .2s ease-in-out}.grid-table-container button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.grid-table-container table{border-collapse:collapse;width:100%;font-size:14px}.grid-table-container th,.grid-table-container td{padding:16px;text-align:left;border-bottom:1px solid var(--border-light);vertical-align:top}.grid-table-container .dark th,.grid-table-container .dark td{border-bottom-color:var(--border-dark)}.grid-table-container thead tr{background-color:#f9fafb}.grid-table-container .dark thead tr{background-color:#1f2937}.grid-table-container tbody tr{transition:background-color .2s ease-in-out}.grid-table-container tbody tr:hover{background-color:#f9fafb}.grid-table-container .dark tbody tr:hover{background-color:#1f293780}.grid-table-container th:first-child,.grid-table-container td:first-child{width:25%}.grid-table-container th:nth-child(2),.grid-table-container td:nth-child(2){width:20%}.grid-table-container th:nth-child(3),.grid-table-container td:nth-child(3){width:15%}.grid-table-container th:nth-child(4),.grid-table-container td:nth-child(4){width:15%}.grid-table-container th:nth-child(5),.grid-table-container td:nth-child(5){width:15%}.grid-table-container th:last-child,.grid-table-container td:last-child{width:10%;text-align:right}.grid-table-container .avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.875rem}.grid-table-container .contact-info{display:flex;flex-direction:column;gap:4px}.grid-table-container .contact-item{display:flex;align-items:center;font-size:14px;color:#6b7280}.grid-table-container .contact-icon{margin-right:8px;font-size:16px;color:var(--primary)}.grid-table-container .name-cell{display:flex;align-items:center;gap:16px}.grid-table-container .name-info{display:flex;flex-direction:column}.grid-table-container .name-primary{font-size:14px;font-weight:500;color:var(--text-light);margin-bottom:2px}.grid-table-container .name-secondary{font-size:12px;color:#6b7280}.grid-table-container .unit-info{display:flex;flex-direction:column}.grid-table-container .unit-primary{font-size:14px;font-weight:500;color:var(--text-light);margin-bottom:2px}.grid-table-container .unit-secondary{font-size:12px;color:#6b7280}.grid-table-container .status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.25;background-color:#dcfce7;color:#166534}.grid-table-container .dark .status-badge{background-color:#14532d;color:#bbf7d0}.grid-table-container .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@media (max-width: 768px){.grid-table-container .container{padding:.5rem}.grid-table-container .grid{grid-template-columns:1fr;gap:1rem}.grid-table-container table{font-size:.875rem}.grid-table-container th,.grid-table-container td{padding:.5rem}}.grid-table-container .dark{background-color:var(--background-dark);color:var(--text-dark)}.grid-table-container *{transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.form-group-password{margin-bottom:1rem;width:100%}.form-group-password .password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.form-group-password .password-header label .required-asterisk{color:#ef4444;margin-left:.25rem;font-weight:700}.form-group-password .password-header .forgot-password{color:#2563eb;text-decoration:none;font-size:.875rem}.form-group-password .password-header .forgot-password:hover{text-decoration:underline}.form-group-password .password-input-container{position:relative;width:100%}.form-group-password .password-input-container input{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;color:#000;background-color:#fff;transition:border-color .2s}.form-group-password .password-input-container input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.form-group-password .password-input-container input.error{border-color:#ef4444}.form-group-password .password-input-container .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.form-group-password .password-input-container .password-toggle:hover{color:#4b5563}.form-group-password .password-input-container .password-toggle svg{width:1.25rem;height:1.25rem}.form-group-password .error-text{color:#ef4444;font-size:.75rem;margin-top:.25rem;text-align:left}.password-container{position:relative;margin-bottom:1rem}.password-container .forgot-password{position:absolute;right:0;top:0;color:#007bff;text-decoration:none;font-size:.875rem}.password-container .forgot-password:hover{text-decoration:underline}:root{--primary-color: #00796b;--primary-dark: #00695c;--primary-light: rgba(0, 121, 107, .1);--secondary-color: #28a745;--accent-color: #007bff;--accent-light: #17a2b8;--text-light: #ffffff;--text-dark: #212529;--text-muted: #6c757d;--error-color: #dc2626;--border-color: #e9ecef;--background-light: #f5f5f5;--card-background: #ffffff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fff;background-size:400px}.login-container{height:90vh;max-width:1200px;width:100%;display:flex;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:relative}.branding-section{flex:.8;background:#025863;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.branding-section .branding-content{text-align:center;color:var(--text-light);max-width:400px}.branding-section .branding-content .brand-icon{width:80px;height:80px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 0rem;font-size:2.5rem}.branding-section .branding-content .brand-title{font-size:3rem;font-weight:700;margin:0 0 .5rem;letter-spacing:2px;text-transform:uppercase}.branding-section .branding-content .brand-subtitle{font-size:1.2rem;font-weight:500;margin-top:-20px;opacity:.9}.branding-section .branding-content .brand-description{font-size:1rem;line-height:1.6;opacity:.9;margin:0}.login-header,.marketing-section{display:none}.login-form-container{flex:1;background-color:var(--card-background);position:relative}.login-form-container .login-card{width:100%;background:var(--card-background);border-radius:12px;padding:3rem;text-align:left;padding-top:40px;padding-left:5rem;padding-right:5rem;padding-bottom:.5rem}.login-form-container .login-card .login-image{display:none}.login-form-container .login-card .login-content .homi-section{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:-15px}.login-form-container .login-card .login-content .login-title{font-size:2rem;font-weight:500;color:#008c9c;text-align:left}.login-form-container .login-card .mobile-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-form-container .login-card .mobile-logo img{width:48px;height:48px}@media (min-width: 768px){.login-form-container .login-card .mobile-logo{display:none}}.login-form-container .login-card :global .card-header{text-align:center;padding:2rem 2rem 1rem}.login-form-container .login-card :global .card-header h2{font-size:1.875rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.login-form-container .login-card :global .card-header p{color:var(--text-muted)}.login-form-container .login-card :global .card-content{padding:1.5rem 2rem}.login-form-container .login-card :global .card-footer{padding:1.5rem 2rem;background-color:#f9fafb;border-top:1px solid var(--border-color);border-radius:0 0 12px 12px}.login-form-container .login-card .text-center{display:flex;flex-direction:column;text-align:center;padding-bottom:20px;gap:10px}.login-form-container .login-card .submit-button{width:100%!important;background-color:#008c9c;color:#fff!important;padding:.875rem 1.5rem!important;border-radius:.5rem!important;font-weight:600!important;border:none!important;cursor:pointer;margin-bottom:.5rem;transition:all .2s ease;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.login-form-container .login-card .submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-form-fields,.login-form-fields .login-form-group{display:flex;flex-direction:column;gap:.5rem}.login-form-fields .login-form-group label{font-weight:500;color:#008c9c;font-size:.875rem;margin-bottom:.25rem;text-align:left}.login-form-fields .login-form-group .form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;line-height:1.5;transition:all .2s ease;background:var(--card-background)}.login-form-fields .login-form-group .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.login-form-fields .login-form-group .form-input::placeholder{color:var(--text-muted)}.login-form-fields .login-form-group .form-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-form-fields .login-password-container{position:relative;display:flex;flex-direction:column;gap:.5rem}.login-form-fields .login-password-container .forgot-password{align-self:flex-end;color:var(--accent-color);font-size:.875rem;text-decoration:none;margin-top:.25rem;font-weight:500}.login-form-fields .login-password-container .forgot-password:hover{text-decoration:underline;color:#0056b3}.login-error-alert{color:#dc2626;padding:10px 25px 10px 10px;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-weight:500;background-color:#f8d7da;border:1px solid #f5c6cb;box-sizing:border-box;width:100%;margin-bottom:10px;font-weight:700}.login-error-alert .login-error-message{font-size:1rem}.login-error-alert svg{width:16px;height:16px}.success-alert{background-color:#22c55e1a;color:#1b07d5;padding:.75rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;margin-bottom:-15px;margin-top:10px}.success-alert .success-icon{font-weight:700;font-size:1.2rem}.demo-credentials{margin-top:1rem;text-align:center;color:var(--text-muted);font-size:.875rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.demo-credentials strong{color:var(--text-dark)}.register-link{display:block;text-align:center;margin:1rem 0;color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .15s ease;font-size:.875rem}.register-link:hover{color:var(--primary-dark);text-decoration:underline}.mobile-login-link{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--primary-color);font-size:.875rem;text-decoration:none;margin-top:1rem}.mobile-login-link:hover{text-decoration:underline}.mobile-login-link:after{content:"→";font-size:1rem}.change-password-error-alert{color:#dc2626;padding-top:10px;padding-left:25px;border-radius:6px;display:flex;align-items:center;gap:.5rem;margin-top:10px;font-weight:700}.login-card{position:relative;z-index:2}.password-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:-10px;width:100%}.password-actions .remember-me,.password-actions .forgot-password{display:flex;align-items:center;gap:.5rem}@media (min-width: 1200px){.login-page{padding:3rem}}@media (max-width: 768px){.login-page{padding:1rem}.login-container{flex-direction:column;min-height:auto;max-width:100%}.branding-section{min-height:40vh;padding:2rem 1rem}.branding-section .branding-content .brand-title{font-size:2rem}.branding-section .branding-content .brand-subtitle{font-size:1rem}.branding-section .branding-content .brand-description{font-size:.9rem}.login-form-container{padding:1.5rem;min-height:60vh}.login-title{font-size:1.5rem!important}.role-selection .role-buttons{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:stretch;flex-wrap:nowrap}.role-selection .role-buttons .role-button{padding:.75rem .25rem}.role-selection .role-buttons .role-button .role-icon{font-size:1.25rem}.role-selection .role-buttons .role-button .role-label{font-size:.7rem}}.login-button-container{display:flex;justify-content:center;margin-top:10px}.role-selection{text-align:center;margin-top:16px}.role-selection .role-title{color:var(--text-muted);font-size:.875rem;font-weight:500}.role-selection .role-buttons{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:stretch;flex-wrap:nowrap;margin-bottom:.5rem}.role-selection .role-buttons .role-button{display:flex;flex-direction:column;align-items:center;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--text-dark);min-width:120px}.role-selection .role-buttons .role-button:hover{background-color:#e9ecef;border-color:var(--accent-light);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.role-selection .role-buttons .role-button .role-icon{font-size:1.5rem;color:var(--accent-light);margin-bottom:.5rem;margin-right:15px}.role-selection .role-buttons .role-button .role-label{font-size:.75rem;font-weight:500;text-align:center}.register-section{display:flex;flex-direction:row;gap:10px;margin-left:100px;text-align:center}.register-section .register-text2{color:var(--text-muted);font-size:.875rem;margin:3px 0 0}.register-section .register-text2 .register-here-link{color:#008c9c;text-decoration:none;font-weight:500}.register-section .register-text2 .register-here-link:hover{text-decoration:underline;color:#008c9c}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:10px 20px;background:transparent}.navbar-container{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;height:70px;background-color:#f5f5f5;border-radius:50px;box-shadow:0 2px 8px #00000014}.navbar-logo{display:flex;align-items:center;gap:8px}.navbar-logo a{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:transform .2s ease}.navbar-logo a:hover{transform:translateY(-1px)}.navbar-logo .logo-icon{color:#10b981;font-size:1.6rem;margin-right:4px;margin-top:-4px}.navbar-logo h2{color:#374151;font-size:1.5rem;font-weight:700;font-family:Arial,sans-serif;margin:0;letter-spacing:1px;text-transform:uppercase;line-height:1}.navbar-logo .logo-tagline{display:block;color:#9ca3af;font-size:.75rem;font-weight:400;margin:-2px 0 0;line-height:1}.navbar-contact{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:.9rem}.navbar-contact svg{width:1rem;height:1rem}@media (max-width: 768px){.navbar-contact{display:none}}.navbar-menu{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.navbar-menu li a{color:#9ca3af}@media (max-width: 768px){.navbar-menu{display:none}}.nav-item{position:relative}.nav-link{color:#9ca3af;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .3s ease;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;position:relative}.nav-link:hover{color:#008c9c}.nav-link.active{color:#008c9c;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.nav-link.dropdown-toggle svg{width:.8rem;height:.8rem;transition:transform .3s ease}.dropdown-menu{position:absolute;top:100%;left:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(30,58,138,.2);border-radius:8px;padding:.5rem 0;min-width:200px;box-shadow:0 4px 20px #0000001a;z-index:1001}.dropdown-item{display:block;padding:.75rem 1rem;color:#556176;text-decoration:none;font-size:.9rem;transition:background-color .3s ease}.navbar-actions{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.navbar-actions{display:none}}.navbar-actions .cmp-button-container .cmp-button.secondary{background:#f5f5f5;color:#4b5563;border:1px solid #d1d5db;border-radius:8px;padding:8px 20px;font-weight:500;transition:all .2s ease}.navbar-actions .cmp-button-container .cmp-button.secondary:hover{background:#e5e7eb;border-color:#9ca3af}.navbar-actions .cmp-button-container .cmp-button.primary{background:#008c9c;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-weight:500;transition:all .2s ease}.navbar-actions .cmp-button-container .cmp-button.primary:hover{background:#007a8a}.btn{padding:8px 20px;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-1px)}.btn-outline{background:#007bff;color:#fff;border:1px solid #007bff}.btn-outline:hover{background:#0056b3;border-color:#0056b3}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.navbar-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px}@media (max-width: 768px){.navbar-toggle{display:flex}}.hamburger{width:25px;height:3px;background:#374151;margin:3px 0;transition:.3s;border-radius:2px;display:block}.navbar-toggle.active .hamburger:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.navbar-toggle.active .hamburger:nth-child(2){opacity:0}.navbar-toggle.active .hamburger:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu{position:absolute;top:calc(100% + 10px);left:20px;right:20px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1rem 0;box-shadow:0 4px 12px #00000026}@media (min-width: 769px){.mobile-menu{display:none}}.mobile-menu-item{display:block;padding:1rem 20px;color:#1e3a8a;text-decoration:none;font-size:1rem;border-bottom:1px solid rgba(30,58,138,.1);transition:background-color .3s ease,color .3s ease}.mobile-menu-item:hover{background:#1e3a8a1a}.mobile-menu-item.active{color:#008c9c;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;background:#008c9c0d}.mobile-menu-item:last-child{border-bottom:none}.mobile-dropdown-toggle{width:100%;text-align:left;background:none;border:none;color:#1e3a8a;font-size:1rem;padding:1rem 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.mobile-dropdown-toggle svg{width:.8rem;height:.8rem;transition:transform .3s ease}.mobile-dropdown-menu{background:#1e3a8a0d;border-top:1px solid rgba(30,58,138,.1)}.mobile-dropdown-item{display:block;padding:.75rem 40px;color:#1e3a8a;text-decoration:none;font-size:.9rem;transition:background-color .3s ease}.mobile-dropdown-item:hover{background:#1e3a8a1a;color:#2563eb}.mobile-actions{padding:1rem 20px;display:flex;flex-direction:column;gap:.5rem}.mobile-actions .btn{width:100%;padding:12px 20px;text-align:center}@media (max-width: 768px){.navbar-container{height:60px}.navbar-logo h2{font-size:1.2rem;color:#374151}}.forgot-password-container{min-height:100vh;display:flex;flex-direction:column}.forgot-password-form-container{flex:1;display:flex;justify-content:center;align-items:center;background-color:#fff;padding-top:100px;padding-bottom:50px}.forgot-password-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;width:100%;max-width:550px;text-align:center}.forgot-password-card img{width:80px;height:80px;margin-bottom:1rem}.forgot-title{font-size:1.8rem;font-weight:600;color:#008c9c;margin-bottom:1.5rem}.forgot-password-content{margin-bottom:1.5rem}.forgot-password-form-fields{display:flex;flex-direction:column;gap:1rem}.forgot-submit-button{width:100%;padding:.75rem;font-size:1rem;font-weight:500;background-color:#008c9c;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.forgot-submit-button:disabled{opacity:.7;cursor:not-allowed}.forgot-password-footer{text-align:center}.forgot-back-link{color:#007bff;text-decoration:none;font-weight:500}.forgot-back-link:hover{text-decoration:underline}.forgot-password-error-alert,.forgot-password-success-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.forgot-password-error-alert{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.forgot-password-success-alert{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-icon,.success-icon{font-weight:700;font-size:1.1rem}:root{--primary-color: #00b4d8;--primary-dark: #0096c7;--primary-light: rgba(0, 180, 216, .1);--text-light: #ffffff;--text-dark: #1f2937;--text-muted: #6b7280;--error-color: #ef4444;--border-color: #e5e7eb;--checkbox-color: #ef4444}.change-password-container{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.change-password-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:2rem;z-index:10}.change-password-header .logo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:transform .2s ease}.change-password-header .logo:hover{transform:translateY(-1px)}.change-password-header .logo h2{color:var(--primary-color);font-size:2rem;font-weight:700;font-family:Lobster,cursive;font-style:italic;margin:0;letter-spacing:2px;text-transform:uppercase;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.change-password-header .logo p{color:var(--primary-color);font-size:.8rem;font-weight:500;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.5px;margin:0;line-height:1.2;opacity:.9;text-transform:lowercase;font-style:italic;transition:opacity .3s ease}.change-password-header .logo:hover p{opacity:1}.change-password-header .header-links{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--text-muted)}.change-password-header .header-links .get-started-link{color:var(--primary-color);text-decoration:underline;font-weight:500}.change-password-header .header-links .get-started-link:hover{color:var(--primary-dark)}.change-password-marketing-section{display:none}.change-password-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding-top:100px;min-height:calc(100vh - 200px)}.change-password-form-container .change-password-card{width:100%;max-width:580px;padding:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;text-align:center;margin-bottom:60px}.change-password-form-container .change-password-card .change-password-content-message{margin-bottom:.8rem;box-shadow:0 7px 18px #00000024;border-radius:12px;background:#fff;padding:.5rem}.change-password-form-container .change-password-card .change-password-image{justify-content:center}.change-password-form-container .change-password-card .change-password-image .change-password-signin-image{width:350px;height:350px;object-fit:contain;border-radius:12px;transition:transform .3s ease}.change-password-form-container .change-password-card .change-password-image .change-password-signin-image:hover{transform:scale(1.05)}.change-password-form-container .change-password-card .change-password-content{margin-bottom:.8rem;box-shadow:0 7px 18px #00000024;border-radius:12px;background:#fff;padding:2.5rem 2rem 2rem}.change-password-form-container .change-password-card .change-password-header-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:15px}.change-password-form-container .change-password-card .change-password-header-section img{width:200px;height:200px;object-fit:contain;border-radius:12px;transition:transform .3s ease}.change-password-form-container .change-password-card .change-password-header-section img:hover{transform:scale(1.05)}.change-password-form-container .change-password-card .change-password-title{font-size:1.5rem;font-weight:700;color:#008c9c;text-align:center;margin:0}.change-password-form-container .change-password-card .mobile-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.change-password-form-container .change-password-card .mobile-logo img{width:48px;height:48px}@media (min-width: 768px){.change-password-form-container .change-password-card .mobile-logo{display:none}}.change-password-form-container .change-password-card :global .card-header{text-align:center;padding:2rem 2rem 1rem}.change-password-form-container .change-password-card :global .card-header h2{font-size:1.875rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.change-password-form-container .change-password-card :global .card-header p{color:var(--text-muted)}.change-password-form-container .change-password-card :global .card-content{padding:1.5rem 2rem}.change-password-form-container .change-password-card :global .card-footer{padding:1.5rem 2rem;background-color:#f9fafb;border-top:1px solid var(--border-color);border-radius:0 0 12px 12px}.change-password-form-container .change-password-card .text-center{display:flex;flex-direction:column;text-align:center;padding-bottom:20px;gap:10px}.change-password-form-container .change-password-card .change-password-submit-button{width:100%;padding:.75rem;font-size:1rem;font-weight:500;background-color:#008c9c;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.change-password-form-container .change-password-card .change-password-submit-button:disabled{opacity:.7;cursor:not-allowed}.change-password-form-fields,.change-password-form-fields .form-group{display:flex;flex-direction:column;gap:.5rem}.change-password-form-fields .form-group label{font-weight:500;color:var(--text-dark);font-size:.875rem;margin-bottom:.25rem;text-align:left}.change-password-form-fields .form-group .form-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;line-height:1.25rem;transition:border-color .2s;background:#fff}.change-password-form-fields .form-group .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.change-password-form-fields .form-group .form-input::placeholder{color:var(--text-muted)}.change-password-form-fields .form-group .form-input:disabled{background-color:#f9fafb;cursor:not-allowed}.change-password-form-fields .password-container{position:relative;display:flex;flex-direction:column;gap:.5rem}.change-password-form-fields .password-container .forgot-password{align-self:flex-end;color:#000;font-size:.875rem;text-decoration:none;margin-top:.25rem}.change-password-form-fields .password-container .forgot-password:hover{text-decoration:underline}.change-password-error-alert-message{color:#dc2626;padding:10px 25px 10px 10px;border-radius:6px;display:flex;align-items:center;gap:.5rem;margin-top:10px;font-weight:700}.change-password-error-alert-message svg{width:16px;height:16px}.change-password-success-alert{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:.75rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;margin-bottom:6px}.change-password-success-alert .change-password-success-icon{font-weight:700;font-size:1.2rem}.change-password-success-alert .change-password-success-message{font-size:1.2rem}.change-password-error-alert-message{background-color:#f8d7da;color:#dc2626;border:1px solid #f5c6cb;padding:.75rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;width:100%;box-sizing:border-box;margin:10px 0}.change-password-error-alert-message .change-password-error-icon{font-weight:700;font-size:1.1rem}.change-password-error-alert-message .change-password-error-message{font-size:1rem}.change-password-demo-credentials{margin-top:1rem;text-align:center;color:var(--text-muted);font-size:.875rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.change-password-demo-credentials strong{color:var(--text-dark)}.change-password-register-link{display:block;text-align:center;margin:1rem 0;color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .15s ease;font-size:.875rem}.change-password-register-link:hover{color:var(--primary-dark);text-decoration:underline}.change-password-mobile-login-link{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--primary-color);font-size:.875rem;text-decoration:none;margin-top:1rem}.change-password-mobile-login-link:hover{text-decoration:underline}.change-password-mobile-login-link:after{content:"→";font-size:1rem}.change-password-card{position:relative;z-index:2}@media (max-width: 768px){.change-password-header{padding:1rem}.change-password-header .logo{font-size:1.5rem}.change-password-header .header-links{font-size:.75rem}.change-password-form-container{padding:1rem}.change-password-card{max-width:100%}.change-password-card .change-password-header-section img{width:150px;height:150px}.change-password-title{font-size:1.5rem!important}}.change-password-footer{padding:.5rem;border-radius:0 0 12px 12px;text-align:center}.change-password-back-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .15s ease}.change-password-back-link:hover{color:var(--primary-dark);text-decoration:underline}.footer{background:#025863;color:#fff;padding:2rem}.property-card-container,.custom-unit-card,.unit-card-container{background:linear-gradient(135deg,#f7fbff,#fff 100%,#fff);border-radius:12px;box-shadow:0 2px 8px #00000012;padding:1.5rem;min-width:320px;max-width:400px;margin:auto;transition:box-shadow .2s,border .2s;border:1px solid #f0f0f0;border-top:4px solid #008c9c}.property-card-container:hover,.custom-unit-card:hover,.unit-card-container:hover{box-shadow:0 4px 16px #0000001a}.property-card-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.property-card-header,.unit-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.property-icon{width:23px;height:23px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#008c9c;flex-shrink:0}.property-title-section{flex:1}.property-title,.unit-card-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#008c9c;line-height:1.2}.property-status{display:flex;align-items:center;gap:4px;margin-bottom:8px}.status-badge{background:#4299e1;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.property-description{margin:0;font-size:14px;color:#718096;line-height:1.4}.statistics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.statistics-grid.unit-grid{grid-template-columns:1fr 1fr;gap:16px}.statistics-grid.unit-grid .stat-cards,.statistics-grid.unit-grid .unit-card-row{padding:16px 20px;min-height:80px;flex-direction:column;justify-content:center;text-align:center}.statistics-grid.unit-grid .stat-cards .stat-icon,.statistics-grid.unit-grid .stat-cards .unit-card-icon,.statistics-grid.unit-grid .unit-card-row .stat-icon,.statistics-grid.unit-grid .unit-card-row .unit-card-icon{width:40px;height:40px;margin-bottom:8px}.statistics-grid.unit-grid .stat-cards .stat-content,.statistics-grid.unit-grid .unit-card-row .stat-content{align-items:center;gap:4px}.statistics-grid.unit-grid .stat-cards .stat-values,.statistics-grid.unit-grid .stat-cards .unit-card-value,.statistics-grid.unit-grid .unit-card-row .stat-values,.statistics-grid.unit-grid .unit-card-row .unit-card-value{font-size:18px;font-weight:600}.statistics-grid.unit-grid .stat-cards .stat-label,.statistics-grid.unit-grid .stat-cards .unit-card-label,.statistics-grid.unit-grid .unit-card-row .stat-label,.statistics-grid.unit-grid .unit-card-row .unit-card-label{font-size:13px;font-weight:500}.stat-cards,.unit-card-row{border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:8px;transition:background-color .2s}.stat-cards:hover,.unit-card-row:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.stat-cards.blue,.blue.unit-card-row{background:linear-gradient(135deg,#f1f5f6,#e4eef9)}.stat-cards.blue .stat-icon,.stat-cards.blue .unit-card-icon,.blue.unit-card-row .stat-icon,.blue.unit-card-row .unit-card-icon{background:#008c9c;color:#fff}.stat-cards.blue .stat-label,.stat-cards.blue .unit-card-label,.blue.unit-card-row .stat-label,.blue.unit-card-row .unit-card-label{color:#008c9c}.stat-cards.gray,.gray.unit-card-row{background:linear-gradient(135deg,#f1f5f6,#e4eef9)}.stat-cards.gray .stat-icon,.stat-cards.gray .unit-card-icon,.gray.unit-card-row .stat-icon,.gray.unit-card-row .unit-card-icon{background:#008c9c;color:#fff}.stat-cards.gray .stat-label,.stat-cards.gray .unit-card-label,.gray.unit-card-row .stat-label,.gray.unit-card-row .unit-card-label{color:#008c9c}.stat-icon,.unit-card-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-values,.unit-card-value{font-size:16px;font-weight:500;color:#2d3748;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label,.unit-card-label{font-size:12px;color:#718096;font-weight:500}.property-card-footer{display:flex;justify-content:flex-end;align-items:center}.managed-text{font-size:14px;color:#a0aec0;font-weight:500}.action-buttons,.unit-card-actions{display:flex;justify-content:flex-end;gap:8px}.action-btn,.delete-btn,.edit-btn,.view-btn,.unit-card-btn{width:36px;height:36px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.action-btn.view-btn,.view-btn{background:#fff;color:#fff;border:1px solid #e2e8f0}.action-btn.view-btn:hover,.view-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.action-btn.edit-btn,.edit-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.action-btn.edit-btn:hover,.edit-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.action-btn.delete-btn,.delete-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.action-btn.delete-btn:hover,.delete-btn:hover{background:#fed7d7;border-color:#feb2b2;color:#c53030;transform:translateY(-1px)}.action-btn:active,.delete-btn:active,.edit-btn:active,.view-btn:active,.unit-card-btn:active{transform:translateY(0)}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.block-view-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;position:relative}.block-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.block-view-header .header-left{display:flex;align-items:center;gap:12px}.block-view-header .header-left .block-icon{color:#374151;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f9fafb;border-radius:8px}.block-view-header .header-left .header-text .block-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.2}.block-view-header .header-left .header-text .block-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.block-view-header .close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.block-view-header .close-button:hover{background:#f3f4f6;color:#374151}.description-section{margin-bottom:20px}.description-section .section-label{font-size:14px;font-weight:500;color:#374151;margin:0 0 8px;line-height:1.4}.description-section .description-text{font-size:14px;color:#4b5563;margin:0;line-height:1.5}.block-stats-container{margin-bottom:20px}.block-stats-container .block-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.block-stats-container .block-stats-grid .block-stat-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.block-stats-container .block-stats-grid .block-stat-item .block-stat-label{font-size:12px;font-weight:500;color:#6b7280;line-height:1.3;text-transform:none;letter-spacing:.025em}.block-stats-container .block-stats-grid .block-stat-item .block-stat-content{display:flex;align-items:center;gap:8px}.block-stats-container .block-stats-grid .block-stat-item .block-stat-content .block-stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.block-stats-container .block-stats-grid .block-stat-item .block-stat-content .block-stat-icon.block-stat-icon-floors{background:#d1fae5;color:#10b981}.block-stats-container .block-stats-grid .block-stat-item .block-stat-content .block-stat-icon.block-stat-icon-lifts{background:#ede9fe;color:#8b5cf6}.block-stats-container .block-stats-grid .block-stat-item .block-stat-content .block-stat-icon.block-stat-icon-parking{background:#fed7aa;color:#f59e0b}.block-stats-container .block-stats-grid .block-stat-item .block-stat-content .block-stat-icon.block-stat-icon-units{background:#dbeafe;color:#6366f1}.block-stats-container .block-stats-grid .block-stat-item .block-stat-content .block-stat-value{font-size:18px;font-weight:600;color:#111827;line-height:1.2;letter-spacing:-.025em}.stats-section{margin-bottom:24px}.stats-section .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats-section .stats-grid .stat-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.stats-section .stats-grid .stat-card .stat-label{font-size:12px;color:#6b7280;line-height:1.3;font-weight:500}.stats-section .stats-grid .stat-card .stat-content{display:flex;align-items:center;gap:8px}.stats-section .stats-grid .stat-card .stat-content .stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.stats-section .stats-grid .stat-card .stat-content .stat-icon.green{background:#d1fae5;color:#10b981}.stats-section .stats-grid .stat-card .stat-content .stat-icon.purple{background:#ede9fe;color:#8b5cf6}.stats-section .stats-grid .stat-card .stat-content .stat-icon.orange{background:#fed7aa;color:#f59e0b}.stats-section .stats-grid .stat-card .stat-content .stat-icon.blue{background:#dbeafe;color:#6366f1}.stats-section .stats-grid .stat-card .stat-content .stat-value{font-size:18px;font-weight:600;color:#111827;line-height:1.2}.status-section{margin-bottom:24px}.status-section .section-label{font-size:14px;font-weight:500;color:#374151;margin:0 0 8px;line-height:1.4}.status-section .status-badge{display:inline-block}.status-section .status-badge span{background:#dbeafe;color:#2563eb;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.2}.block-actions{display:flex;gap:12px;justify-content:flex-end}.block-actions .btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.block-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.block-actions .btn-secondary:active{background:#f3f4f6}.block-actions .btn-primary{background:#008c9c;border:1px solid #008c9c;color:#fff;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:100px}.block-actions .btn-primary:hover{background:#2563eb;border-color:#2563eb}.block-actions .btn-primary:active{background:#1d4ed8}.block-actions .btn-primary svg{width:16px;height:16px}.modal-content .block-view-content{max-width:500px;width:100%;margin:0 auto}@media (max-width: 640px){.block-view-content{padding:20px}.block-view-content .block-stats-container .block-stats-grid,.block-view-content .stats-section .stats-grid{grid-template-columns:1fr;gap:12px}.block-view-content .block-actions{flex-direction:column}.block-view-content .block-actions .btn-secondary,.block-view-content .block-actions .btn-primary{width:100%;justify-content:center}}.blocks-heading-left{display:flex;align-items:center;gap:.75rem}.blocks-heading-left .blocks-heading-icon{display:flex;align-items:center;justify-content:center}.blocks-heading-left .blocks-heading-icon svg{width:1.5rem;height:1.5rem;color:#008c9c}@media (prefers-color-scheme: dark){.blocks-heading-left .blocks-heading-icon svg{color:#9ca3af}}.blocks-heading-left .blocks-heading-title{font-size:22px;font-weight:600;color:#008c9c;margin-top:10px}.block-update-container .block-update-header{margin-bottom:24px}.block-update-container .block-update-form .fields-grid{display:flex;flex-direction:row;gap:20px}.block-update-container .block-update-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:16px}.block-update-container .error-message{color:#dc2626;font-size:14px;margin-bottom:16px}.form-section{padding:1.5rem;border-radius:.5rem}@media (max-width: 768px){.block-update-container{padding:16px;width:100%}.block-update-container .block-update-form .fields-grid{grid-template-columns:1fr;gap:32px;padding:0}}.block-create-container .block-create-header{margin-bottom:24px}.block-create-container .block-create-form .fields-grid{display:flex;flex-direction:row;gap:20px}.block-create-container .block-create-form .fields-grid .form-group{width:100%}.block-create-container .block-create-form .sub-fields-grid{display:flex;flex-direction:row;gap:20px}.block-create-container .block-create-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:16px}.block-create-container .success-message{background-color:#d4edda;color:#155724;padding:12px;border-radius:4px;margin-bottom:16px;border:1px solid #c3e6cb;animation:fadeIn .3s ease-in}.block-create-container .error-message{color:#721c24}@media (max-width: 768px){.block-create-container{padding:16px;width:100%}.block-create-container .block-create-form .fields-grid{grid-template-columns:1fr;gap:32px;padding:0}}.cmp-textarea-input{width:100%}.cmp-textarea-input .form-field{position:relative;width:100%}.cmp-textarea-input .form-field .field-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 6px;font-size:14px;font-weight:500;color:#008c9c!important;z-index:1;white-space:nowrap;transition:color .2s}.cmp-textarea-input .form-field .field-label .required-asterisk{color:#dc2626;font-weight:700;margin-left:2px}.cmp-textarea-input .form-field .textarea-field{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#556176!important;background-color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;resize:vertical}.cmp-textarea-input .form-field .textarea-field:hover{border-color:#008c9c}.cmp-textarea-input .form-field .textarea-field:focus{outline:none;border-color:#008c9c!important;box-shadow:0 0 0 2px #008c9c1a!important}.cmp-textarea-input .form-field .textarea-field::placeholder{color:#9ca3af}.cmp-textarea-input .form-field .textarea-field.error{border-color:#dc2626}.cmp-textarea-input .form-field .textarea-field.error:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261a!important}.cmp-textarea-input .form-field .textarea-field:disabled{background-color:#f9fafb;color:#6b7280;border-color:#e5e7eb;cursor:not-allowed}.cmp-textarea-input .form-field .textarea-field:disabled::placeholder{color:#9ca3af}.cmp-textarea-input .error-message{color:#dc3545;font-size:12px;margin-top:.25rem}.form-group{margin-bottom:16px}.form-group .form-field .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#008c9c;margin:0;padding:0}.form-group .form-field .checkbox-label:hover .checkbox-field{border-color:#008c9c}.form-group .form-field .checkbox-label .checkbox-field{width:16px;height:16px;margin:0;cursor:pointer;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;transition:all .2s ease}.form-group .form-field .checkbox-label .checkbox-field:checked{background-color:#008c9c;border-color:#008c9c;position:relative}.form-group .form-field .checkbox-label .checkbox-field:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.form-group .form-field .checkbox-label .checkbox-field:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #3b82f61a}.form-group .form-field .checkbox-label .checkbox-field:disabled{background-color:#f3f4f6;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.form-group .form-field .checkbox-label .checkbox-field.error{border-color:#58da6e}.form-group .form-field .checkbox-label .checkbox-text{-webkit-user-select:none;user-select:none;line-height:1.4}.form-group .form-field .error-message{display:block;color:#dc2626;font-size:12px;margin-top:4px}.ant-checkbox .ant-checkbox-inner{border-color:#008c9c!important;background-color:#fff!important;border-width:2px!important;border-radius:4px!important;width:16px!important;height:16px!important}.ant-checkbox .ant-checkbox-inner:hover{border-color:#008c9c!important}.ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:#fff!important;border-color:#008c9c!important;position:relative!important}.ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after{content:""!important;position:absolute!important;top:2px!important;left:4px!important;width:4px!important;height:8px!important;border:solid #008c9c!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;display:block!important}.ant-checkbox:hover .ant-checkbox-inner{border-color:#008c9c!important}.ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner{background-color:#f3f4f6!important;border-color:#d1d5db!important;opacity:.6!important}.ant-checkbox.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner{background-color:#fff!important;border-color:#008c9c!important;opacity:.6!important}.ant-checkbox.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner:after{border-color:#008c9c!important}.form-group .ant-checkbox .ant-checkbox-inner{border-color:#008c9c!important;background-color:#fff!important;border-width:2px!important;border-radius:4px!important;width:16px!important;height:16px!important}.form-group .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:#fff!important;border-color:#008c9c!important;position:relative!important}.form-group .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after{content:""!important;position:absolute!important;top:2px!important;left:4px!important;width:4px!important;height:8px!important;border:solid #008c9c!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;display:block!important}.community-profile-container{display:flex;gap:5px}.community-profile-container .profile-left{flex:0 0 35%;min-width:0}.community-profile-container .profile-right{flex:1;min-width:0}.community-profile-container .profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;height:fit-content;height:416px}.community-profile-container .profile-card .profile-title{font-size:20px;font-weight:600;color:#008c9c;margin:0 0 24px;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.community-profile-container .profile-left .community-profile-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-direction:row}.community-profile-container .profile-left .community-profile-header .profile-avatar{position:relative}.community-profile-container .profile-left .community-profile-header .profile-avatar .society-logo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #008c9c;display:block}.community-profile-container .profile-left .community-profile-header .profile-avatar .avatar-placeholder{width:100px;height:100px;border-radius:50%;background:#008c9c;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:32px}.community-profile-container .profile-left .community-profile-header .profile-name h4{margin:0;font-size:18px;font-weight:600;color:#008c9c}.community-profile-container .profile-left .community-profile-header .profile-name p{margin:4px 0 0;color:#6b7280;font-size:14px}.community-profile-container .profile-left .profile-section{margin-bottom:20px}.community-profile-container .profile-left .profile-section .profile-label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.community-profile-container .profile-left .profile-section .profile-bio{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;color:#4b5563;min-height:60px;line-height:1.5}.community-profile-container .profile-left .profile-section .profile-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;color:#4b5563;font-size:14px}.community-profile-container .profile-left .save-button{width:100%;background:#10b981;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-weight:500;cursor:pointer;transition:background-color .2s}.community-profile-container .profile-left .save-button:hover{background:#059669}.community-profile-container .profile-right .edit-form .form-group{margin-bottom:20px}.community-profile-container .profile-right .edit-form .form-group .form-label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.community-profile-container .profile-right .edit-form .form-group .form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.community-profile-container .profile-right .edit-form .form-group .form-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #3b82f61a}.community-profile-container .profile-right .edit-form .form-group .form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.community-profile-container .profile-right .edit-form .form-group .form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:80px;font-family:inherit}.community-profile-container .profile-right .edit-form .form-group .form-textarea:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #3b82f61a}.community-profile-container .profile-right .edit-form .form-group .form-textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.community-profile-container .profile-right .edit-form .form-row{display:flex;gap:16px}.community-profile-container .profile-right .edit-form .form-row .form-group{flex:1}.community-profile-container .profile-right .edit-form .community-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.community-profile-container .profile-right .edit-form .community-form-actions .cancel-button{background:#6b7280;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-weight:500;cursor:pointer;transition:background-color .2s}.community-profile-container .profile-right .edit-form .community-form-actions .cancel-button:hover{background:#4b5563}.community-profile-container .profile-right .edit-form .community-form-actions .update-button{background:#10b981;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-weight:500;cursor:pointer;transition:background-color .2s}.community-profile-container .profile-right .edit-form .community-form-actions .update-button:hover{background:#059669}.community-banking-section{padding:20px}.community-banking-section .banking-table-container .custom-table-container .custom-table{width:100%;border-collapse:collapse}.community-banking-section .banking-table-container .custom-table-container .custom-table th{background:#f8f9fa;padding:16px 12px;text-align:left;font-weight:600;color:#008c9c;border-bottom:2px solid #e5e7eb;font-size:14px}.community-banking-section .banking-table-container .custom-table-container .custom-table td{padding:16px 12px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#4b5563}.community-banking-section .banking-table-container .custom-table-container .custom-table tr:hover{background-color:#f9fafb}.account-name{font-weight:600;color:#1f2937}.account-number{font-family:Courier New,Courier,monospace;font-size:13px;color:#4b5563}.ifsc-code{font-family:Courier New,Courier,monospace;font-weight:500;color:#4b5563}.bank-name{font-weight:600;color:#1f2937}.banking-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.banking-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.banking-modal .banking-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:-20px}.banking-modal .banking-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.banking-modal .banking-modal-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.banking-modal .banking-modal-header .close-button:hover{background:#f3f4f6;color:#374151}.banking-modal .banking-form{padding:24px}.banking-modal .banking-form .form-row{display:flex;gap:16px;margin-bottom:20px}.banking-modal .banking-form .form-row .form-group{flex:1}.banking-modal .banking-form .form-row .checkbox-field{display:flex;align-items:center}.banking-modal .banking-form .banking-form-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.banking-modal{width:95%;margin:20px}.banking-modal .banking-form .form-row{flex-direction:column;gap:0}.banking-modal .banking-form .banking-form-actions{flex-direction:column}.banking-modal .banking-form .banking-form-actions .cmp-button-container,.banking-modal .banking-form .banking-form-actions .cmp-button-container .cmp-button{width:100%}}.community-details{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.community-details .fields-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:12px;row-gap:10px}.community-details .fields-grid .form-group.full-width{grid-column:1/-1}.community-details .fields-grid .checkbox-group-container .checkbox-group{display:flex;flex-direction:column;gap:8px}.community-details .fields-grid .name-group-container .name-group{display:flex;gap:12px}.community-details .fields-grid .name-group-container .name-group .form-group{flex:1}@media (max-width: 768px){.community-profile-container{flex-direction:column;gap:16px;padding:16px}.community-profile-container .profile-card{padding:20px}.community-profile-container .profile-right .edit-form .form-row{flex-direction:column;gap:0}.community-profile-container .profile-right .edit-form .community-form-actions{flex-direction:column;gap:8px}.community-profile-container .profile-right .edit-form .community-form-actions .cancel-button,.community-profile-container .profile-right .edit-form .community-form-actions .update-button{width:100%}.community-details .fields-grid{grid-template-columns:1fr;row-gap:16px;column-gap:0}}.close-button{background:none;border:none;cursor:pointer;font-size:24px;color:#556176;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease}.close-button:hover:not(:disabled){color:#3a4553}.close-button:disabled{cursor:not-allowed;opacity:.6}.close-button:focus{outline:2px solid #556176;outline-offset:2px}.residential-container .residential-heading{display:flex;justify-content:space-between;align-items:center}.residential-container .residential-heading .count-badge{width:100%;display:flex;justify-content:flex-end;color:#110909;border-radius:20px;font-size:16px;font-weight:600}.residential-container .residential-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a}.residential-container .residential-table th,.residential-container .residential-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.residential-container .residential-table th{background-color:#f8f9fa;font-weight:600}.residential-container .residential-table tr:hover{background-color:#f5f5f5}.residential-container .residential-table .action-btn{padding:6px 12px;margin:0 4px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.residential-container .residential-table .action-btn.view{background-color:#007bff;color:#fff}.residential-container .residential-table .action-btn.edit{background-color:#28a745;color:#fff}.residential-container .residential-table .action-btn:hover{opacity:.9}.residential-container .no-data{text-align:center;padding:20px;color:#666}.table-container{overflow-x:auto;box-shadow:0 2px 8px #0001}.residential-view .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%}.residential-view-container h2{color:#008c9c;font-size:24px;font-weight:600;padding-bottom:12px}.residential-view-container .unit-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.residential-view-container .unit-info-grid .text-label{display:flex;align-items:flex-start;gap:8px;margin:0;font-weight:500;color:#6b7280;white-space:nowrap;min-width:0}.residential-view-container .unit-info-grid .text-label svg{color:#008c9c;flex-shrink:0}.residential-view-container .unit-info-grid .text-label .text-value{color:#6b7280;font-weight:600;margin-left:4px;flex:1;min-width:0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.residential-view-container .unit-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.residential-view-container .unit-details .form-group{width:100%}.residential-view-container .unit-details .detail-row{display:flex;margin-bottom:16px;padding:12px;background-color:#f8f9fa;border-radius:6px;transition:all .3s ease}.residential-view-container .unit-details .detail-row:hover{background-color:#e9ecef;transform:translate(4px)}.residential-view-container .unit-details .detail-row:last-child{margin-bottom:0}.residential-view-container .unit-details .detail-row .label{font-weight:600;width:160px;color:#495057;font-size:14px}.residential-view-container .unit-details .detail-row .value{flex:1;color:#212529;font-size:14px;padding-left:8px}.residential-view-container .modal-actions{margin-top:24px;display:flex;justify-content:flex-end;padding-top:1px}.residential-update .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.residential-update-container .unit-details{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.residential-update-container .unit-details .form-group{width:100%}.residential-update-container .unit-details .detail-row{display:flex;margin-bottom:16px;padding:12px;background-color:#f8f9fa;border-radius:6px;transition:all .3s ease}.residential-update-container .unit-details .detail-row:hover{background-color:#e9ecef}.residential-update-container .unit-details .detail-row .label{font-weight:600;width:160px;color:#495057;font-size:14px}.residential-update-container .unit-details .detail-row .value{flex:1;color:#212529;font-size:14px;padding-left:8px}.residential-update-container .unit-details .detail-row input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:#212529;background-color:#fff;transition:all .2s ease}.residential-update-container .unit-details .detail-row input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.residential-update-container .unit-details .detail-row input::placeholder{color:#adb5bd}.residential-update-container .modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px;padding-top:1px}.residential-create .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.residential-create-container .error-message{color:#d32f2f}.residential-create-container .exist-popup{background-color:#fff3e0;border:1px solid #ffe0b2;color:#e65100;padding:1.5rem;border-radius:4px;margin-bottom:1.5rem;text-align:center}.residential-create-container .exist-popup .exist-message{font-size:1.1rem;font-weight:500;margin-bottom:1rem}.residential-create-container .exist-popup button{min-width:100px}.residential-create-container .loading-message{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.residential-create-container .unit-details{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.residential-create-container .unit-details .form-group{width:100%}.residential-create-container .unit-details .detail-row{display:flex;align-items:center;padding:.75rem;border-radius:4px;background-color:#f8f9fa;transition:background-color .2s ease}.residential-create-container .unit-details .detail-row:hover{background-color:#e9ecef}.residential-create-container .unit-details .detail-row .label{flex:0 0 150px;font-weight:500;color:#495057}.residential-create-container .unit-details .detail-row input{flex:1;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;color:#495057;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.residential-create-container .unit-details .detail-row input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.residential-create-container .unit-details .detail-row input::placeholder{color:#adb5bd}.create-bulk .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.residential-create-container{max-width:1200px;padding:10px}.residential-create-container .input-fields-container{border-radius:8px;display:grid;gap:20px}.residential-create-container .input-fields-container .input-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;align-items:end}.residential-create-container .input-fields-container .input-row .input-group{min-width:0}.residential-create-container .input-fields-container .input-row .input-group .form-input,.residential-create-container .input-fields-container .input-row .input-group .form-select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out}.residential-create-container .input-fields-container .input-row .input-group .form-input:focus,.residential-create-container .input-fields-container .input-row .input-group .form-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.residential-create-container .input-fields-container .input-row .input-group .form-select{background-color:#fff}.residential-create-container .input-fields-container .input-row .input-group button{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:8px}.residential-create-container .table-section{margin-bottom:30px}.residential-create-container .table-section h3{margin-bottom:15px;color:#495057;font-size:18px;font-weight:600}.residential-create-container .modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.residential-create-container .exist-popup{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:15px;margin-bottom:20px}.residential-create-container .exist-popup .exist-message{margin-bottom:10px;color:#856404}.residential-create-container .loading-message{text-align:center;padding:40px;font-size:16px;color:#6c757d}@media (max-width: 768px){.create-bulk-container .residential-create-container{padding:10px}.create-bulk-container .residential-create-container .input-fields-container{padding:15px;grid-template-rows:auto auto}.create-bulk-container .residential-create-container .input-fields-container .input-row{grid-template-columns:1fr;gap:10px}}.error-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.error-details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.error-details-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.error-details-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.error-details-modal-header .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.error-details-modal-header .close-btn:hover{background-color:#f3f4f6;color:#008c9c}.error-details-modal-header .close-btn svg{width:20px;height:20px}.error-details-modal-body{padding:24px;flex:1;overflow-y:auto}.upload-summary{margin-bottom:32px}.upload-summary .summary-list{display:flex;flex-direction:column;margin-bottom:24px}.upload-summary .summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.upload-summary .summary-item:last-child{border-bottom:none}.upload-summary .summary-item .summary-label{font-size:16px;font-weight:500;color:#374151}.upload-summary .summary-item .summary-value{font-size:18px;font-weight:600;color:#1e293b}.upload-summary .summary-item.success .summary-value{color:#28a745}.upload-summary .summary-item.error .summary-value{color:#dc2626}.error-details-section{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:20px;margin-bottom:20px}.error-details-section .error-info{margin-bottom:16px}.error-details-section .error-info p{margin:0;color:#991b1b;font-size:14px;line-height:1.5}.error-details-section .download-section{display:flex;flex-direction:column;gap:8px}.error-details-section .download-section .download-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#008c9c;color:#fff;border:none;border-radius:6px;padding:12px 16px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.error-details-section .download-section .download-btn:hover:not(:disabled){background-color:#007a8a;transform:translateY(-1px)}.error-details-section .download-section .download-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.error-details-section .download-section .download-btn svg{flex-shrink:0}.error-details-section .download-section .file-name{font-size:12px;color:#6b7280;text-align:center;font-style:italic}.success-message{text-align:center;padding:32px 20px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.success-message .success-icon{font-size:48px;color:#059669;margin-bottom:16px;font-weight:700}.success-message p{margin:0;color:#065f46;font-weight:500;font-size:16px}.error-details-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}@media (max-width: 768px){.error-details-modal{width:95%;margin:20px;max-width:600px}.error-details-modal-header,.error-details-modal-body,.error-details-modal-footer{padding:16px}.summary-item{padding:10px 0}.summary-item .summary-label{font-size:14px}.summary-item .summary-value{font-size:16px}}@media (max-width: 640px){.error-details-modal{width:98%;margin:10px}.summary-item{padding:8px 0}.summary-item .summary-label{font-size:13px}.summary-item .summary-value{font-size:15px}}.unit-modal-container .heading-container{margin-bottom:20px}.unit-modal-container .no-data{text-align:center;color:#6c757d;padding:24px;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:12px;padding:20px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.unit-modal-view-container{min-width:500px}.unit-modal-view-container h2{margin-bottom:24px;color:#2196f3;border-bottom:2px solid #e9ecef;padding-bottom:12px}.unit-modal-view-container .unit-details{display:flex;gap:80px;margin-left:20px}.unit-modal-view-container .unit-details .form-group{width:100%}.unit-modal-view-container .unit-details .detail-row{display:flex;margin-bottom:16px;padding:12px;background-color:#f8f9fa;border-radius:6px;transition:all .3s ease}.unit-modal-view-container .unit-details .detail-row:hover{background-color:#e9ecef;transform:translate(4px)}.unit-modal-view-container .unit-details .detail-row:last-child{margin-bottom:0}.unit-modal-view-container .unit-details .detail-row .label{font-weight:600;width:160px;color:#495057;font-size:14px}.unit-modal-view-container .unit-details .detail-row .value{flex:1;color:#212529;font-size:14px;padding-left:8px}.unit-modal-view-container .modal-actions{margin-top:24px;display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #e9ecef}.modal-overlay .modal-content .modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modal-overlay .modal-content .unit-fields{display:flex;gap:10px}.modal-overlay .modal-content .modal-footer-unitModal{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.complaints-main{padding-left:2px;max-width:1400px;margin:0 auto}.complaints-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.complaints-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.complaints-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.complaints-title i{font-size:20px}.complaints-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.complaints-filters-container{display:flex;gap:80px;padding:20px;background-color:#fff;border-radius:8px;margin-bottom:20px;align-items:center}.complaints-filters-container .search-bar-complaints-wrapper .search-bar-container{width:50vw}.complaints-filters-container .filter-container{background-color:red;width:150px}.complaints-filters-container .search-bar-container .search-input{width:100%;border-radius:5px;line-height:normal}.complaints-filters-container .search-bar-container .search-input:focus{outline:none;border-color:#b0b0b0}.complaints-filters-container .filter-button,.complaints-filters-container .status-dropdown,.complaints-filters-container .filter-dropdown{padding:10px 15px;border:1px solid #e0e0e0;border-radius:5px;background-color:#fff;cursor:pointer;display:flex;align-items:center;gap:5px;width:120px}.complaints-filters-container .filter-button:focus,.complaints-filters-container .status-dropdown:focus,.complaints-filters-container .filter-dropdown:focus{outline:none;border-color:#b0b0b0}.complaints-filters-container .filter-dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-filter'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'%3E%3C/polygon%3E%3C/svg%3E");background-repeat:no-repeat;background-position:8px center;padding-left:35px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.complaints-list{display:flex;flex-direction:column;gap:20px}.status-dropdown{border-radius:8px;border:1px solid #e0e0e0;padding:.4rem 1.1rem;font-size:1rem;color:#333;margin-right:.5rem}.complaint-card{border-radius:12px;box-shadow:1 1px 5px #0000000d;font-family:Segoe UI,sans-serif;margin-bottom:20px;border:1px solid #c6cbd1;background:#fff;padding:20px;box-shadow:0 2px 4px #0000001a}.complaint-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.avatar{background-color:#f3e8ff;color:#2563eb;width:40px;height:40px;font-size:16px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.complaint-meta{flex:1}.complaint-tags{display:flex;align-items:center;gap:8px}.complaint-body{font-size:14px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3.2em}.complaint-body strong{display:block;font-size:15px}.complaint-footer{margin-top:12px;text-align:right;margin-right:30px;display:flex;gap:10px;justify-content:flex-end}.complaint-more-link{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500;cursor:pointer}.complaint-more-link:hover{text-decoration:underline}.complaint-expire{font-size:12px;color:#666;gap:10px}.complaint-footer-icons{margin-top:12px;display:flex;gap:12px;justify-content:flex-end;margin-right:30px}.complaint-menu-container{position:relative;display:inline-block;margin-left:6px}.complaint-menu-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;display:flex;align-items:center;transition:background-color .2s ease}.complaint-menu-btn:hover{background-color:#f3f4f6;color:#374151}.complaint-dropdown-menu{position:absolute;top:28px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 10px #0000001a;z-index:1000;min-width:140px;padding:6px 0}.complaint-dropdown-menu .complaint-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;text-align:left;color:#374151}.complaint-dropdown-menu .complaint-menu-item:hover{background-color:#f9fafb}.complaint-dropdown-menu .complaint-menu-item.delete{color:#dc2626}.complaint-meta-row{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:#6c757d;margin:8px 0 12px}.complaint-meta-row span{display:flex;align-items:center;gap:6px;white-space:nowrap}.complaint-meta-row svg{color:#6c757d}.posting-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.posting-modal .modal-overlay .modal-content::-webkit-scrollbar{display:none}.posting-main-conten{border-radius:16px;max-width:720px;animation:fadeIn .25s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.posting-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.posting-title h2{margin:0;font-size:22px;color:#008c9c;flex:1;line-height:1.4}.posting-back-button{background:none;color:#556176;padding:6px;font-size:16px;transition:all .2s ease}.posting-information{max-height:220px;overflow-y:auto;margin:16px 0;padding:12px;background:#f9fafb;border-radius:8px;font-size:15px;line-height:1.6;color:#374151;border-left:4px solid #008c9c}.posting-information::-webkit-scrollbar{width:8px}.posting-information::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.posting-information::-webkit-scrollbar-thumb:hover{background:#6b7280}.posting-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.posting-info-grid .text-label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#6b7280}.posting-info-grid .text-label svg{color:#008c9c;flex-shrink:0;margin-top:2px}.posting-info-grid .no-text-label{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#4b5563}.posting-info-grid .no-text-label svg{color:#008c9c;flex-shrink:0;margin-top:2px}.posting-info-grid .text-value{font-size:14px;color:#7d8d86;word-break:break-word;margin-left:0}.posting-image{margin:0 0 20px;padding:12px;background:#f9fafb;border-radius:8px;text-align:center}.posting-attachments-top{margin-bottom:15px}.posting-attachments-top .posting-main-image{width:100%;max-height:350px;object-fit:cover;border-radius:12px;border:1px solid #ddd}.posting-description{max-height:300px;overflow-y:auto;padding:10px;background-color:#faf9ee;margin-bottom:15px;border-radius:8px}.posting-description::-webkit-scrollbar{width:6px}.posting-description::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.posting-footer{display:flex;align-items:center;gap:20px;margin-bottom:15px}.posting-footer .icon-btn{display:flex;align-items:center;gap:5px;border:none;background:none;cursor:pointer;font-size:14px;color:#555}.posting-footer .icon-btn svg{stroke:#555}.posting-footer .icon-btn:hover{color:#000}.posting-footer .icon-btn.liked{color:#e63946}.posting-footer .icon-btn.liked svg{stroke:#e63946;fill:#e63946}.no-image-container{background-color:#555;height:20vh;border-radius:10px;display:flex;align-items:center;justify-content:center}.no-image-container p{color:#fff;text-align:center}.participants-container{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}.posting-comments h4{margin-bottom:7px;font-size:18px;font-weight:600}.posting-comments .comments-list{max-height:250px;overflow-y:auto;margin-bottom:10px;padding-right:5px}.posting-comments .comments-list .comment-parent{background:#e9f5ff;border:1px solid #b3d8ff;font-weight:500}.posting-comments .comments-list .comment-child{background:#f9f9f9;border:1px solid #ddd;margin-left:20px;font-size:13px}.posting-comments .comments-list .no-comments{font-size:14px;color:#888;text-align:center;padding:8px 0;margin-top:20px}.posting-comments .comment-input{display:flex;gap:10px}.posting-comments .comment-input input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.posting-comments .comment-input button{padding:8px 12px;background:#008c9c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px}.posting-comments .comment-input button:hover{background:#0056b3}.notes-section{margin-top:-30px;border-top:none}.comments-section{padding:0;background-color:#fff;border-radius:8px;box-shadow:none;font-family:Arial,sans-serif;margin-top:-10px}.comments-section .comments-heading{font-size:1.125rem;font-weight:600;margin-top:10px}.comments-section .notes-comments-list{margin-bottom:1.5rem}.comments-section .notes-comments-list .notes-comment-item{font-size:14px;padding:8px 10px;border-radius:10px;margin-top:10px;line-height:1.4;display:flex;align-items:flex-start;background:#f9fafb}.comments-section .notes-comments-list .notes-comment-item .comment-content{flex:1;display:flex;align-items:flex-start}.comments-section .notes-comments-list .notes-comment-item .comment-content .comment-header{display:flex;align-items:center;gap:8px}.comments-section .notes-comments-list .notes-comment-item .comment-content .commenter-name{font-weight:600;color:#111827;margin-right:.5rem}.comments-section .notes-comments-list .notes-comment-item .comment-content .commenter-role-badge{background:#f3f3f3;color:#333;border-radius:8px;padding:2px 8px;font-size:12px;margin-left:6px;margin-right:6px;font-weight:500;border:1px solid #e0e0e0}.comments-section .notes-comments-list .notes-comment-item .comment-content .commenter-time{color:#888;font-size:12px;margin-left:8px}.comments-section .notes-comments-list .notes-comment-item .comment-content .comment-text{font-size:13px;color:#888;line-height:1.5;margin-top:5px}.comments-section .notes-comments-list .notes-comment-item .avatar{width:40px;height:40px;border-radius:50%;background-color:#e0e0e0;color:#008c9c;display:flex;justify-content:center;align-items:center;font-weight:700;margin-right:1rem;flex-shrink:0;font-size:1.1rem}.comments-section .notes-comments-list .notes-comment-item .author{flex:1}.comments-section .notes-comments-list .notes-comment-item .author .sub-infor{font-size:13px;color:#888}.comments-section .notes-comments-list .notes-comment-item .comment-actions{margin-top:4px;display:flex;gap:8px}.comments-section .notes-comments-list .notes-comment-item .comment-actions .icon-btn{background:none;border:none;cursor:pointer;color:#555;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:10px}.comments-section .notes-comments-list .notes-comment-item .comment-actions .icon-btn p{margin-top:10px}.comments-section .notes-comments-list .notes-comment-item .comment-actions .icon-btn p:hover{color:#007bff}.comments-section .notes-comments-list .notes-comment-item .comment-actions .icon-btn svg{width:16px;height:16px}.comments-section .notes-comments-list .notes-comment-item .comment-actions .icon-btn:hover{color:#007bff}.comments-section .notes-comments-list .notes-comment-item .comment-actions .icon-btn.comment-delete-btn:hover{color:#e63946}.comments-section .notes-comments-list .notes-comment-item .comment-delete-btn{background:none;margin-left:300px;border:none;cursor:pointer;color:#555;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.comments-section .notes-comments-list .notes-comment-item .comment-delete-btn:hover{color:red}.comments-section .comment-input-area{display:flex;flex-direction:row;gap:10px;align-items:center}.comments-section .comment-input-area .comment-input{flex-grow:1}.comments-section .comment-input-area .comment-input:focus{border-color:#008c9c;box-shadow:0 0 0 2px #3b82f640}.comments-section .comment-input-area .comment-input::placeholder{color:#9ca3af}.comments-section .comment-input-area .send-button{background-color:#008c9c;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease;margin-top:-30px}.comments-section .comment-input-area .send-button:hover{background-color:#008c9c}.comments-section .comment-input-area .send-button:disabled{background-color:#93c5fd;cursor:not-allowed}.comments-section .comment-input-area .send-button svg{margin-right:0;padding-left:-11px}.comments-section .reply-box{display:flex;gap:10px}.comments-section .reply-box input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.comments-section .reply-box button{padding:8px 12px;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px}.comments-section .reply-box button:hover{background:#0056b3}.comments-section .comment-menu-container{position:relative;display:flex;align-items:center}.comments-section .comment-menu-btn{background:none;border:none;cursor:pointer;color:#555;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.comments-section .comment-menu-btn:hover{color:#007bff;background-color:#f8f9fa}.comments-section .comment-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px;overflow:hidden}.comments-section .comment-menu-dropdown .menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;color:#333;font-size:14px;text-align:left;transition:background-color .2s ease}.comments-section .comment-menu-dropdown .menu-item:hover{background-color:#f8f9fa}.comments-section .comment-menu-dropdown .menu-item:first-child:hover{color:#007bff}.comments-section .comment-menu-dropdown .menu-item:last-child:hover{color:#e63946}.comments-section .comment-menu-dropdown .menu-item svg{width:14px;height:14px}.comments-section .edit-form{display:flex;gap:10px;margin-top:8px}.comments-section .edit-form .edit-input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.comments-section .edit-form .edit-input:focus{border-color:#007bff}.comments-section .edit-form .edit-actions{display:flex;gap:8px}.comments-section .edit-form .edit-actions .edit-save-btn,.comments-section .edit-form .edit-actions .edit-cancel-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.comments-section .edit-form .edit-actions .edit-save-btn{background:#007bff;color:#fff}.comments-section .edit-form .edit-actions .edit-save-btn:hover{background:#0056b3}.comments-section .edit-form .edit-actions .edit-cancel-btn{background:#6c757d;color:#fff}.comments-section .edit-form .edit-actions .edit-cancel-btn:hover{background:#5a6268}.complaint-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.complaint-modal .modal-overlay .modal-content::-webkit-scrollbar{display:none}.modal-overlay .modal-content{background-color:#fff;padding:24px;border-radius:10px;width:60vw;min-width:30vw;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;animation:modalFadeIn .3s ease-in-out}.modal-overlay .modal-content .complaint-modal-header{display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .complaint-modal-header h2{color:#008c9c;font-size:21px;font-weight:550;margin:0}.modal-overlay .modal-content .complaint-modal-footer{display:flex;justify-content:flex-end;margin-top:-30px;gap:12px}.modal-overlay .modal-content .close-button{position:absolute;top:16px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:#888;z-index:10;transition:color .2s}.modal-overlay .modal-content .close-button:hover{background-color:#f2f2f2}.modal-overlay .modal-content .complaint-form .form-group .complaint-checkbox-group{margin-top:-50px}.modal-overlay .modal-content .complaint-form .form-grid-container .form-group .nature-field{grid-column:1/-1;margin-top:-10px}.modal-overlay .modal-content .complaint-form .form-grid-container .file-upload-group .form-label,.modal-overlay .modal-content .complaint-form .form-group.radio-group .form-label{color:#0056b3}.modal-overlay .modal-content .complaint-form .form-row{display:flex;gap:20px;width:100%;margin-bottom:15px}.modal-overlay .modal-content .complaint-form .form-row .form-group{flex:1;min-width:0}.modal-overlay .modal-content .complaint-form .form-row .radio-group .radio-options{display:flex;gap:15px}.modal-overlay .modal-content .complaint-form .form-group label{display:block;margin-bottom:6px;font-weight:600}.modal-overlay .modal-content .complaint-form .form-group label .form-field{margin-top:20px}.modal-overlay .modal-content .complaint-form .complaint-checkbox-group{display:flex;flex-direction:row;gap:20px;align-items:center;margin-top:0;margin-bottom:0}.modal-overlay .modal-content .complaint-form .complaint-checkbox-group .checkbox-option{display:flex;align-items:center;gap:8px;padding:0;margin:0}.modal-overlay .modal-content .complaint-form .complaint-checkbox-group label{margin:0;font-weight:400;color:#333;display:flex;align-items:center;gap:8px}.modal-overlay .modal-content .complaint-form .radio-options{display:flex;flex-wrap:wrap;gap:20px}.modal-overlay .modal-content .complaint-form .radio-options label{display:flex;align-items:center;gap:8px;font-weight:400;color:#555;cursor:pointer}.modal-overlay .modal-content .complaint-form .radio-options label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:50%;outline:none;cursor:pointer;transition:border-color .2s,background-color .2s;flex-shrink:0}.modal-overlay .modal-content .complaint-form .radio-options label input[type=radio]:checked{border-color:#007bff;background-color:#007bff;position:relative}.modal-overlay .modal-content .complaint-form .radio-options label input[type=radio]:checked:before{content:"";width:8px;height:8px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay .modal-content .complaint-form .radio-options label input[type=radio]:disabled{background-color:#e9ecef;border-color:#dee2e6;cursor:not-allowed}.modal-overlay .modal-content .complaint-form .radio-options label input[type=radio]:disabled:checked{background-color:#a0c3ec;border-color:#a0c3ec}.modal-overlay .modal-content .complaint-form .narrow-field{max-width:220px;width:100%}.modal-overlay .modal-content input[type=text],.modal-overlay .modal-content textarea,.modal-overlay .modal-content select{width:100%;border:1px solid #dcdcdc;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.modal-overlay .modal-content input[type=text]:focus,.modal-overlay .modal-content textarea:focus,.modal-overlay .modal-content select:focus{border-color:#007bff;outline:none}.modal-overlay .modal-content textarea{resize:vertical;min-height:100px}.modal-overlay .modal-content .form-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}@media (max-width: 768px){.modal-overlay .modal-content .form-grid-container{grid-template-columns:1fr}}.modal-overlay .modal-content .form-grid-container .form-group{margin-bottom:0;width:100%;box-sizing:border-box}.modal-overlay .modal-content .form-grid-container .form-group .input-field,.modal-overlay .modal-content .form-grid-container .form-group select.form-control{width:100%;box-sizing:border-box}.modal-overlay .modal-content .form-grid-container .form-group:has(textarea){grid-column:1/-1}.modal-overlay .modal-content .form-grid-container .form-group.nature-field{grid-column:1/-1}.modal-overlay .modal-content .form-grid-container .file-upload-group,.modal-overlay .modal-content .form-grid-container .checkbox-group{margin-top:0;box-sizing:border-box}.modal-overlay .file-upload-group{margin-bottom:20px;position:relative}.modal-overlay .file-upload-group .form-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 6px;font-size:.75rem;font-weight:500;color:#333;z-index:1;white-space:nowrap}.modal-overlay .file-upload-group .file-input-container{display:flex;align-items:center;border:1px solid #dcdcdc;border-radius:6px;padding:8px;background-color:#fff;min-height:44px;box-sizing:border-box;height:20px}.modal-overlay .file-upload-group .file-input-container .hidden-file-input{display:none}.modal-overlay .file-upload-group .file-input-container .choose-file-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background-color:#e0e0e0;color:#333;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s,border-color .2s;height:10px}.modal-overlay .file-upload-group .file-input-container .choose-file-button:hover{background-color:#d0d0d0}.modal-overlay .file-upload-group .file-input-container .choose-file-button:disabled{background-color:#f4f4f4;color:#999;cursor:not-allowed}.modal-overlay .file-upload-group .file-input-container .file-name-display{margin-left:10px;color:#555;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.modal-overlay .checkbox-group{border:1px solid #dcdcdc;border-radius:6px;padding:12px;position:relative;margin-top:20px}.modal-overlay .checkbox-group .form-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 6px;font-size:.75rem;font-weight:500;color:#333;z-index:1;white-space:nowrap}.modal-overlay .checkbox-group .checkbox-option{display:flex;align-items:center;gap:8px;font-weight:400;color:#555;cursor:pointer}.modal-overlay .checkbox-group .checkbox-option input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:4px;outline:none;cursor:pointer;transition:border-color .2s,background-color .2s;flex-shrink:0}.modal-overlay .checkbox-group .checkbox-option input[type=checkbox]:checked{border-color:#007bff;background-color:#007bff;position:relative}.modal-overlay .checkbox-group .checkbox-option input[type=checkbox]:checked:before{content:"✓";font-size:14px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay .checkbox-group .checkbox-option input[type=checkbox]:disabled{background-color:#e9ecef;border-color:#dee2e6;cursor:not-allowed}.modal-overlay .checkbox-group .checkbox-option input[type=checkbox]:disabled:checked{background-color:#a0c3ec;border-color:#a0c3ec}button{padding:10px 20px;border-radius:6px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:background .3s ease}button.cancel-button{background-color:#f4f4f4;color:#333}button.cancel-button:hover{background-color:#e0e0e0}button.submit-button{background-color:#007bff;color:#fff}button.submit-button:hover{background-color:#0056b3}@media (max-width: 768px){.modal-content{width:95%;margin:10px}.form-row{flex-direction:column}}.form-error{color:#dc3545;font-size:.85rem;margin-top:4px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:0;width:100%;position:relative}.form-group .form-field{position:relative;width:100%}.form-group .form-field .field-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 6px;font-size:14px;font-weight:500;color:#008c9c;z-index:1;white-space:nowrap}.form-group .form-field .input-field{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group .form-field .input-field:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 2px #3b82f61a}.form-group .form-field .input-field::placeholder{color:#9ca3af}.form-group .form-field .input-field.error{border-color:#dc2626}.form-group .form-field .input-field.error:focus{box-shadow:0 0 0 2px #dc26261a}.form-group .form-field .input-field:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-group .form-field .input-field.show-arrow{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.form-group .form-field .input-field .dropdown-list{background-color:red}.form-group .error-message{color:#dc2626;font-size:12px;margin-top:4px}.form-group .ant-select.ant-select-multiple .ant-select-selection-item{display:flex!important;align-items:center!important;background-color:#e5e7eb!important;border:1px solid #d1d5db!important;border-radius:4px!important;padding:2px 8px!important;margin:2px 4px 2px 0!important;font-size:12px!important;line-height:1.4!important;color:#556176!important}.form-group .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-content{display:flex!important;align-items:center!important}.form-group .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:4px!important;color:#6b7280!important;font-size:12px!important;line-height:1!important;cursor:pointer!important;transition:color .2s ease!important;vertical-align:middle!important;height:auto!important}.form-group .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove>*{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important}.form-group .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove .anticon{vertical-align:middle!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.form-group .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove:hover{color:#dc2626!important}.side-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;animation:fadeIn .3s ease-in-out}.side-modal{position:fixed;top:5vh;right:2px;height:89vh;width:400px;max-width:90vw;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1001;animation:slideInRight .3s ease-in-out;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;margin-top:37px}.side-modal-content{display:flex;flex-direction:column;height:100%}.side-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.side-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#374151}.side-modal-header .side-modal-title{margin:0;font-size:20px;font-weight:700;color:#111827}.side-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.side-modal-close:hover{background:#e5e7eb;color:#374151}.side-modal-body{flex:1;padding:20px;overflow-y:auto}.side-modal-subtitle{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.side-modal-description{font-size:14px;line-height:1.65;color:#374151}.side-modal-description h3{margin:16px 0 8px;font-size:15px;font-weight:700;color:#111827}.side-modal-description p{margin:8px 0}.side-modal-description ol,.side-modal-description ul{margin:8px 0 12px 20px;padding:0}.side-modal-description li{margin:4px 0}.side-modal-description strong{color:#111827;font-weight:600}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.side-modal{width:100vw;max-width:100vw}}.notice-main{padding-left:2px;max-width:1400px;margin:0 auto}.notices-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.notices-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.notices-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.notices-title i{font-size:20px}.notices-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.notice-filters-container{display:flex;gap:80px;padding:20px;background-color:#fff;border-radius:8px;margin-bottom:20px;align-items:center}.notice-filters-container .search-bar-notice-wrapper .search-bar-container{width:50vw}.notice-filters-container .filter-button,.notice-filters-container .status-dropdown,.notice-filters-container .filter-dropdown{padding:10px 15px;border:1px solid #e0e0e0;border-radius:5px;background-color:#fff;cursor:pointer;display:flex;align-items:center;gap:5px;width:120px}.notice-filters-container .filter-button:focus,.notice-filters-container .status-dropdown:focus,.notice-filters-container .filter-dropdown:focus{outline:none;border-color:#b0b0b0}.notice-filters-container .filter-dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-filter'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'%3E%3C/polygon%3E%3C/svg%3E");background-repeat:no-repeat;background-position:8px center;padding-left:35px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.notice-table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px #0000000d;background-color:#fff}.notice-table{width:100%;border-collapse:collapse}.notice-table thead tr{background-color:#f8f8f8}.notice-table thead tr th{padding:15px 20px;text-align:left;font-size:.9rem;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0;white-space:nowrap}.notice-table thead tr th:first-child{border-top-left-radius:8px}.notice-table thead tr th:last-child{border-top-right-radius:8px}.notice-table tbody tr:nth-child(2n){background-color:#fdfdfd}.notice-table tbody tr:hover{background-color:#f5f5f5}.notice-table tbody tr td{padding:15px 20px;font-size:.9rem;color:#444;vertical-align:middle}.notice-table tbody tr td .notice-image-placeholder{width:40px;height:40px;border-radius:50%;background-color:#6a6ad4;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.2rem}.notice-table tbody tr td .status-badge{padding:5px 10px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:capitalize}.notice-table tbody tr td .status-badge.approved{background-color:#e6f7d9;color:#52c41a}.notice-table tbody tr td .status-badge.pending{background-color:#fffbe6;color:#faad14}.notice-table tbody tr td .status-badge.rejected{background-color:#ffe6e6;color:#f5222d}.notice-table tbody tr td .status-badge.announcement{background-color:#e3f2fd;color:#1976d2}.notice-table tbody tr td .status-badge.proposal{background-color:#f0e6fa;color:#722ed1}.notice-table tbody tr td .action-button{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease}.notice-table tbody tr td .action-button:hover{background-color:#f0f0f0}.notice-table tbody tr:last-child td{border-bottom:none}.notice-table tbody .no-notices-found{text-align:center;padding:50px;color:#777;font-style:italic}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 0}.pagination-controls .entries-info{font-size:.9rem;color:#555}.pagination-controls .pagination-buttons{display:flex;gap:8px}.pagination-controls .pagination-buttons button{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:.9rem;color:#333;transition:background-color .2s ease,border-color .2s ease}.pagination-controls .pagination-buttons button:hover{background-color:#f0f0f0}.pagination-controls .pagination-buttons button.active{background-color:#007bff;color:#fff;border-color:#007bff}.pagination-controls .pagination-buttons button:disabled{opacity:.5;cursor:not-allowed}.notice-container{padding:20px;width:100%;max-width:1200px;margin:0 auto}.notice-container h1{color:#333;margin-bottom:20px}.notice-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.notice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:20px}.notice-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.notice-date{color:#888;font-size:.9em;display:block}.notice-details h2{margin-bottom:16px;color:#333}.notice-details p{margin-bottom:12px;line-height:1.5}.notice-details .notice-meta{margin-top:20px;padding-top:16px;border-top:1px solid #eee}.notice-details .notice-meta p{margin-bottom:8px;color:#666}.modal-header .close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.modal-header .close-button:hover{background-color:#f0f0f0}.modal-header .close-button svg{color:#666}@media (max-width: 768px){.modal-content{width:95%;padding:20px}.modal-body .notice-grid{grid-template-columns:1fr;gap:20px}}.notice-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-overlay .modal-content{background:#fff;padding:24px;border-radius:12px;width:60vw;min-width:30vw;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000001a}.modal-overlay .modal-content .notice_header h2{color:#2563eb}.modal-overlay .notice-modal-close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:right;justify-content:right}.modal-overlay .notice-modal-close-button:hover{background-color:#f0f0f0}.modal-overlay .notice-modal-close-button svg{color:#666}.modal-overlay .notice-modal-body{width:100%}.modal-overlay .notice-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-overlay .notice-modal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.modal-overlay .notice-modal__file-chosen-text{display:block;padding:10px 15px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;background-color:#f8f8f8;color:#555;cursor:pointer}.modal-overlay .notice-modal__file-chosen-text:before{content:"Choose File";display:inline-block;background:#e0e0e0;border:1px solid #ccc;border-radius:3px;padding:5px 10px;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-weight:700;font-size:10pt;margin-right:10px}.modal-overlay .notice-modal__file-chosen-text:hover:before{border-color:#aaa}.notice-modal__checkbox-group{display:flex;flex-direction:row;gap:10px}.notice-modal__checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;color:#333;margin-bottom:0}.notice-modal__checkbox-group label input[type=checkbox]{width:auto;margin:0}.notice-modal__footer{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.notice-modal__submit-button{width:100%;padding:12px 0;font-size:1.1em;background-color:#0d47a1;color:#fff;border:none;border-radius:4px;cursor:pointer}.notice-modal__submit-button:hover{background-color:#0a3a82}.notice-modal__full-width-button{width:100%;margin-top:-20px}.notice-modal__success-message{color:green;margin-bottom:10px}.notice-modal__error-message{color:red;margin-bottom:10px}.notice-modal__description-row{grid-column:1/-1;width:100%;display:flex;flex-direction:column;align-items:flex-start}.notice-modal__form-group{grid-column:1/-1}@media (max-width: 768px){.notice-modal__content{width:95%;padding:20px}.notice-modal__form{grid-template-columns:1fr;gap:15px}}.notice-modal__form-group{margin-bottom:10px}.notice-modal__form-group.multiselect-dropdown{position:relative}.committe-management-layout{display:flex;min-height:100vh}.committe-management-layout .committe-sidebar{width:350px;background:#fff;border-right:1px solid #ececec;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;min-height:100vh;box-shadow:0 2px 8px #0001}.committe-management-layout .committe-sidebar .committe-search{width:90%;padding:.6rem 1rem;border-radius:6px;border:1px solid #e0e0e0;margin-bottom:1.2rem;font-size:1rem;background:#f7f8fa}.committe-management-layout .committe-sidebar .committe-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;gap:30px}.committe-management-layout .commmitte-title,.committe-management-layout .committe-title{color:#008c9c;font-size:1.3rem;font-weight:600}.committe-management-layout .commmitte-add-btn,.committe-management-layout .committe-add-btn{background:#008c9c;color:#fff;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s}.committe-management-layout .commmitte-add-btn:hover,.committe-management-layout .committe-add-btn:hover{background:#007a8a}.committe-management-layout .commmitte-list,.committe-management-layout .committe-list{flex:1;overflow-y:auto;margin-top:20px}.committe-management-layout .commmitte-list .committe-list-item,.committe-management-layout .committe-list .committe-list-item{background:#fff;border-radius:8px;padding:1rem 1rem .7rem;margin-bottom:.7rem;border:1px solid #a8c8c8;cursor:pointer;transition:border .18s,background .18s;box-shadow:0 1px 2px #14b8a60a;padding-right:9px}.committe-management-layout .commmitte-list .committe-list-item:hover,.committe-management-layout .commmitte-list .committe-list-item.selected,.committe-management-layout .committe-list .committe-list-item:hover,.committe-management-layout .committe-list .committe-list-item.selected{border:2px solid #008c9c;background:#f0fdfa}.committe-management-layout .commmitte-list .committe-list-item .committe-list-item-header,.committe-management-layout .committe-list .committe-list-item .committe-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.committe-management-layout .commmitte-list .committe-list-item .committe-list-item-title,.committe-management-layout .committe-list .committe-list-item .committe-list-item-title{font-weight:490;font-size:16px;color:#008c9c}.committe-management-layout .commmitte-list .committe-list-item .committe-status,.committe-management-layout .committe-list .committe-list-item .committe-status{font-size:.95rem;padding:.1rem .8rem;border-radius:12px;font-weight:600;background:#e6f4ea;color:#22c55e}.committe-management-layout .commmitte-list .committe-list-item .committe-status.active,.committe-management-layout .committe-list .committe-list-item .committe-status.active{background:#e6f4ea;color:#22c55e}.committe-management-layout .commmitte-list .committe-list-item .committe-status.inactive,.committe-management-layout .committe-list .committe-list-item .committe-status.inactive{background:#fbe9e7;color:#d32f2f}.committe-management-layout .commmitte-list .committe-list-item .committe-list-item-desc,.committe-management-layout .committe-list .committe-list-item .committe-list-item-desc{color:#666;font-size:13px;margin-bottom:.2rem;margin-top:10px}.committe-management-layout .commmitte-list .committe-list-item .committe-list-item-meta,.committe-management-layout .committe-list .committe-list-item .committe-list-item-meta{color:#888;font-size:14px}.committe-list{max-height:calc(100vh - 250px);overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent}.committe-list::-webkit-scrollbar{width:6px}.committe-list::-webkit-scrollbar-track{background:transparent}.committe-list::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:4px}.committe-list::-webkit-scrollbar-thumb:hover{background-color:#999}.committe-view-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000021;display:flex;align-items:center;justify-content:center;z-index:1002}.committe-view-modal-content{background:#fff;border-radius:14px;padding:1rem;min-width:50vw;max-width:95vw;box-shadow:0 2px 8px #00000014;position:relative;margin-top:20px;margin-bottom:20px}.committe-view-modal-close{position:absolute;top:1.1rem;right:1.3rem;background:none;border:none;font-size:2rem;color:#888;cursor:pointer}.committe-info-grid{display:flex;gap:2.5rem;margin-bottom:1.1rem;margin-top:1.2rem}.committe-info-label{color:#888;font-size:1rem;margin-bottom:.1rem}.committe-info-value{font-size:1.08rem;font-weight:500;color:#222;margin-bottom:.2rem;margin-top:10px}.committe-status-badge{display:inline-block;padding:.18rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;background:#e6f4ea;color:#22c55e;white-space:nowrap;max-width:none;box-sizing:border-box;overflow:visible;text-overflow:unset}.committe-status-badge.active{background:#e6f4ea;color:#22c55e}.committe-status-badge.inactive{background:#fbe9e7;color:#d32f2f}.actions-cell{display:flex;gap:.5rem;align-items:center;margin-top:10px;margin-left:10px}.action-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#f5f5f5}.action-btn svg{color:#666}.action-btn.delete-btn:hover{background:#fef2f2}.action-btn.delete-btn:hover svg{color:#dc2626}.action-btn:hover svg{color:#333}.committe-details-section{margin:1.5rem 0;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.committe-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-size:.875rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:1rem;color:#212529;font-weight:500}.detail-item span.committee-id{font-family:Courier New,monospace;background:#e9ecef;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.detail-item span.committee-name{font-weight:600;color:#495057}.committe-members-section{margin-top:-10px;margin-left:-10px}.committe-members-section h3{margin-bottom:1rem;color:#008c9c;font-size:1.25rem;font-weight:600}.committe-members-section .com-table-container{width:100%}.committe-members-section .com-table-container .custom-table-container{box-shadow:none}.empty-committee-state{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.empty-state-message{text-align:center;color:#6c757d}.empty-state-message h3{color:#495057;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state-message p{font-size:1rem;margin:0;line-height:1.5}.role-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;display:flex;align-items:center;justify-content:center;z-index:1003}.role-modal-content{background:#fff;border-radius:14px;padding:2.2rem 2.5rem 2rem;min-width:380px;max-width:95vw;box-shadow:0 4px 32px #00000021;position:relative;margin-top:20px}.role-modal-content h2{margin:0 0 .2rem;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-bottom:20px;color:#008c9c}.role-modal-content p{margin-top:-2px;margin-left:10px}.role-modal-content .role-modal-subtitle{color:#666;margin-bottom:1.5rem;font-size:1.05rem}.role-modal-content form{display:flex;flex-direction:column;gap:1.2rem}.role-modal-content form .form-row{display:flex;gap:1.5rem;width:100%}.role-modal-content form .form-row .form-group{flex:1}.role-modal-content form .form-group{font-weight:500;font-size:1rem;display:flex;flex-direction:column;gap:.4rem}.role-modal-content form .help-text{font-size:.9rem;color:#888;margin-top:.4rem}.role-modal-content .role-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.role-modal-content .role-modal-actions button{font-size:1rem;padding:.6rem 1.5rem;border-radius:7px;border:none;font-weight:600;cursor:pointer;transition:background .18s,color .18s}.role-modal-content .role-modal-actions .cancel-btn{background:#fff;color:#222;border:1px solid #e0e0e0}.role-modal-content .role-modal-actions .cancel-btn:hover{background:#f3f3f3}.role-modal-content .role-modal-actions .create-role-btn{background:#008c9c;color:#fff}.role-modal-content .role-modal-actions .create-role-btn:hover:enabled{background:#007a8a}.role-modal-content .role-modal-actions .create-role-btn:disabled{background:#bdbdbd;cursor:not-allowed}.role-modal-content .role-modal-close-btn{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;padding:0;line-height:1}.role-modal-content .role-modal-close-btn:hover{color:#333}@media (max-width: 768px){.role-modal-content{padding:1.5rem 1.2rem}.form-row{flex-direction:column;gap:1rem}}@media (max-width: 480px){.role-modal-content{padding:1.2rem .8rem}.role-modal-actions{flex-direction:column;gap:.8rem}.role-modal-actions button{width:100%}}.committe-modal-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.committe-members-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.committe-members-card .committe-members-title{font-size:1.25rem;font-weight:600;color:#008c9c;margin-bottom:.25rem}.committe-members-card .status-badge{display:inline-block;padding:.18rem .8rem;border-radius:12px;font-size:.9rem;font-weight:600;background:#e6f4ea;color:#22c55e;white-space:nowrap;max-width:100%;box-sizing:border-box}.committe-members-card .status-badge.active{background:#e6f4ea;color:#22c55e}.committe-members-card .status-badge.inactive{background:#fbe9e7;color:#d32f2f}.committe-members-card .committe-members-subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem}.committe-members-card .committe-members-loading,.committe-members-card .committe-members-error{text-align:center;padding:2rem;color:#666;font-style:italic}.committe-members-card .committe-members-error{color:#d32f2f}.committe-members-card .committe-members-header{display:flex;justify-content:space-between;align-items:flex-start}.committe-members-card .committe-members-header .committe-members-header-actions{display:flex;gap:.7rem}.committe-members-card .committe-members-header .committe-assign-btn{background:#008c9c;color:#fff;border:none;border-radius:7px;padding:.5rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s}.committe-members-card .committe-members-header .committe-assign-btn:hover{background:#007a8a}.committe-members-card .committe-members-header .committe-assign-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.committe-members-card .committe-members-header .committe-members-role-filter{padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;min-width:120px}.committe-members-card .committe-members-table-wrapper{overflow-x:auto;margin-top:-20px}.committe-members-card .committe-members-table{width:100%;border-collapse:collapse;font-size:.9rem}.committe-members-card .committe-members-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#1a1a1a;border-bottom:1px solid #e0e0e0}.committe-members-card .committe-members-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.committe-members-card .committe-members-table .member-cell{display:flex;align-items:center;gap:.75rem}.committe-members-card .committe-members-table .member-cell .member-icon{color:#008c9c;flex-shrink:0}.committe-members-card .committe-members-table .member-cell .member-info{display:flex;flex-direction:column;gap:.25rem}.committe-members-card .committe-members-table .member-cell .member-info .member-name{font-weight:500;color:#1a1a1a}.committe-members-card .committe-members-table .member-cell .member-info .member-email{font-size:.8rem;color:#666}.committe-members-card .committe-members-table .name-cell{display:flex;align-items:center;gap:12px}.committe-members-card .committe-members-table .name-cell .avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.committe-members-card .committe-members-table .name-cell .name-info{display:flex;flex-direction:column;gap:2px}.committe-members-card .committe-members-table .name-cell .name-info .name-primary{font-weight:500;color:#1a1a1a;font-size:14px}.committe-members-card .committe-members-table .name-cell .name-info .name-secondary{font-size:12px;color:#666}.committe-members-card .committe-members-table .contact-info{display:flex;flex-direction:column;gap:4px}.committe-members-card .committe-members-table .contact-info .contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.committe-members-card .committe-members-table .contact-info .contact-item .contact-icon{color:#008c9c;flex-shrink:0}.committe-members-card .committe-members-table .member-role{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.committe-members-card .committe-members-table .contact-cell{display:flex;flex-direction:column;gap:.25rem}.committe-members-card .committe-members-table .contact-cell .contact-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.committe-members-card .committe-members-table .contact-cell .contact-item svg{color:#008c9c;flex-shrink:0}.committe-members-card .committe-members-table .actions-cell{display:flex;gap:.5rem;justify-content:flex-start}.committe-members-card .committe-members-table .actions-cell .action-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s;color:#666}.committe-members-card .committe-members-table .actions-cell .action-btn:hover{background:#f5f5f5;color:#1a1a1a}.committe-members-card .committe-members-table .actions-cell .action-btn.delete-btn:hover{background:#ffebee;color:#d32f2f}.committe-members-card .committe-members-table td:has(.status-badge),.committe-members-card .committe-members-table th:has(.status-badge){min-width:120px;max-width:200px;overflow:visible;text-overflow:unset}.committe-members-card .committe-members-table .status-badge{max-width:none;overflow:visible;text-overflow:unset;white-space:nowrap}.committe-members-card .committe-members-table .committe-members-empty{text-align:center;color:#666;font-style:italic;padding:2rem}@media (max-width: 768px){.committe-members-card{padding:1rem}.committe-members-card .committe-members-header{flex-direction:column;gap:1rem;align-items:stretch}.committe-members-card .committe-members-header .committe-members-role-filter{width:100%}.committe-members-card .committe-members-table{font-size:.8rem}.committe-members-card .committe-members-table th,.committe-members-card .committe-members-table td{padding:.5rem .75rem}.committe-members-card .committe-members-table .member-cell{gap:.5rem}.committe-members-card .committe-members-table .member-cell .member-info .member-email{display:none}.committe-members-card .committe-members-table .contact-cell .contact-item{font-size:.8rem}}.committee-roles-container{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto}.committee-roles-header{background:linear-gradient(135deg,#008c9c,#007a8a);border-radius:.75rem;padding:1.5rem;color:#fff}.header-content{display:flex;align-items:center;justify-content:space-between}.header-text{flex:1}.header-title{font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.header-subtitle{color:#bfdbfe;margin:0}.header-stats{text-align:right}.total-count{font-size:2rem;font-weight:700}.count-label{font-size:.875rem;color:#bfdbfe}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stat-card{background:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.stat-card.active-roles{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.stat-card.total-members{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.stat-card.core-positions{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#d8b4fe}.stat-card.inactive-roles{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.stat-content{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:.875rem;font-weight:500;margin:0 0 .25rem}.stat-value{font-size:1.5rem;font-weight:700;margin:0}.stat-icon{width:2rem;height:2rem}.active-roles .stat-label{color:#166534}.active-roles .stat-value{color:#15803d}.active-roles .stat-icon{color:#16a34a}.total-members .stat-label{color:#1e40af}.total-members .stat-value{color:#1d4ed8}.total-members .stat-icon{color:#008c9c}.core-positions .stat-label{color:#7c3aed}.core-positions .stat-value{color:#8b5cf6}.core-positions .stat-icon{color:#a855f7}.inactive-roles .stat-label{color:#d97706}.inactive-roles .stat-value{color:#ea580c}.inactive-roles .stat-icon{color:#f59e0b}.roles-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.card-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.header-row{display:flex;flex-direction:column;gap:1rem}.header-info{flex:1}.card-title{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:#111827}.card-description{color:#6b7280;margin:0}.header-actions{display:flex;align-items:center;gap:.75rem}.search-container{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1rem;height:1rem}.search-input{padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.search-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.add-button{background:#008c9c;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.add-button:hover{background:#007a8a}.button-icon{width:1rem;height:1rem}.card-content{padding:0}.table-container{overflow-x:auto}.roles-table{width:100%;border-collapse:collapse}.roles-table th{background:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb}.actions-header{text-align:right}.roles-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.table-row:hover{background:#f9fafb}.role-cell{display:flex;align-items:center;gap:.75rem}.role-icon-container{width:2.5rem;height:2.5rem;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center}.role-icon{width:1.25rem;height:1.25rem;color:#008c9c}.role-info{display:flex;flex-direction:column}.role-name{font-weight:500;margin:0;color:#111827}.role-updated{font-size:.875rem;color:#6b7280;margin:0}.role-description{font-size:.875rem;color:#374151;margin:0}.term-badge{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#374151}.members-cell{display:flex;align-items:center;gap:.5rem}.members-icon{width:1rem;height:1rem;color:#9ca3af}.status-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid}.status-badge.active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.status-badge.inactive{background:#f3f4f6;color:#374151;border-color:#d1d5db}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.action-button{background:none;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.action-button:hover{background:#f3f4f6}.edit-button:hover{background:#eff6ff}.delete-button:hover{background:#fef2f2}.action-icon{width:1rem;height:1rem;color:#6b7280}.edit-button .action-icon{color:#008c9c}.delete-button .action-icon{color:#dc2626}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.dialog-content{background:#fff;border-radius:.75rem;max-width:32rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.dialog-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.dialog-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#111827}.dialog-description{color:#6b7280;margin:0;font-size:.875rem}.dialog-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{font-size:.875rem;font-weight:500;color:#374151}.form-input,.form-textarea,.form-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.form-textarea{resize:vertical;min-height:4rem}.dialog-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid #e5e7eb}.cancel-button{background:#f9fafb;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background:#f3f4f6}.save-button{background:#008c9c;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover{background:#007a8a}.delete-confirm-button{background:#dc2626;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.delete-confirm-button:hover{background:#b91c1c}.delete-dialog{max-width:28rem}.committe-management-right{margin-left:40px;width:100%;margin-right:40px}@media (min-width: 768px){.header-row{flex-direction:row;align-items:center}.header-actions{flex-shrink:0}}@media (max-width: 768px){.committee-roles-container{padding:1rem}}.committe-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:600px!important;max-height:90vh;overflow-y:auto;position:relative}.committe-modal .modal-overlay .modal-content .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.committe-modal .modal-overlay .modal-content .modal-overlay .modal-content{background:#fff;padding:24px;border-radius:12px;width:60vw;min-width:40vw;overflow-y:auto;position:relative}.committe-modal .modal-overlay .modal-content .committe-modal-subtitle{color:#666;margin-bottom:1.2rem;font-size:1.05rem}.committe-modal-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:20px}.status-badge{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;line-height:1}.status-badge.active{background:#22c55e;color:#fff}.status-badge.inactive{background:#f48787;color:#fff}.status-badge .badge-icon{width:60%;height:60%;object-fit:contain;filter:brightness(0) invert(1)}.status-badge.badge-small{width:16px;height:16px;font-size:8px}.status-badge.badge-medium{width:18px;height:18px;font-size:9px}.status-badge.badge-large{width:20px;height:20px;font-size:10px}.parking-slot-book-title{font-weight:700;font-size:1.5rem;margin-bottom:20px;color:#008c9c}.parking-slot-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.parking-slot-book-group{margin-bottom:18px;display:flex;flex-direction:column}.parking-slot-book-group .form-group,.parking-slot-book-group .form-field label{display:flex;flex-direction:row;gap:0px}.parking-slot-book-label{font-weight:500}.parking-slot-book-input,.parking-slot-book-select{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;margin-top:4px}.parking-slot-book-flex{display:flex;gap:12px;margin-bottom:16px}.parking-slot-book-checkbox-label{display:flex;align-items:center;gap:8px}.parking-slot-book-group.last{margin-bottom:24px}.parking-slot-book-actions{display:flex;justify-content:flex-end;gap:12px}.parking-slot-book-btn{padding:10px 22px;border-radius:6px;border:1px solid #ddd;background:#fff;font-weight:500}.parking-slot-book-btn.primary{border:none;background:#2196f3;color:#fff;font-weight:600;display:flex;align-items:center;gap:6px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-container p{margin-top:16px;color:#666;font-size:14px}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}.slot-assign-modal-title{font-weight:700;font-size:1.5rem;margin-bottom:12px}.slot-assign-modal-group{margin-bottom:16px}.slot-assign-modal-label{font-weight:500}.slot-assign-modal-select,.slot-assign-modal-input{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;margin-top:4px}.slot-assign-modal-notes{margin-bottom:24px}.slot-assign-modal-actions{display:flex;justify-content:flex-end;gap:12px}.slot-assign-modal-btn{padding:10px 22px;border-radius:6px;border:1px solid #ddd;background:#fff;font-weight:500}.slot-assign-modal-btn.primary{border:none;background:#2196f3;color:#fff;font-weight:600;display:flex;align-items:center;gap:6px}.parking-slot-assign-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:40px}.parking-vehicle-book-container{min-width:340px}.parking-vehicle-book-container .parking-vehicle-book-title{font-weight:700;font-size:1.5rem;margin-bottom:15px}.parking-vehicle-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.parking-vehicle-book-group{margin-bottom:16px;width:100%}.parking-vehicle-book-label{font-weight:500}.parking-vehicle-book-input,.parking-vehicle-book-select{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;margin-top:4px}.parking-vehicle-book-flex{display:flex;gap:12px;margin-bottom:16px}.parking-vehicle-book-flex>div{flex:1}.parking-vehicle-book-actions{display:flex;justify-content:flex-end;gap:12px}.parking-vehicle-book-btn{padding:10px 22px;border-radius:6px;border:1px solid #ddd;background:#fff;font-weight:500}.parking-vehicle-book-btn.primary{border:none;background:#2196f3;color:#fff;font-weight:600;display:flex;align-items:center;gap:6px}.parking-vehicle-book-group.last{margin-bottom:24px}.parking-container .parking-header{margin-bottom:8px}.parking-container .parking-title{font-size:2rem;font-weight:700;margin:0}.parking-container .parking-subtitle{color:#888;font-size:1rem}.parking-container .parking-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:-80px}.parking-container .parking-action-btn{padding:8px 18px;border-radius:6px;border:1px solid #ddd;background:#fff;font-weight:500}.parking-container .parking-action-btn.primary{border:none;background:#2196f3;color:#fff;display:flex;align-items:center;gap:6px}.parking-container .parking-summary-cards{display:flex;gap:16px}.parking-container .parking-summary-card{flex:1;background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 4px #0000000f}.parking-container .parking-summary-title{font-weight:600}.parking-container .parking-summary-value{font-size:2rem;font-weight:700;margin:8px 0 0}.parking-container .parking-summary-desc{color:#888;font-size:.95rem}.parking-container .parking-tabs .tabs-container .tabs-header .tab-btn.active{background:#fff;color:#008c9c;font-weight:700;z-index:2;flex:1;text-align:center}.parking-container .parking-tabs .tabs-container .tabs-header .tab-btn{text-align:center;flex:1}.parking-container .parking-tab-btn{padding:12px;background:transparent;border:none;font-weight:600;cursor:pointer}.parking-container .parking-tab-btn.left{border-radius:6px 0 0 6px}.parking-container .parking-tab-btn.right{border-radius:0 6px 6px 0}.parking-container .parking-search{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 4px #0000000f}.parking-container .parking-search-title{font-weight:600;font-size:1.2rem;margin-bottom:16px}.parking-container .parking-search-bar{display:flex;gap:12px}.parking-container .parking-search-input{flex:1;padding:10px 14px;border-radius:6px;border:1px solid #ddd;font-size:1rem}.parking-container .parking-search-btn{padding:10px 18px;border-radius:6px;border:1px solid #ddd;background:#fafafa;font-weight:500;display:flex;align-items:center;gap:6px}.parking-container .parking-table-container{border-radius:12px;margin-top:32px}.parking-container .parking-table-title{font-weight:700;font-size:1.5rem}.parking-container .parking-table-desc{color:#888;font-size:1rem;margin-bottom:18px}.parking-container .parking-table{width:100%;border-collapse:collapse;font-size:1rem}.parking-container .parking-table th,.parking-container .parking-table td{padding:10px 8px}.parking-container .parking-table thead tr{text-align:left;border-bottom:2px solid #f0f0f0}.parking-container .parking-table tbody tr{border-bottom:1px solid #f5f5f5}.parking-container .parking-slot-number{font-weight:600;color:#222}.parking-container .parking-status-occupied{background:#e3f0ff;color:#1976d2;border-radius:12px;padding:2px 12px;font-weight:500;font-size:.95rem}.parking-container .parking-status-available{background:#e6faed;color:#34a853;border-radius:12px;padding:2px 12px;font-weight:500;font-size:.95rem}.parking-container .parking-status-maintenance{background:#fff7e0;color:#bfa100;border-radius:12px;padding:2px 12px;font-weight:500;font-size:.95rem}.parking-container .parking-ev{background:#e6faed;color:#34a853;border-radius:12px;padding:2px 12px;font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;gap:4px}.parking-container .parking-action-edit{cursor:pointer;margin-right:10px;color:#222}.parking-container .parking-action-delete{cursor:pointer;color:#e53935}.parking-assign-tab{margin-top:2rem}.parking-assign-search-box{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 4px #00000008}.parking-assign-search-title{font-weight:600;font-size:1.3rem;margin-bottom:.7rem}.parking-assign-search-bar{display:flex;align-items:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;padding:.7rem 1rem}.parking-assign-search-icon{margin-right:.7rem;color:#888}.parking-assign-search-input{border:none;outline:none;background:transparent;width:100%;font-size:1rem}.parking-assign-table-box{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:4px 4px 8px 4px #0000001a;margin-top:30px}.parking-assign-table-title{margin-bottom:.2rem;font-weight:700;font-size:1.5rem}.parking-assign-table-desc{color:#888;font-size:.98rem;margin-bottom:1.2rem}.parking-assign-table{width:100%;border-collapse:collapse;font-size:1rem}.parking-assign-table th,.parking-assign-table td{text-align:left;padding:.5rem .7rem}.parking-assign-table thead tr{border-bottom:1px solid #eee}.parking-assign-row{border-bottom:1px solid #f3f3f3}.parking-assign-slot-number{font-weight:600}.parking-assign-error{color:red}.parking-assign-empty{color:#888;text-align:center}.parking-vehicle-tab{margin-top:2rem}.parking-vehicle-search-box{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 4px #00000008}.parking-vehicle-search-title{font-weight:600;font-size:1.3rem;margin-bottom:.7rem}.parking-vehicle-search-bar{display:flex;align-items:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;padding:.7rem 1rem}.parking-vehicle-search-icon{margin-right:.7rem;color:#888}.parking-vehicle-search-input{border:none;outline:none;background:transparent;width:100%;font-size:1rem}.parking-vehicle-table-box{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:4px 4px 8px 4px #0000001a;margin-top:30px}.parking-vehicle-table-title{margin-bottom:.2rem;font-weight:700;font-size:1.5rem}.parking-vehicle-table-desc{color:#888;font-size:.98rem;margin-bottom:1.2rem}.parking-vehicle-table{width:100%;border-collapse:collapse;font-size:1rem}.parking-vehicle-table th,.parking-vehicle-table td{text-align:left;padding:.5rem .7rem}.parking-vehicle-table thead tr{border-bottom:1px solid #eee}.parking-vehicle-row{border-bottom:1px solid #f3f3f3}.parking-vehicle-slot-id,.parking-vehicle-id,.parking-vehicle-license-plate,.parking-vehicle-type,.parking-vehicle-modal,.parking-vehicle-color,.parking-vehicle-member-id,.parking-vehicle-make,.parking-vehicle-byear{font-size:1rem;color:#222}.parking-vehicle-slot-id{font-weight:600}.parking-vehicle-error{color:red;text-align:center}.parking-vehicle-empty{color:#888;text-align:center}.parkingslot-book-edit-container .modal-overlay .modal-content{background:#fff;border-radius:10px;padding:32px 28px 24px;min-width:700px;max-width:400px;box-shadow:0 2px 16px #00000026;display:flex;flex-direction:column;align-items:stretch;position:relative}.parkingslot-book-edit-title{font-size:1.5rem;font-weight:700;color:#008c9c;margin-bottom:20px}.parkingslot-book-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.parkingslot-book-edit-group{margin-bottom:18px;display:flex;flex-direction:column}.parkingslot-book-edit-group .form-group,.parkingslot-book-edit-group .form-field label{display:flex;flex-direction:row;gap:0px}.parkingslot-book-edit-label{font-weight:500;margin-bottom:6px}.parkingslot-book-edit-dropdown{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;font-size:1rem;background:#fafbfc}.parkingslot-book-edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.parkingslot-book-edit-btn{padding:10px 22px;border-radius:6px;border:1px solid #ddd;background:#fff;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.parkingslot-book-edit-btn.primary{border:none;background:#2196f3;color:#fff;font-weight:600}.parkingslot-book-edit-btn:hover{background:#f0f4f8}.parkingslot-book-edit-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:#888;transition:color .2s;z-index:2}.parkingslot-book-edit-close:hover,.parking-slot-assign-container .parking-slot-assign-title{color:#2196f3}.parking-slot-assign-group{margin-top:20px}.parking-delete-modal .parking-delete-header{text-align:center;margin-bottom:20px}.parking-delete-modal .parking-delete-header .delete-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fef2f2;border-radius:50%;margin:0 auto 16px}.parking-delete-modal .parking-delete-header .delete-title{margin:0;font-size:20px;font-weight:600;color:#1f2937}.parking-delete-modal .parking-delete-content{margin-bottom:24px}.parking-delete-modal .parking-delete-content .delete-message{margin:0 0 20px;font-size:16px;line-height:1.5;color:#374151;text-align:center}.parking-delete-modal .parking-delete-content .slot-details{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.parking-delete-modal .parking-delete-content .slot-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.parking-delete-modal .parking-delete-content .slot-details .detail-row:last-child{border-bottom:none}.parking-delete-modal .parking-delete-content .slot-details .detail-row .detail-label{font-size:14px;color:#6b7280;font-weight:500}.parking-delete-modal .parking-delete-content .slot-details .detail-row .detail-value{font-size:14px;color:#1f2937;font-weight:600}.parking-delete-modal .parking-delete-actions{display:flex;gap:12px;justify-content:flex-end}.parking-delete-modal .parking-delete-actions button{min-width:100px}@media (max-width: 640px){.parking-delete-modal{margin:16px;padding:20px}.parking-delete-modal .parking-delete-header .delete-title{font-size:18px}.parking-delete-modal .parking-delete-actions{flex-direction:column-reverse}.parking-delete-modal .parking-delete-actions button{width:100%}}.members-card{background:#fff}.members-form{padding:24px}.members-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.members-form .form-group{display:flex;flex-direction:column;gap:8px}.members-form .form-group label{font-weight:500;color:#374151}.members-form .form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb}.members-view-page{padding:20px}.members-view-page .members-view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.members-view-page .members-view-header>div:first-child{flex:1}.members-view-page .members-view-header .members-view-header-actions{flex-shrink:0;margin-top:8px}.members-view-page .members-content .tab-content{margin-top:20px}.members-view-page .back-to-members-link{display:inline-flex;align-items:center;text-decoration:none;color:#556176;font-weight:500;font-size:1rem;gap:6px;margin-bottom:1rem}.water-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.water-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.water-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.water-title i{font-size:20px}.water-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.documents-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.documents-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;color:#000}.documents-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.documents-title i{font-size:20px}.documents-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.service-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.service-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;color:#000}.service-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.service-title i{font-size:20px}.service-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.general-info-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.general-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-weight:500;display:flex;align-items:center;gap:8px}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.general-content .address-info-grid{display:flex;flex-direction:column;gap:32px}.general-content .address-info-grid .address-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.general-content .address-info-grid .address-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.general-content .address-info-grid .address-card .address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.general-content .address-info-grid .address-card .address-header .header-contents{display:flex;align-items:center}.general-content .address-info-grid .address-card .address-header .header-contents span{font-size:20px;font-weight:600;color:#008c9c}.general-content .address-info-grid .address-card .address-header .header-actions{display:flex;align-items:center;gap:8px}.general-content .address-info-grid .address-card .address-body .address-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.general-content .address-info-grid .address-card .address-body .address-row:last-child{margin-bottom:0}@media (max-width: 768px){.general-content .address-info-grid .address-card .address-body .address-row{grid-template-columns:1fr;gap:16px}}.general-content .address-info-grid .address-card .address-body .address-row>div{min-width:0}.general-content .address-info-grid .identity-section{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.general-content .address-info-grid .identity-section:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.general-content .address-info-grid .identity-section .address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.general-content .address-info-grid .identity-section .address-header .header-content{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#1f2937}.general-content .address-info-grid .identity-section .address-header .header-actions{display:flex;align-items:center;gap:8px}.general-content .address-info-grid .identity-section .identity-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 768px){.general-content .address-info-grid .identity-section .identity-content{grid-template-columns:1fr;gap:24px}}.general-content .address-info-grid .identity-section .identity-content .identity-subsection{border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .3s ease}.general-content .address-info-grid .identity-section .identity-content .identity-subsection:hover{box-shadow:0 2px 8px #0000001a}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .subsection-header{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .address-row{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .address-row:last-child{margin-bottom:0}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .attachments-section:hover{border-color:#3b82f6}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .attachments-section .file-upload-text{font-size:12px;color:#6b7280;text-align:center;margin:0;padding:8px 0}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .attachments-section .upload-button{font-size:12px;padding:6px 12px;border-radius:4px;background:#3b82f6;color:#fff;border:none;cursor:pointer;transition:background .3s ease}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .attachments-section .upload-button:hover{background:#2563eb}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .attachments-section input[type=file]{font-size:12px}.general-content .address-info-grid .identity-section .identity-content .identity-subsection .attachments-section .upload-area{text-align:center;font-size:12px;color:#6b7280}.general-content .connection-section{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.general-content .connection-section:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.general-content .connection-section .address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.general-content .connection-section .address-header .header-content{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#1f2937}.general-content .connection-section .address-header .header-content i{font-size:18px;color:#008c9c}.general-content .connection-section .address-header .header-content span{color:#1f2937}.general-content .connection-section .address-body{padding:0}.general-content .connection-section .address-body .address-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.general-content .connection-section .address-body .address-row:last-child{margin-bottom:0}@media (max-width: 768px){.general-content .connection-section .address-body .address-row{grid-template-columns:1fr;gap:16px}}.general-content .no-address-message{text-align:center;padding:60px 20px;color:#6b7280}.general-content .no-address-message p{margin:0;font-size:16px;line-height:1.5;font-style:italic}.general-info-container .form-field{margin-bottom:16px}.general-info-container .form-field label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.general-info-container .form-field input,.general-info-container .form-field select,.general-info-container .form-field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .3s ease;background:#fff}.general-info-container .form-field input:focus,.general-info-container .form-field select:focus,.general-info-container .form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.general-info-container .form-field input:disabled,.general-info-container .form-field select:disabled,.general-info-container .form-field textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.general-info-container .form-field.error input,.general-info-container .form-field.error select,.general-info-container .form-field.error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.general-info-container .view-field{margin-bottom:16px}.general-info-container .view-field .field-label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.general-info-container .view-field .field-value{padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;min-height:20px;display:flex;align-items:center}.general-info-container .view-field .field-value.empty{color:#9ca3af;font-style:italic}.general-info-container .btn{padding:10px 20px;border-radius:6px;font-weight:500;font-size:14px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.general-info-container .btn.btn-primary{background:#3b82f6;color:#fff}.general-info-container .btn.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.general-info-container .btn.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.general-info-container .btn.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.general-info-container .btn.btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.general-info-container .btn.btn-secondary:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;transform:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-state .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{font-size:16px;margin:0}.error-state{text-align:center;padding:60px 20px;color:#ef4444}.error-state p{font-size:18px;margin-bottom:8px}.error-state p.error-details{font-size:14px;color:#6b7280;margin-top:8px}@media (max-width: 768px){.family-header{flex-direction:column;gap:16px;text-align:center}.family-actions{width:100%;justify-content:center}.address-row{grid-template-columns:1fr}.address-header{flex-direction:column;gap:12px;align-items:flex-start}}.file-upload-container .file-list{margin-top:12px}.file-upload-container .file-list .file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px}.file-upload-container .file-list .file-item .file-info{display:flex;align-items:center;gap:8px;flex:1}.file-upload-container .file-list .file-item .file-info .file-icon{color:#3b82f6;font-size:16px}.file-upload-container .file-list .file-item .file-info .file-name{font-size:14px;color:#374151;word-break:break-all}.file-upload-container .file-list .file-item .file-actions{display:flex;gap:8px}.file-upload-container .file-list .file-item .file-actions .btn-delete{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background .3s ease}.file-upload-container .file-list .file-item .file-actions .btn-delete:hover{background:#dc2626}.file-upload-text,.upload-text,.file-upload-label{font-size:12px!important;color:#6b7280!important;text-align:left;margin:0}.file-upload-button,.upload-btn{font-size:12px!important;padding:6px 12px!important;border-radius:4px;background:#3b82f6;color:#fff;border:none;cursor:pointer;transition:background .3s ease}.file-upload-button:hover,.upload-btn:hover{background:#2563eb}input[type=file]{font-size:12px!important}.upload-area,.file-drop-zone{font-size:12px!important;color:#6b7280}.identity-section img{max-width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin-top:12px;box-shadow:0 2px 4px #0000001a}.file-upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin-top:1rem;background-color:#f8fafc;border-radius:.5rem;border:1px solid #e5e7eb}.file-upload-loading .loading-spinner{margin-bottom:1rem}.file-upload-loading .loading-spinner .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.file-upload-loading .loading-text{color:#64748b;font-size:.875rem;font-weight:500}.checkbox-container .form-group .form-field label{display:flex;flex-direction:row}.family-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.family-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;color:#000}.family-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c}.family-title i{font-size:20px}.family-actions{display:flex;gap:12px}.family-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.family-members-grid{display:grid;gap:24px;margin-bottom:24px}.family-member-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.family-member-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.member-number{display:flex;align-items:center;gap:12px}.member-badge{background:#008c9c;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.member-badge.new{background:#008c9c}.member-header h4{margin:0;color:#1f2937;font-size:16px;font-weight:600}.member-details{display:flex;flex-direction:column;gap:16px}.detail-rows{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-field.full-width{grid-column:1/-1}.aadhar-input-container{position:relative}.aadhar-input-container .validation-error{color:#dc2626;font-size:12px;margin-top:4px;font-weight:500;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:4px 8px}.add-member-section{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.family-header{flex-direction:column;gap:16px;text-align:center}.family-actions{width:100%;justify-content:center}.detail-rows{grid-template-columns:1fr}.member-header{flex-direction:column;gap:12px;align-items:flex-start}}.facility-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #01010045;padding:24px;max-width:420px;margin:0 auto;font-family:inherit;display:flex;flex-direction:column;gap:12px;width:25vw}.facility-card__header{display:flex;justify-content:space-between;align-items:flex-start}.facility-card__title{color:#008c9c;font-size:18px;font-weight:500;margin:0}.facility-card__desc{color:#666;font-size:.98rem;margin-top:2px}.facility-card__badge{background:#008c9c;color:#fff;border-radius:16px;padding:4px 14px;font-size:.85rem;font-weight:600;align-self:flex-start}.facility-card__info-row{display:flex;align-items:center;gap:4px;color:#556176;font-size:16px}.facility-card__icon{color:#008c9c;font-size:1.1em;margin-right:2px}.facility-card__price-row{display:flex;align-items:center;font-size:1.1rem;font-weight:600;color:#2e7d32;margin-top:4px}.facility-card__price{margin-left:4px;display:flex}.facility-card__per{font-size:.95em;color:#888;font-weight:400}.facility-card__tags-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 2px}.facility-card__tag{background:#f1f3f6;color:#333;border-radius:12px;padding:3px 12px;font-size:.93em;font-weight:500}.facility-card__tag--more{background:#e3eafc;color:#1976d2}.facility-card__availability-row{display:flex;align-items:center;color:#556176;font-size:.98rem;margin-top:2px;gap:4px}.facility-card__actions{margin-top:10px;display:flex;justify-content:flex-start}.facility-card__book-btn{background:#008c9c;color:#fff;border:none;border-radius:8px;padding:10px 0;width:100%;font-size:1.08rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.booking-modal-card .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:900px!important;width:100%;max-height:90vh;overflow-y:auto;position:relative}.booking-modal-card .modal-overlay .modal-content{max-width:900px!important;width:90%!important}.booking-modal{max-width:800px;width:100%;margin:0 auto;padding:24px}.booking-modal__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.booking-modal__title{font-size:24px;font-weight:600;color:#333;margin:0}.booking-modal__close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:background-color .2s}.booking-modal__content{margin-bottom:24px}.booking-modal__service-info{gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.booking-modal__service-info .service-info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.booking-modal__service-info .service-info-row .service-info-left{display:contents}.booking-modal__service-info .service-info-row .service-info-left .info-item{display:flex;align-items:flex-start;gap:8px;margin:0;font-weight:500;color:#6b7280;white-space:nowrap}.booking-modal__service-info .service-info-row .service-info-left .info-item svg{color:#008c9c;flex-shrink:0}.booking-modal__service-info .service-info-row .service-info-left .info-item b{font-weight:500;color:#6b7280;margin-right:4px;min-width:fit-content}.booking-modal__service-info .service-info-row .service-info-left .info-item span{color:#1f2937;font-weight:400;word-wrap:break-word;white-space:normal}.booking-modal__service-info .location-item{display:flex;align-items:flex-start;gap:8px;font-weight:500;color:#6b7280;white-space:normal;width:100%;margin-top:8px}.booking-modal__service-info .location-item svg{color:#008c9c;flex-shrink:0}.booking-modal__service-info .location-item b{font-weight:500;color:#6b7280;margin-right:4px;min-width:fit-content}.booking-modal__service-info .location-item .location-text{flex:1;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal}.booking-modal__service-info .location-item .location-text span{display:block;color:#1f2937;font-weight:400;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.booking-modal__service-info h2{margin-top:-20px;margin-bottom:10px;color:#2563eb}.booking-modal__service-info h3{margin:0 0 8px;color:#333;font-size:18px}.booking-modal__service-info p{margin:0 0 16px;color:#666}.booking-modal__grid{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;align-items:start}.booking-modal__grid>div{display:flex;flex-direction:column}.booking-modal .Cost-container{display:flex;align-items:center;background-color:#f8f9fa;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #00000012;margin-top:20px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-left:4px solid #008c9c}.booking-modal .Cost-container h3{margin:0;font-size:1.1rem;font-weight:600;color:#556176}.booking-modal .Cost-container p{margin:0 0 0 10px;font-size:1.2rem;font-weight:700;color:#1ca67a}.booking-modal .booking-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 0 10px}.booking-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.booking-time-slot.booked{background:#ff4d4f!important;color:#fff!important;font-weight:700;border:1px solid #c62828}.booking-calendar-card{border-radius:12px;padding:1px 20px 20px}.booking-calendar-card h3{margin-top:10px;margin-bottom:30px}.booking-calendar-card .small-calendar{margin:0 auto}.booking-calendar-card .small-calendar .ant-picker-panel{width:100%!important;min-width:0!important}.booking-calendar-card .small-calendar .calendar-cell{width:24px;height:24px;font-size:13px;line-height:24px}.booking-calendar-card .small-calendar .calendar-cell.sunday-disabled{background:#f5f5f5!important;color:#bbb!important;pointer-events:none;opacity:.5}.booking-calendar-card .small-calendar .calendar-cell.not-current-month{background:transparent!important;color:transparent!important;pointer-events:none}.booking-calendar-card .calendar-legend .legend-box{display:inline-block;width:16px;height:16px;border-radius:4px;margin-right:6px;vertical-align:middle}.booking-calendar-card .calendar-legend .legend-box.available{background:#e8f5e9;border:1px solid #388e3c}.booking-calendar-card .calendar-legend .legend-box.booked{background:#fdd;border:1px solid #d32f2f}.booking-calendar-card .calendar-legend .legend-box.closed{background:#f5f5f5;border:1px solid #aaa}.booking-calendar-card .calendar-legend .legend-box.non-working-day{background:#fff3cd;border:1px solid #ffc107}.calender-block{border-radius:solid 1px}.calendar-header{position:relative;background-color:#f0f0f0;min-height:40px;display:flex;align-items:center;justify-content:center;padding:0 40px}.calendar-header span{flex:1;text-align:center;font-weight:600;margin:0}.calendar-header .button-left,.calendar-header .button-right{position:absolute;top:50%;transform:translateY(-50%);border:none;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.calendar-header .button-left{left:8px}.calendar-header .button-right{right:8px}.calendar-cell{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 auto;border-radius:50%;font-weight:500}.calendar-cell.booked{background:#d32f2f;color:ld32f2f}.calendar-cell.available{background:#e8f5e9;color:#008c9c}.calendar-cell.closed{background:#f5f5f5;color:#aaa}.calendar-cell.non-working-day{background:#fff3cd;color:#856404;pointer-events:none;opacity:.7}.booking-time-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:900px!important;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px!important;width:100%;max-height:90vh;overflow-y:auto}.booking-time-container{position:relative;border-radius:12px;padding:15px}.booking-time-container .booking-time-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px}.booking-time-container .booking-time-header h2{font-size:24px;font-weight:600;color:#008c9c;margin:0}.booking-time-container .booking-time-header .booking-time-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.booking-time-container .booking-time-header .booking-time-close-btn:hover{background:#f3f4f6;color:#374151}.booking-time-container .booking-time-header .booking-time-close-btn:active{transform:scale(.95)}.booking-time-container .Time-Close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:24px;cursor:pointer;z-index:100;color:#666;padding:4px;border-radius:4px;transition:background-color .2s}.booking-time-container .Time-Close-btn:hover{background-color:#f0f0f0}.booking-time-container .booking-time-title{margin-bottom:24px}.booking-time-container .booking-time-title p{font-size:14px;color:#666;margin:0 0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.booking-time-container .booking-time-title .selected-date{margin:8px 0;font-weight:600;color:#556176;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.booking-time-container .booking-time-title .selected-date .date-value{color:#008c9c;font-weight:600}.booking-time-container .booking-time-card{padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;font-size:14px;color:#1f2937;transition:all .3s ease;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;margin-top:15px;margin-bottom:15px}.booking-time-container .booking-time-card .booking-time-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:480px;margin-right:auto}.booking-time-container .booking-time-card .booking-time-grid .booking-time-slot{padding:12px 0;border-radius:5px;border:1px solid #008c9c;background:#b1f5fd;color:#008c9c;cursor:pointer;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .15s;outline:none}.booking-time-container .booking-time-card .booking-time-grid .booking-time-slot:hover{background:#b0e0e6;border-color:#20b2aa}.booking-time-container .booking-time-card .booking-time-grid .booking-time-slot.selected{background:#20b2aa;color:#fff;border:2px solid #008080;font-weight:700;box-shadow:0 0 0 2px #20b2aa33}.booking-time-container .booking-time-card .booking-time-grid .booking-time-slot.booked{background:tomato;color:#fff;border:1px solid #ff4500;cursor:not-allowed;opacity:.8}.booking-time-container .booking-time-card .booking-time-grid .booking-time-slot.booked:hover{background:tomato;border-color:#ff4500}.booking-time-container .booking-time-card .booking-time-grid .booking-time-slot.past{background:#f0f0f0;color:#757575;border:1px solid #d0d0d0;cursor:not-allowed;opacity:.6}.booking-time-container .booking-time-card .booking-time-grid .booking-time-slot.past:hover{background:#f0f0f0;border-color:#d0d0d0}.booking-time-container .booking-time-card .booking-time-grid .booking-time-slot:disabled{cursor:not-allowed;opacity:.6}.booking-time-container .booking-time-card .booking-time-legend{display:flex;flex-direction:row;gap:10px;margin-top:10px;align-items:center;justify-content:center}.booking-time-container .booking-time-card .booking-time-legend .legend-item{display:flex;flex-direction:row;align-items:center;gap:34px}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-color{width:18px;height:18px;border:1px solid #bdbdbd;border-radius:4px;display:inline-block}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-color.available{background:#b1f5fd}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-color.available svg{color:#008c9c}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-color.booked{background:#008c9c}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-color.booked svg{color:#fff}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-color.past{background:#f0f0f0}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-color.past svg{color:#757575}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-text{font-size:12px;color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-text.available{color:#388e3c}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-text.booked{color:#c62828}.booking-time-container .booking-time-card .booking-time-legend .legend-item .legend-text.past{color:#757575}.booking-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.booking-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.booking-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.booking-title i{font-size:20px}.booking-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.booking-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.BookingService-main .BookingTabs .tabs-container .tabs-header .tab-btn.active{background:#fff;color:#008c9c;font-weight:600;z-index:2;flex:1;text-align:center}.BookingService-main .BookingTabs .tabs-container .tabs-header .tab-btn{text-align:center;flex:1}.event-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;min-width:320px;max-width:100%;position:relative;transition:all .3s ease}.event-card .event-card-content{display:flex;flex-direction:column;gap:16px;width:100%}.event-card .event-card-content .event-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}.event-card .event-card-content .event-card-header>div:first-child{flex:1;min-width:0}.event-card .event-card-content .event-card-header>div:first-child h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#008c9c;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card .event-card-content .event-card-header>div:first-child p{margin:0;font-size:14px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.event-card .event-card-content .event-card-dates{display:flex;gap:12px;font-size:14px;font-weight:400;color:#374151}.event-card .event-card-content .event-card-registrations-participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:8px}.event-card .event-card-content .event-card-registrations-participants .event-card-participants-details{margin:0}.event-card .event-card-content .event-card-registrations-participants .event-card-participants-details span{font-size:14px;font-weight:400;color:#374151}.event-card .event-card-content .event-card-registrations-participants .event-card-participants-details span:before{content:attr(data-label);font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.event-card .event-card-content .event-card-actions{display:flex;gap:12px;margin-top:8px}.event-card .event-card-content .event-card-actions .event-card-action-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none}.event-card .event-card-content .event-card-actions .event-card-action-btn:hover{background:#f3f4f6}.event-card .event-card-content .event-card-description{font-size:14px;font-weight:400;color:#374151;line-height:1.6;margin:0}.event-card .event-card-content .action-buttons{display:flex;align-items:center;gap:12px;cursor:pointer}.event-card .event-card-content .action-buttons svg{color:#1f5ab9;transition:color .2s ease}.event-card .event-card-content .action-buttons svg:hover{color:#1e40af}.event-card__menu-container{position:relative;flex-shrink:0}.event-card .actions-dropdown{position:relative;z-index:1}.event-card .actions-dropdown.dropdown-open,.event-card .actions-dropdown .actions-menu{z-index:99999}.event-card .badge{position:relative;z-index:0}.event-card__menu-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.event-card__menu-btn:hover{background-color:#f3f4f6;color:#374151}.event-card__menu-btn:focus{outline:none;box-shadow:0 0 0 3px #1f5ab91a}.event-card__dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:9999;min-width:150px;padding:8px 0;animation:dropdownFadeIn .2s ease-out}.event-card__dropdown-menu:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg)}.event-card__menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease;text-align:left}.event-card__menu-item:hover{background-color:#f9fafb}.event-card__menu-item:first-child{border-radius:12px 12px 0 0}.event-card__menu-item:last-child{border-radius:0 0 12px 12px}.event-card__menu-item svg{flex-shrink:0;width:16px;height:16px}.event-card__menu-item.event-card__menu-item--register:hover{background-color:#ecfdf5}@media (max-width: 768px){.event-card{padding:20px;margin:12px 0}.event-card .event-card-content{gap:12px}.event-card .event-card-content .event-card-header{flex-direction:column;align-items:flex-start;gap:12px}.event-card .event-card-content .event-card-header>div:first-child{width:100%}.event-card .event-card-content .event-card-registrations-participants{grid-template-columns:repeat(2,1fr);gap:8px}.event-card .event-card-content .event-card-registrations-participants .event-card-participants-details span{padding:10px 6px;font-size:12px;min-height:50px}.event-card__dropdown-menu{right:-8px;min-width:160px}}@media (max-width: 480px){.event-card{padding:16px;margin:8px 0}.event-card .event-card-content .event-card-registrations-participants{grid-template-columns:1fr;gap:8px}}.events-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.events-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.events-title{justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.events-title i{font-size:20px}.events-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.events-main-conten{border-radius:16px;max-width:720px;animation:fadeIn .25s ease-in-out}.events-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.events-title h2{margin:0;font-size:22px;color:#008c9c;font-weight:600}.events-back-button{background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;color:#374151;border-radius:50%;padding:6px;transition:all .2s ease}.events-back-button:hover{background:#f3f4f6;color:#111827}.events-information{max-height:220px;overflow-y:auto;margin:16px 0;padding:12px;background:#f9fafb;border-radius:8px;font-size:15px;line-height:1.6;color:#374151;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.events-information::-webkit-scrollbar{width:8px}.events-information::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.events-information::-webkit-scrollbar-thumb:hover{background:#6b7280}.events-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.events-info-grid .text-label{display:flex;align-items:flex-start;gap:8px;margin:0;font-weight:500;color:#6b7280;flex-wrap:nowrap;min-width:0}.events-info-grid .text-label svg{color:#008c9c;flex-shrink:0;margin-top:2px}.events-info-grid .text-value{font-size:14px;color:#4b5563;word-break:break-word;flex:1}.events-image{margin:24px 0;padding:12px;background:#f9fafb;border-radius:8px;text-align:center}.pdf-file-card img{max-width:120px;max-height:120px;object-fit:cover;border-radius:8px;transition:transform .2s ease}.pdf-file-card{position:relative;max-width:120px;margin:20px}.attachment-preview-file{position:relative;display:flex;align-items:center;background-color:#f9fafb;padding:6px 10px;border-radius:8px;border:1px solid #ddd;width:100%;margin-top:20px}.pdf-preview-box{display:flex;align-items:center;cursor:pointer}.pdf-preview-box .pdf-icon{width:28px;height:28px;margin-right:8px}.pdf-preview-box .pdf-name{font-size:14px;color:#444}.pdf-preview-box .pdf-link{padding-left:10px;margin-bottom:1px}.pdf-name{font-size:14px;color:#444}._waterReadingsModal_1gm3o_1{background:#fff;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}._waterReadingsModal_1gm3o_1::-webkit-scrollbar{display:none}._waterReadingsModal_1gm3o_1 p{margin:0}._waterReadingsModal_1gm3o_1 ._waterReadingsModalHeader_1gm3o_18{display:flex;justify-content:space-between;align-items:center}._waterReadingsModal_1gm3o_1 ._waterReadingsModalHeader_1gm3o_18 ._waterReadingsModalTitle_1gm3o_23{font-size:14px;color:#008c9c;font-weight:500;margin-bottom:8px}._waterReadingsModal_1gm3o_1 ._waterReadingsModalDescription_1gm3o_29{font-size:14px;font-weight:500;color:#797979;margin-bottom:20px;margin-top:10px}._waterReadingsModal_1gm3o_1 ._waterReadingsModalForm_1gm3o_36{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}._waterReadingsModal_1gm3o_1 ._waterReadingsModalColumn_1gm3o_42{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}._waterReadingsModal_1gm3o_1 ._waterReadingsModalButtons_1gm3o_48{margin-top:10px;display:flex;justify-content:flex-end;gap:10px}._waterReadingsModal_1gm3o_1 ._waterReadingsModalCheckbox_1gm3o_54{display:flex}._waterReadingsModal_1gm3o_1 ._borderColor_1gm3o_57{padding:12px;border:1px solid #dcdcdc;border-radius:6px;font-size:1rem;transition:border-color .2s ease}._viewMeetingMembers_1gm3o_65{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}._events-modal__form-group_1gm3o_72{position:relative}._inputGroup_1gm3o_76{display:flex;flex-direction:column;gap:6px}._inputLabel_1gm3o_82{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}._required_1gm3o_89{color:#ef4444}._inputField_1gm3o_93{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}._inputField_1gm3o_93:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}._inputField_1gm3o_93:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}._inputError_1gm3o_115{border-color:#ef4444}._inputError_1gm3o_115:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}._errorMessage_1gm3o_123{font-size:12px;color:#ef4444;margin-top:4px}.events-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}._statements_tsdg0_1{display:flex;flex-direction:column;gap:20px}._statements_tsdg0_1 ._cardContainer_tsdg0_6{display:flex;justify-content:space-between;gap:10px}._invoiceModal_vajh6_1 h1,._invoiceModal_vajh6_1 p{margin:0}._invoiceModal_vajh6_1 ._invoiceModalHeader_vajh6_8{display:flex;justify-content:center;align-items:center;margin-bottom:20px}._invoiceModal_vajh6_1 ._invoiceModalHeader_vajh6_8 ._invoiceModalTitle_vajh6_14{font-size:24px;font-weight:700;color:#008c9c;text-transform:uppercase;letter-spacing:1px}._invoiceModal_vajh6_1 ._invoiceModalSocietyInfo_vajh6_21{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:10px;border-bottom:2px solid #0f766e;margin-bottom:10px}._invoiceModal_vajh6_1 ._invoiceModalSocietyInfo_vajh6_21 ._societyInfoLeft_vajh6_30{flex:1;text-align:left}._invoiceModal_vajh6_1 ._invoiceModalSocietyInfo_vajh6_21 ._societyName_vajh6_34{color:#008c9c;font-size:18px;font-weight:600;margin-bottom:8px}._invoiceModal_vajh6_1 ._invoiceModalSocietyInfo_vajh6_21 ._invoiceLogoContainer_vajh6_40{display:flex;justify-content:flex-end;align-items:flex-start;min-width:200px;max-width:350px}._invoiceModal_vajh6_1 ._invoiceModalSocietyInfo_vajh6_21 ._invoiceLogo_vajh6_40{max-width:100%;max-height:100px;width:200px;object-fit:contain}._invoiceModal_vajh6_1 ._invoiceModalSocietyInfo_vajh6_21 ._logoPlaceholder_vajh6_53{display:flex;align-items:center;justify-content:center;min-height:60px;min-width:120px;border:2px dashed #ccc;border-radius:4px;background-color:#f9f9f9}._invoiceModal_vajh6_1 ._invoiceModalSocietyInfo_vajh6_21 ._logoPlaceholder_vajh6_53 p{color:#999;font-size:12px;margin:0;text-align:center}._invoiceModal_vajh6_1 ._invoiceModalSocietyInfo_vajh6_21 ._subHeading_vajh6_69{font-size:14px;font-weight:400;color:#333;margin-bottom:4px;line-height:1.4}._invoiceModal_vajh6_1 ._invoiceModalMonthlyMaintenanceInvoice_vajh6_2{border-top:1px solid #e0e0e0;text-align:center;margin-bottom:10px;border-bottom:1px solid #e0e0e0}._invoiceModal_vajh6_1 ._invoiceModalMonthlyMaintenanceInvoice_vajh6_2 h2{font-size:18px;font-weight:600;color:#484848;margin-top:10px}._invoiceModal_vajh6_1 ._invoiceModalBillTo_vajh6_88{display:flex;justify-content:space-between;gap:10px;padding-bottom:30px}._invoiceModal_vajh6_1 ._invoiceModalBillTo_vajh6_88 ._invoiceModalToHeading_vajh6_94{font-size:14px;font-weight:600;color:#008c9c;margin-bottom:10px}._invoiceModal_vajh6_1 ._invoiceModalBillTo_vajh6_88 p{font-size:14px;font-weight:400;color:#666}._invoiceModal_vajh6_1 ._invoiceModalBillTo_vajh6_88 p strong{font-weight:500;color:#707070}._invoiceModal_vajh6_1 ._invoiceModalChargesBreakdown_vajh6_109{display:flex;flex-direction:column}._invoiceModal_vajh6_1 ._invoiceModalChargesBreakdown_vajh6_109 ._invoiceModalChargesBreakdownHeading_vajh6_113{font-size:14px;font-weight:600;color:#484848;margin-bottom:10px}._invoiceModal_vajh6_1 ._invoiceModalChargesBreakdown_vajh6_109 ._invoiceModalChargesBreakdownTable_vajh6_119{display:flex;flex-direction:column;border:1px solid #e0e0e0}._invoiceModal_vajh6_1 ._invoiceModalChargesBreakdown_vajh6_109 ._invoiceModalChargesBreakdownTable_vajh6_119 ._invoiceTableDate_vajh6_124{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #e0e0e0;color:inherit}._invoiceModal_vajh6_1 ._invoiceModalChargesBreakdown_vajh6_109 ._invoiceModalChargesBreakdownTable_vajh6_119 ._invoiceTableDate_vajh6_124 ._invoiceTableCharge_vajh6_134{font-size:14px;font-weight:600;color:#484848}._invoiceModal_vajh6_1 ._invoiceModalChargesBreakdown_vajh6_109 ._invoiceModalChargesBreakdownTable_vajh6_119 ._invoiceTableDate_vajh6_124 ._invoiceTableDescription_vajh6_139{font-size:14px;font-weight:400;color:#666}._invoiceModal_vajh6_1 ._invoiceModalChargesBreakdown_vajh6_109 ._invoiceModalChargesBreakdownTable_vajh6_119 ._invoiceTableDate_vajh6_124 ._invoiceTableCalculation_vajh6_144{font-size:12px;font-weight:400;color:#888;font-style:italic;margin-top:2px}._invoiceModal_vajh6_1 ._invoiceModalChargesBreakdown_vajh6_109 ._invoiceModalChargesBreakdownTable_vajh6_119 ._invoiceTableDate_vajh6_124 ._invoiceTableAmount_vajh6_151{font-size:14px;font-weight:600;color:#484848}._invoiceModal_vajh6_1 ._bgGray_vajh6_156{background-color:#f5f5f5;color:#fff}._invoiceModal_vajh6_1 ._invoiceModalButtons_vajh6_160{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #e0e0e0}._invoiceModal_vajh6_1 ._loadingContainer_vajh6_167{display:flex;justify-content:center;align-items:center;height:500px;width:100%}._paymentDetailsHeader_1ca5v_1{position:relative;display:flex;flex-direction:column;margin-bottom:24px}._paymentDetailsHeader_1ca5v_1 h1{margin-bottom:10px;font-size:24px;font-weight:600;color:#333}._paymentDetailsHeader_1ca5v_1 p{color:#666;font-size:14px;margin:0}._paymentDetailsHeader_1ca5v_1 ._paymentDetailsHeaderActions_1ca5v_18{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}._paymentDetailsHeader_1ca5v_1 ._paymentDetailsHeaderActions_1ca5v_18:hover{background-color:#f5f5f5;color:#333;transform:scale(1.1)}._paymentDetailsHeader_1ca5v_1 ._paymentDetailsHeaderActions_1ca5v_18:active{transform:scale(.95)}._paymentDetailsHeader_1ca5v_1 ._paymentDetailsHeaderActions_1ca5v_18:focus{outline:2px solid #007bff;outline-offset:2px}._paymentInfoCard_1ca5v_46{margin-bottom:24px}._paymentInfoHeader_1ca5v_50{background-color:#f8f9fa;padding:12px 20px;border-radius:8px;margin-bottom:16px}._paymentInfoHeader_1ca5v_50 h3{font-size:16px;font-weight:600;color:#333;margin:0}._paymentInfoContent_1ca5v_63{background-color:#fff;border-radius:8px;padding:20px;border-left:4px solid #007bff;position:relative;box-shadow:0 2px 4px #0000001a}._paymentInfoGrid_1ca5v_72{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}._paymentInfoRow_1ca5v_78{display:flex;flex-direction:column;gap:4px}._paymentInfoLabel_1ca5v_84{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}._paymentInfoValue_1ca5v_92{font-size:14px;font-weight:500;color:#333}._statusBadge_1ca5v_98{display:inline-flex;align-items:center;gap:6px;background-color:#dcfce7;color:#166534;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}._checkIcon_1ca5v_110{color:#22c55e;font-weight:700}._paymentModeBadge_1ca5v_115{display:inline-block;background-color:#fff;color:#333;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #e5e7eb}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentTypeSection_1ca5v_126{margin-bottom:20px}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentTypeSection_1ca5v_126 h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#333}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentTypeSection_1ca5v_126 ._paymentTypeCheckboxes_1ca5v_135{display:flex;gap:20px}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentTypeSection_1ca5v_126 ._paymentTypeCheckboxes_1ca5v_135 ._paymentTypeCheckbox_1ca5v_135 label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentTypeSection_1ca5v_126 ._paymentTypeCheckboxes_1ca5v_135 ._paymentTypeCheckbox_1ca5v_135 label input[type=checkbox]{width:16px;height:16px;cursor:pointer}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentTypeSection_1ca5v_126 ._errorMessage_1ca5v_152{color:#dc2626;font-size:12px;margin-top:4px;display:block}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._amountSection_1ca5v_158{margin-bottom:20px}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._amountSection_1ca5v_158 h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#333}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentMethodSectionContainer_1ca5v_167{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentMethodSectionContainer_1ca5v_167 ._paymentMethodSection_1ca5v_167,._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._paymentMethodSectionContainer_1ca5v_167 ._referenceSection_1ca5v_174{flex:1}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._fullAmountDisplay_1ca5v_177{margin-bottom:20px}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._fileSection_1ca5v_180{margin-top:20px;margin-bottom:10px}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._fileSection_1ca5v_180 ._fileHelpText_1ca5v_184{font-size:12px;color:#666;margin-top:5px;text-align:center}._paymentDetailsContent_1ca5v_126 ._paymentForm_1ca5v_126 ._submitSection_1ca5v_190{text-align:right}.pets-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.pets-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.pets-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:550;color:#008c9c}.pets-title i{font-size:20px}.pets-actions{display:flex;gap:12px}.pets-content{margin-top:10px;background:#fff;padding:10px 24px 24px;border-radius:9px}.pets-grid{display:grid;gap:24px;margin-bottom:24px}.pet-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.pet-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.pet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.pet-number{display:flex;align-items:center;gap:12px}.pet-badge{background:#008c9c;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.pet-badge.new{background:#008c9c}.pet-header h4{margin:0;color:#1f2937;font-size:16px;font-weight:600}.pet-details{display:flex;flex-direction:column;gap:16px}.pet-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pet-field.full-width{grid-column:1/-1}.add-pet-section{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.pets-header{flex-direction:column;gap:16px;text-align:center}.pets-actions{width:100%;justify-content:center}.pet-row{grid-template-columns:1fr}.pet-header{flex-direction:column;gap:12px;align-items:flex-start}}.vehicles-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.vehicles-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.vehicles-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:550;color:#008c9c}.vehicles-title i{font-size:20px}.vehicles-actions{display:flex;gap:12px}.vehicles-content{margin-top:10px;background:#fff;padding:10px 24px 24px;border-radius:9px}.vehicles-grid{display:grid;gap:24px;margin-bottom:24px}.vehicle-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.vehicle-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.vehicle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.vehicle-number{display:flex;align-items:center;gap:12px}.vehicle-badge{background:#008c9c;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.vehicle-badge.new{background:#008c9c}.vehicle-header h4{margin:0;color:#1f2937;font-size:16px;font-weight:600}.vehicle-details{display:flex;flex-direction:column;gap:16px}.vehicle-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.vehicle-field.full-width{grid-column:1/-1}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-icon{font-size:48px;margin-bottom:16px;color:#d1d5db}.empty-state h3{margin:0 0 8px;color:#374151;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px}.add-vehicle-section{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.vehicles-header{flex-direction:column;gap:16px;text-align:center}.vehicles-actions{width:100%;justify-content:center}.vehicle-row{grid-template-columns:1fr}.vehicle-header{flex-direction:column;gap:12px;align-items:flex-start}}.modal-unit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-unit-overlay .modal-unit-content{background-color:#fff;padding:24px;border-radius:10px;width:45vw;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;animation:modalFadeIn .3s ease-in-out;position:relative}.modal-unit-overlay .modal-unit-content .modal-unit-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;padding:0;line-height:1}.modal-unit-overlay .modal-unit-content .modal-unit-close:hover{color:#333}.modal-unit-overlay .modal-unit-content h2{margin-bottom:16px;color:#008c9c}.modal-unit-overlay .modal-unit-content .sub-heading{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 0 12px;margin-bottom:-10px}.modal-unit-overlay .modal-unit-content .sub-heading-title{margin:0;padding:0;font-size:21px;font-weight:500;color:#008c9c;text-transform:capitalize;flex:1}.modal-unit-overlay .modal-unit-content .sub-heading-close-button{background:none;border:none;cursor:pointer;font-size:24px;color:#556176;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.modal-unit-overlay .modal-unit-content .sub-heading-close-button:hover:not(:disabled){color:#3a4553}.modal-unit-overlay .modal-unit-content .sub-heading-close-button:disabled{cursor:not-allowed;opacity:.6}.modal-unit-overlay .modal-unit-content .unit-buttons{display:flex;justify-content:flex-end;gap:12px}.modal-unit-overlay .modal-unit-content .form-group{display:flex;flex-direction:column;margin-top:10px}.active-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.active-modal .active-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.active-modal .active-modal-header .active-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f0fdf4;border-radius:50%;flex-shrink:0}.active-modal .active-modal-header .active-modal-title{margin:0;font-size:20px;font-weight:600;color:#1f2937}.active-modal .active-modal-content{margin-bottom:24px}.active-modal .active-modal-content .active-modal-message{margin:0 0 12px;font-size:16px;line-height:1.5;color:#374151}.active-modal .active-modal-content .active-modal-message .person-name{font-weight:600;color:#059669}.active-modal .active-modal-content .active-modal-warning{margin:0;font-size:14px;color:#6b7280;font-style:italic}.active-modal .active-modal-actions{display:flex;gap:12px;justify-content:flex-end}.active-modal .active-modal-actions button{min-width:100px}@media (max-width: 640px){.active-modal{margin:16px;padding:20px}.active-modal .active-modal-header .active-modal-title{font-size:18px}.active-modal .active-modal-actions{flex-direction:column-reverse}.active-modal .active-modal-actions button{width:100%}}.meetings-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.meetings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.meetings-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.meetings-title i{font-size:20px}.meetings-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.meetings-container{display:grid;grid-template-columns:repeat(1,1fr);flex-direction:column;justify-content:space-between;gap:20px;margin-top:20px}.meetings-container .meeting-card{display:flex;justify-content:space-between;gap:10px;border:1px solid #e0e0e0;border-radius:10px;padding:15px}.meetings-container .meeting-card .meeting-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#008c9c}.meetings-container .meeting-card .meeting-date,.meetings-container .meeting-card .meeting-time,.meetings-container .meeting-card .meeting-location{font-size:14px;color:#666}.meetings-container .metting-attechment{width:300px;height:100px;background-color:#f0f0f0;border-radius:10px}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.comment-modal-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.comment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.comment-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.comment-modal-header .comment-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.comment-modal-header .comment-modal-close:hover{background:#f3f4f6;color:#374151}.comment-modal-body{margin-bottom:24px}.comment-modal-body .response-type{margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;font-size:14px;color:#374151}.comment-modal-body .response-type strong{color:#1f2937}.comment-modal-body .comment-input-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.comment-modal-body .comment-input-group .comment-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.comment-modal-body .comment-input-group .comment-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comment-modal-body .comment-input-group .comment-textarea::placeholder{color:#9ca3af}.comment-modal-actions{display:flex;gap:12px;justify-content:flex-end}.comment-modal-actions .cmp-button-container{min-width:120px}@media (max-width: 640px){.comment-modal-overlay{padding:16px}.comment-modal-content{padding:20px}.comment-modal-actions{flex-direction:column}.comment-modal-actions .cmp-button-container{width:100%}}.meeting-card{background:#fff;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;position:relative}.meeting-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.meeting-card .meeting-card-header{display:flex;justify-content:space-between;align-items:flex-start}.meeting-card .meeting-card-header .meeting-title-section{display:flex;gap:20px;align-items:center;flex:1}.meeting-card .meeting-card-header .meeting-title-section .meeting-title{font-size:20px;font-weight:600;color:#008c9c;margin:0;line-height:1.3}.meeting-card .meeting-card-header .meeting-title-section .meeting-badges,.meeting-card .meeting-card-header .meeting-actions{display:flex;gap:8px;align-items:center}.meeting-card .meeting-card-header .meeting-actions .event-card__menu-container{position:relative}.meeting-card .meeting-card-header .meeting-actions .event-card__menu-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.meeting-card .meeting-card-header .meeting-actions .event-card__menu-btn:hover{background:#f3f4f6;color:#374151}.meeting-card .meeting-card-header .meeting-actions .meeting-card__dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:20;min-width:160px;padding:8px 0;margin-top:4px}.meeting-card .meeting-card-header .meeting-actions .meeting-card__dropdown-menu .meeting-card__menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#374151;transition:all .2s}.meeting-card .meeting-card-header .meeting-actions .meeting-card__dropdown-menu .meeting-card__menu-item:hover{background:#f9fafb}.meeting-card .meeting-card-header .meeting-actions .meeting-card__dropdown-menu .meeting-card__menu-item.meeting-card__menu-item--delete{color:#dc2626}.meeting-card .meeting-card-header .meeting-actions .meeting-card__dropdown-menu .meeting-card__menu-item.meeting-card__menu-item--accept{color:#059669}.meeting-card .meeting-card-header .meeting-actions .meeting-card__dropdown-menu .meeting-card__menu-item.meeting-card__menu-item--tentative{color:#f59e0b}.meeting-card .meeting-card-header .meeting-actions .meeting-card__dropdown-menu .meeting-card__menu-item.meeting-card__menu-item--decline{color:#dc2626}.meeting-card .meeting-description{margin-bottom:20px}.meeting-card .meeting-description p{margin:0;color:#374151;line-height:1.6;font-size:14px}.meeting-card .meeting-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px;border-radius:8px}.meeting-card .meeting-details-grid .detail-item{display:flex;align-items:center;flex-direction:row;gap:8px}.meeting-card .meeting-details-grid .detail-item .detail-icon{color:#008c9c;font-size:16px;flex-shrink:0}.meeting-card .meeting-details-grid .detail-item .detail-text{color:#374151;font-size:14px;font-weight:500}.meeting-card .response-summary{border-top:1px solid #e5e7eb;padding-top:20px}.meeting-card .response-summary .response-summary-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.meeting-card .response-summary .response-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.meeting-card .response-summary .response-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.meeting-card .response-summary .response-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.meeting-card .response-summary .response-stats .stat-item .stat-number{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:4px}.meeting-card .response-summary .response-stats .stat-item .stat-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.meeting-card .response-summary .response-stats .stat-item.accepted{border-color:#10b981;background:#f0fdf4}.meeting-card .response-summary .response-stats .stat-item.accepted .stat-number{color:#059669}.meeting-card .response-summary .response-stats .stat-item.declined{border-color:#ef4444;background:#fef2f2}.meeting-card .response-summary .response-stats .stat-item.declined .stat-number{color:#dc2626}.meeting-card .response-summary .response-stats .stat-item.tentative{border-color:#f59e0b;background:#fffbeb}.meeting-card .response-summary .response-stats .stat-item.tentative .stat-number{color:#d97706}.meeting-card .response-summary .response-stats .stat-item.pending{border-color:#6b7280;background:#f9fafb}.meeting-card .response-summary .response-stats .stat-item.pending .stat-number{color:#374151}@media (max-width: 768px){.meeting-card{padding:16px}.meeting-card .meeting-card-header{flex-direction:column;gap:12px}.meeting-card .meeting-card-header .meeting-actions{align-self:flex-end}.meeting-card .meeting-details-grid{grid-template-columns:1fr;gap:12px}.meeting-card .response-summary .response-stats{grid-template-columns:repeat(2,1fr);gap:8px}.meeting-card .response-summary .response-stats .stat-item{padding:8px 4px}.meeting-card .response-summary .response-stats .stat-item .stat-number{font-size:16px}.meeting-card .response-summary .response-stats .stat-item .stat-label{font-size:10px}}@media (max-width: 480px){.meeting-card{padding:12px}.meeting-card .meeting-card-header .meeting-title-section .meeting-title{font-size:18px}.meeting-card .meeting-details-grid .detail-item .detail-text{font-size:13px}.meeting-card .response-summary .response-stats{grid-template-columns:repeat(2,1fr);gap:6px}.meeting-card .response-summary .response-stats .stat-item{padding:6px 4px}.meeting-card .response-summary .response-stats .stat-item .stat-number{font-size:14px}.meeting-card .response-summary .response-stats .stat-item .stat-label{font-size:9px}}.meeting-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.meeting-modal .modal-overlay .modal-content::-webkit-scrollbar{display:none}.meeting-main-conten{background:#fff;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.meeting-main-conten::-webkit-scrollbar{display:none}.meeting-main-conten .meeting-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.meeting-main-conten .meeting-title .meeting-heading{font-size:24px;font-weight:600;color:#008c9c;margin:0}.meeting-main-conten .meeting-title .meeting-back-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.meeting-main-conten .meeting-title .meeting-back-button:hover{background:#f3f4f6;color:#374151}.meeting-main-conten .meeting-agenda-section{margin-bottom:20px;position:relative}.meeting-main-conten .meeting-agenda-section .agenda-label{font-size:14px;color:#008c9c;font-weight:500;margin-bottom:8px}.meeting-main-conten .meeting-agenda-section .meeting-information{padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;font-size:14px;line-height:1.6;color:#1f2937;transition:all .3s ease;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.meeting-main-conten .meeting-agenda-section .meeting-information.truncated{max-height:240px;overflow:hidden;position:relative}.meeting-main-conten .meeting-agenda-section .meeting-information.truncated:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#f9fafb);pointer-events:none}.meeting-main-conten .meeting-agenda-section .show-more-btn{position:absolute;bottom:8px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;color:#008c9c;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:10}.meeting-main-conten .meeting-agenda-section .show-more-btn:active{transform:translateY(0)}.meeting-main-conten .text-label{margin-bottom:20px;font-size:14px;color:#374151;line-height:1.6}.meeting-main-conten .meeting-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.meeting-main-conten .meeting-info-grid .text-label{display:flex;align-items:flex-start;gap:8px;margin:0;font-weight:500;color:#6b7280;white-space:nowrap;min-width:0}.meeting-main-conten .meeting-info-grid .text-label svg{color:#008c9c;flex-shrink:0;margin-top:2px}.meeting-main-conten .meeting-info-grid .text-label .text-value{color:#6b7280;font-weight:600;margin-left:4px;flex:1;min-width:0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.meeting-main-conten .meeting-image{margin-top:24px}.meeting-main-conten .meeting-image .total-files{margin-bottom:16px}.meeting-main-conten .meeting-image .total-files .all-files{display:flex;flex-wrap:wrap;gap:12px}.meeting-main-conten .meeting-image .total-files .all-files .attachment-preview-file .file-preview-box{display:flex;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;transition:all .2s}.meeting-main-conten .meeting-image .total-files .all-files .attachment-preview-file .file-preview-box:hover{background:#f3f4f6;border-color:#d1d5db}.meeting-main-conten .meeting-image .total-files .all-files .attachment-preview-file .file-preview-box .file-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#374151;font-weight:500}.meeting-main-conten .meeting-image .total-files .all-files .attachment-preview-file .file-preview-box .file-link:hover{color:#1f40af}.meeting-main-conten .meeting-image .total-files .all-files .attachment-preview-file .file-preview-box .file-link .file-icon{width:24px;height:24px;flex-shrink:0}.meeting-main-conten .meeting-image .total-files .all-files .attachment-preview-file .file-preview-box .file-link .file-name{font-size:14px;word-break:break-word}.meeting-main-conten .meeting-image .no-file-container{text-align:center;color:#556176;font-style:italic}.meeting-main-conten .meeting-participants .participants-header{margin-bottom:16px}.meeting-main-conten .meeting-participants .participants-header h4{font-size:18px;font-weight:600;color:#008c9c;margin:0}.meeting-main-conten .meeting-participants .participants-list{display:grid;gap:12px}.meeting-main-conten .meeting-participants .participants-list .participant-item{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.meeting-main-conten .meeting-participants .participants-list .participant-item .participant-info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:4px}.meeting-main-conten .meeting-participants .participants-list .participant-item .participant-info .participant-name{font-weight:600;color:#6b7280;margin-bottom:4px}.meeting-main-conten .meeting-participants .participants-list .participant-item .participant-info .participant-group{font-size:12px;color:#6b7280;margin-bottom:2px}.meeting-main-conten .meeting-participants .participants-list .participant-item .participant-info .participant-status{font-size:12px;color:#059669;font-weight:500;margin-left:auto}.meeting-main-conten .meeting-participants .participants-list .participant-item .participant-info .participant-comments{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.meeting-response-buttons{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.meeting-response-buttons .response-buttons-header{margin-bottom:16px}.meeting-response-buttons .response-buttons-header h4{font-size:18px;font-weight:600;color:#1f2937;margin:0}.meeting-response-buttons .response-buttons-container{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.meeting-response-buttons .response-buttons-container .cmp-button-container{min-width:120px}@media (max-width: 768px){.meeting-main-conten{padding:16px;margin:16px}.meeting-main-conten .meeting-title .meeting-heading{font-size:20px}.meeting-main-conten .meeting-info-grid{grid-template-columns:1fr;gap:12px;padding:16px}.meeting-main-conten .meeting-info-grid .text-label{white-space:normal;flex-wrap:wrap}.meeting-main-conten .meeting-info-grid .text-label .text-value{white-space:normal;word-break:break-word}.meeting-main-conten .meeting-image .total-files .all-files .attachment-preview-file .file-preview-box .file-link .file-name{font-size:12px}}.campaigns-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.campaigns-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;color:#000}.campaigns-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.campaigns-title i{font-size:20px}.campaigns-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;margin:16px 0;min-width:320px;max-width:100%;position:relative;transition:all .3s ease}.campaign-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.campaign-card .campaign-card-content{display:flex;flex-direction:column;gap:16px;width:100%}.campaign-card .campaign-card-content .campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start}.campaign-card .campaign-card-content .campaign-card-header>div:first-child{flex:1;min-width:0}.campaign-card .campaign-card-content .campaign-card-header>div:first-child h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#008c9c;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-card .campaign-card-content .campaign-card-header>div:first-child p{margin:0;font-size:14px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.campaign-card .campaign-card-content .campaign-card-dates{display:flex;gap:12px;font-size:14px;font-weight:400;color:#374151}.campaign-card .campaign-card-content .campaign-card-registrations-participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:8px}.campaign-card .campaign-card-content .campaign-card-registrations-participants .campaign-card-participants-details{margin:0}.campaign-card .campaign-card-content .campaign-card-registrations-participants .campaign-card-participants-details span{font-size:14px;font-weight:400;color:#374151}.campaign-card .campaign-card-content .campaign-card-registrations-participants .campaign-card-participants-details span:before{content:attr(data-label);font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.campaign-card__menu-container{position:relative;flex-shrink:0}.campaign-card__menu-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.campaign-card__menu-btn:hover{background-color:#f3f4f6;color:#374151}.campaign-card__dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:9999;min-width:150px;padding:8px 0;animation:dropdownFadeIn .2s ease-out}.campaign-card__dropdown-menu:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.campaign-card__menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease;text-align:left}.campaign-card__menu-item:hover{background-color:#f9fafb}.campaign-card__menu-item.campaign-card__menu-item--register:hover{background-color:#ecfdf5}@media (max-width: 768px){.campaign-card{padding:20px;margin:12px 0}.campaign-card .campaign-card-content{gap:12px}.campaign-card .campaign-card-content .campaign-card-header{flex-direction:column;align-items:flex-start;gap:12px}.campaign-card .campaign-card-content .campaign-card-header .campaign-card-header-left{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.campaign-card .campaign-card-content .campaign-card-registrations-participants{grid-template-columns:repeat(2,1fr);gap:8px}.campaign-card .campaign-card-content .campaign-card-registrations-participants .campaign-card-participants-details span{font-size:12px;min-height:50px}}@media (max-width: 480px){.campaign-card{padding:16px;margin:8px 0}.campaign-card .campaign-card-content .campaign-card-registrations-participants{grid-template-columns:1fr;gap:8px}}.campaign-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.forms-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.forms-header{display:flex;flex-direction:column;gap:8px;padding:20px 24px;color:#000}.forms-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#008c9c;margin:0}.forms-title i{font-size:20px}.forms-subtitle{margin:0;font-size:14px;color:#6b7280;font-weight:400}.forms-content{margin-top:10px;background:#fff;padding:0 24px 24px;border-radius:9px}.form-builder-container{background:#fff;min-height:100vh}.form-builder-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:500px;margin:4rem auto;padding:2rem}.form-builder-container .empty-state .empty-state-icon{margin-bottom:2rem}.form-builder-container .empty-state .empty-state-icon svg{opacity:.8}.form-builder-container .empty-state .empty-state-title{font-size:2rem;font-weight:700;color:#2c2c2c;margin:0 0 1rem;line-height:1.2}.form-builder-container .empty-state .empty-state-description{font-size:1.125rem;color:#6b7280;margin:0 0 2rem;line-height:1.5;max-width:400px}.form-builder-container .forms-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;padding:20px 0}@media (max-width: 768px){.form-builder-container .forms-container{grid-template-columns:1fr;gap:16px;padding:16px 0}}@media (max-width: 768px){.form-builder-container{padding:1rem}.form-builder-container .empty-state{margin:2rem auto;padding:1rem}.form-builder-container .empty-state .empty-state-title{font-size:1.5rem}.form-builder-container .empty-state .empty-state-description{font-size:1rem}}.form-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #f97316;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease-in-out;position:relative}.form-card:hover{box-shadow:0 4px 12px #00000026;border-color:#d1d5db}.form-card.dropdown-open{box-shadow:0 4px 12px #00000026}.form-card .form-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.form-card .form-card-header .form-title-section{flex:1;margin-right:16px;display:flex;justify-content:space-between}.form-card .form-card-header .form-title-section .form-title{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.4}.form-card .form-card-header .form-actions{display:flex;align-items:flex-start;gap:8px}.form-card .form-badges-section{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.form-card .form-badges-section .form-stats-container{display:flex;gap:12px;width:100%;justify-content:flex-start}.form-card .form-badges-section .form-stats-container .stat-item{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:6px 12px;border-radius:12px;min-width:80px;gap:8px}.form-card .form-badges-section .form-stats-container .stat-item .stat-label-form{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.form-card .form-badges-section .form-stats-container .stat-item .stat-value{font-size:14px;font-weight:700}.form-card .form-badges-section .form-stats-container .stat-item.stat-questions{background-color:#fef3c7}.form-card .form-badges-section .form-stats-container .stat-item.stat-questions .stat-label-form,.form-card .form-badges-section .form-stats-container .stat-item.stat-questions .stat-value{color:#92400e}.form-card .form-badges-section .form-stats-container .stat-item.stat-responses{background-color:#d1fae5}.form-card .form-badges-section .form-stats-container .stat-item.stat-responses .stat-label-form,.form-card .form-badges-section .form-stats-container .stat-item.stat-responses .stat-value{color:#065f46}.form-card .form-actions-section{display:flex;gap:8px;align-items:center}.form-card .form-card__menu-container{position:relative}.form-card .form-card__menu-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.form-card .form-card__menu-btn:hover{background-color:#f3f4f6}.form-card .form-card__menu-btn svg{color:#6b7280}.form-card .form-card__dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:160px;padding:4px 0;margin-top:4px}.form-card .form-card__dropdown-menu .form-card__menu-item{width:100%;padding:8px 16px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;transition:background-color .2s ease}.form-card .form-card__dropdown-menu .form-card__menu-item:hover{background-color:#f3f4f6}.form-card .form-card__dropdown-menu .form-card__menu-item .menu-icon{width:14px;height:14px;color:#6b7280}.form-card .form-card__dropdown-menu .form-card__menu-item.form-card__menu-item--view,.form-card .form-card__dropdown-menu .form-card__menu-item.form-card__menu-item--edit,.form-card .form-card__dropdown-menu .form-card__menu-item.form-card__menu-item--analytics,.form-card .form-card__dropdown-menu .form-card__menu-item.form-card__menu-item--share,.form-card .form-card__dropdown-menu .form-card__menu-item.form-card__menu-item--delete{color:#374151}@media (max-width: 768px){.form-card{padding:16px}.form-card .form-card-header{flex-direction:column;align-items:flex-start;gap:12px}.form-card .form-card-header .form-title-section{margin-right:0;width:100%}.form-card .form-details-grid{grid-template-columns:1fr;gap:8px}.form-card .form-card__dropdown-menu{right:-8px;left:-8px;width:calc(100% + 16px)}}.member-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.member-form-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.member-form-card .form-card-header{margin-bottom:16px}.member-form-card .form-card-header .form-title-section{display:flex;justify-content:space-between;align-items:flex-start}.member-form-card .form-card-header .form-title-section .form-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4}.member-form-card .form-card-header .form-title-section .form-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.member-form-card .form-badges-section{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.member-form-card .form-badges-section .badge{font-size:12px;padding:4px 8px;border-radius:6px;font-weight:500}.member-form-card .form-actions-section{display:flex;justify-content:flex-end;gap:12px}.member-form-card .form-actions-section .btn{padding:8px 16px;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.member-form-card .form-actions-section .btn.btn-primary{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.member-form-card .form-actions-section .btn.btn-primary:hover{background:#2563eb;border-color:#2563eb}.member-form-card .form-actions-section .btn.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.member-form-card .form-actions-section .btn.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width: 768px){.member-form-card{padding:16px;margin-bottom:12px}.member-form-card .form-card-header .form-title-section{flex-direction:column;gap:8px}.member-form-card .form-card-header .form-title{font-size:16px}.member-form-card .form-actions-section{flex-direction:column;gap:8px}.member-form-card .form-actions-section .btn{width:100%;justify-content:center}}.form-view-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.form-view-fullscreen .close-button{position:fixed;top:20px;right:20px;background:#0000001a;border:none;padding:12px;border-radius:50%;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001;width:40px;height:40px}.form-view-fullscreen .close-button:hover{background:#0003;color:#111827}.form-view-fullscreen .close-button svg{width:18px;height:18px}.form-view-fullscreen .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0;border-bottom:1px solid #e5e7eb}.form-view-fullscreen .modal-header .modal-title-section{flex:1;margin-right:16px}.form-view-fullscreen .modal-header .modal-title-section .modal-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 12px;line-height:1.3}.form-view-fullscreen .modal-header .modal-title-section .form-meta{display:flex;gap:12px;align-items:center}.form-view-fullscreen .modal-header .modal-title-section .form-meta .access-badge{background:#d1fae5;color:#065f46;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;text-transform:capitalize}.form-view-fullscreen .modal-header .modal-title-section .form-meta .questions-count{color:#6b7280;font-size:14px;font-weight:500}.form-view-fullscreen .modal-header .close-button{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.form-view-fullscreen .modal-header .close-button:hover{background:#f3f4f6;color:#374151}.form-view-fullscreen .modal-header .close-button svg{width:16px;height:16px}.form-view-fullscreen .modal-content{flex:1;overflow-y:auto;padding:24px}.form-view-fullscreen .modal-content .section-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.form-view-fullscreen .modal-content .form-description-section{margin-bottom:32px}.form-view-fullscreen .modal-content .form-description-section .description-text{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.form-view-fullscreen .modal-content .form-details-section{margin-bottom:32px}.form-view-fullscreen .modal-content .form-details-section .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-view-fullscreen .modal-content .form-details-section .details-grid .detail-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border-left:3px solid #3b82f6}.form-view-fullscreen .modal-content .form-details-section .details-grid .detail-item .detail-icon{color:#6b7280;font-size:16px;width:16px;height:16px;flex-shrink:0}.form-view-fullscreen .modal-content .form-details-section .details-grid .detail-item .detail-content{display:flex;flex-direction:column;gap:4px}.form-view-fullscreen .modal-content .form-details-section .details-grid .detail-item .detail-content .detail-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.form-view-fullscreen .modal-content .form-details-section .details-grid .detail-item .detail-content .detail-value{font-size:14px;color:#374151;font-weight:600}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:16px;transition:all .2s ease}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item:last-child{margin-bottom:0}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-header{margin-bottom:12px}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-header .question-info{display:flex;align-items:center;gap:8px}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-header .question-info .question-type-icon{color:#6b7280;font-size:14px;width:14px;height:14px}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-header .question-info .question-number{background:#3b82f6;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;min-width:20px;text-align:center}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-header .question-info .question-type{background:#e5e7eb;color:#374151;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;text-transform:capitalize}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-header .question-info .required-badge{background:#fef3c7;color:#92400e;font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;text-transform:uppercase}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-text{font-size:16px;font-weight:500;color:#111827;margin:0 0 8px;line-height:1.4}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-description{color:#6b7280;font-size:14px;margin:0 0 12px;line-height:1.5}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-options{margin:12px 0}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-options .options-label{font-size:12px;color:#6b7280;font-weight:500;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-options .options-list{list-style:none;padding:0;margin:0}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-options .options-list .option-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;margin-bottom:4px;font-size:14px;color:#374151}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-options .options-list .option-item:last-child{margin-bottom:0}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-limit{display:flex;align-items:center;gap:8px;margin-top:8px}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-limit .limit-label{font-size:12px;color:#6b7280;font-weight:500}.form-view-fullscreen .modal-content .questions-section .questions-list .question-item .question-content .question-limit .limit-value{font-size:12px;color:#374151;font-weight:600;background:#f3f4f6;padding:2px 6px;border-radius:4px}.form-view-fullscreen .modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.form-view-fullscreen .modal-footer .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-view-fullscreen .modal-footer .btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width: 768px){.form-view-modal-overlay{padding:10px}.form-view-modal{max-height:95vh}.form-view-modal .modal-header{padding:16px 16px 0}.form-view-modal .modal-header .modal-title{font-size:20px}.form-view-modal .modal-content{padding:16px}.form-view-modal .modal-content .details-grid{grid-template-columns:1fr;gap:12px}.form-view-modal .modal-footer{padding:12px 16px}}.form-builder-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f5f5;display:flex;align-items:stretch;justify-content:stretch;z-index:1000;padding:10px;margin:0}.form-builder-modal{padding:2rem;background:#fff;border-radius:0;width:100%;height:100vh;display:flex;flex-direction:column;box-shadow:none;overflow:hidden;margin:0;padding:0}.form-builder-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#fff}.form-builder-nav .nav-left .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#6b7280;font-size:1rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.form-builder-nav .nav-left .back-button:hover{background:#f3f4f6;color:#374151}.form-builder-nav .nav-left .back-button .back-arrow{font-size:1.2rem;font-weight:700}.form-builder-nav .nav-right{display:flex;align-items:center;gap:1rem}.form-builder-nav .nav-right .hide-preview-btn{background:none;border:1px solid #d1d5db;color:#6b7280;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.form-builder-nav .nav-right .hide-preview-btn:hover{background:#f9fafb;border-color:#9ca3af}.form-builder-content{display:flex;flex:1;overflow:hidden;background:#f5f5f5}.form-config-panel{flex:1;background:#fff;padding:2rem;overflow-y:auto;margin:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-config-panel .config-section{display:flex;margin-bottom:2rem;position:relative;padding:1rem;border-radius:8px;border:1px solid #e5e7eb;border-left:4px solid #8b5cf6;box-shadow:0 3px 8px #0000001a}.form-config-panel .config-section .section-contents{flex:1}.form-config-panel .config-section .section-contents .field-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#3232e4;margin-bottom:.75rem;font-size:.9rem}.form-config-panel .config-section .section-contents .form-input,.form-config-panel .config-section .section-contents .form-textarea,.form-config-panel .config-section .section-contents .form-select{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .2s ease;background:#fff;font-weight:500}.form-config-panel .config-section .section-contents .form-input:focus,.form-config-panel .config-section .section-contents .form-textarea:focus,.form-config-panel .config-section .section-contents .form-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.form-config-panel .config-section .section-contents .form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-config-panel .config-section .section-contents .form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-config-panel .add-question-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.form-config-panel .add-question-container{position:relative;margin-top:2rem}.form-config-panel .question-config-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;border-left:4px solid #8b5cf6;margin:1rem 0;overflow:hidden;box-shadow:0 2px 4px #0000000d}.form-config-panel .question-config-card .question-header{background:#f8fafc;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.form-config-panel .question-config-card .question-header .question-controls{display:flex;align-items:center;justify-content:space-between}.form-config-panel .question-config-card .question-header .question-controls .drag-handles{display:flex;align-items:center;gap:.25rem;color:#9ca3af;cursor:grab}.form-config-panel .question-config-card .question-header .question-controls .drag-handles .drag-arrow{font-size:.75rem;color:#6b7280;cursor:pointer;padding:.125rem;border-radius:2px;transition:all .2s ease}.form-config-panel .question-config-card .question-header .question-controls .drag-handles .drag-arrow:hover{background:#e5e7eb;color:#374151}.form-config-panel .question-config-card .question-header .question-controls .drag-handles .drag-grip{font-size:.875rem;color:#9ca3af;cursor:grab;padding:.125rem;border-radius:2px;transition:all .2s ease}.form-config-panel .question-config-card .question-header .question-controls .drag-handles .drag-grip:hover{color:#6b7280}.form-config-panel .question-config-card .question-header .question-controls .question-type-badge{display:flex;align-items:center;gap:.5rem;background:#8b5cf6;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.form-config-panel .question-config-card .question-header .question-controls .question-type-badge .type-icon{font-size:.875rem}.form-config-panel .question-config-card .question-header .question-controls .delete-question-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:4px;font-size:1rem;transition:all .2s ease}.form-config-panel .question-config-card .question-header .question-controls .delete-question-btn:hover{background:#fef2f2}.form-config-panel .question-config-card .question-field{padding:1rem;border-bottom:1px solid #f3f4f6}.form-config-panel .question-config-card .question-field:last-child{border-bottom:none}.form-config-panel .question-config-card .question-field .field-label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-config-panel .question-config-card .question-field.description-required-row{display:flex;gap:1rem;align-items:flex-end;padding:.5rem 1rem}.form-config-panel .question-config-card .question-field.description-required-row .description-field{flex:1}.form-config-panel .question-config-card .question-field.description-required-row .required-field{flex-shrink:0;min-width:120px}.form-config-panel .question-config-card .question-field .question-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease}.form-config-panel .question-config-card .question-field .question-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.form-config-panel .question-config-card .question-field .question-input::placeholder{color:#9ca3af}.form-config-panel .question-config-card .question-settings{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #f3f4f6}.form-config-panel .question-config-card .question-settings .question-type-selector{flex:1}.form-config-panel .question-config-card .question-settings .question-type-selector .field-label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-config-panel .question-config-card .question-settings .question-type-selector .type-select-wrapper{position:relative;display:flex;align-items:center}.form-config-panel .question-config-card .question-settings .question-type-selector .type-select-wrapper .type-select-icon{position:absolute;left:.75rem;z-index:1;color:#6b7280;font-size:.875rem;pointer-events:none}.form-config-panel .question-config-card .question-settings .question-type-selector .type-select-wrapper .type-select{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.form-config-panel .question-config-card .question-settings .question-type-selector .type-select-wrapper .type-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.form-config-panel .question-config-card .question-settings .required-toggle{display:flex;align-items:center;padding-top:1.5rem}.form-config-panel .question-config-card .question-settings .required-toggle .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-config-panel .question-config-card .question-settings .required-toggle .toggle-label .toggle-input{width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.form-config-panel .question-config-card .question-settings .required-toggle .toggle-label .toggle-text{font-size:.875rem;color:#374151;font-weight:500}.form-config-panel .question-config-card .question-settings .field-with-toggle{display:flex;align-items:center;gap:1rem}.form-config-panel .question-config-card .question-settings .field-with-toggle .question-input{flex:1}.form-config-panel .question-config-card .question-settings .field-with-toggle .toggle-container{flex-shrink:0}.form-config-panel .question-config-card .question-settings .field-with-toggle .toggle-container .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-config-panel .question-config-card .question-settings .field-with-toggle .toggle-container .toggle-label .toggle-input{width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.form-config-panel .question-config-card .question-settings .field-with-toggle .toggle-container .toggle-label .toggle-text{font-size:.875rem;color:#374151;font-weight:500}.form-config-panel .question-config-card .option-input{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-config-panel .question-config-card .option-input .option-number{font-weight:500;color:#6b7280;font-size:.875rem;min-width:1.5rem}.form-config-panel .question-config-card .option-input .question-input{flex:1}.form-config-panel .question-config-card .option-input .remove-option-btn{background:none;color:#ef4444;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;font-weight:700;transition:all .2s ease}.form-config-panel .question-config-card .option-input .remove-option-btn:hover{background:#fef2f2}.form-config-panel .question-config-card .add-option-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.form-config-panel .question-config-card .add-option-btn:hover{background:#e5e7eb;border-color:#9ca3af}.form-config-panel .question-config-card .allow-other-toggle{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.form-config-panel .question-config-card .allow-other-toggle .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-config-panel .question-config-card .allow-other-toggle .toggle-label .toggle-input{width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.form-config-panel .question-config-card .allow-other-toggle .toggle-label .toggle-text{font-size:.875rem;color:#374151;font-weight:500}.form-config-panel .question-config-card .nps-info{margin-top:.5rem}.form-config-panel .question-config-card .nps-info .nps-description{font-size:.8rem;color:#6b7280;margin:0;line-height:1.4}.form-config-panel .question-config-card .file-upload-settings{margin-top:.5rem}.form-config-panel .question-config-card .file-upload-settings .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-config-panel .question-config-card .file-upload-settings .toggle-label .toggle-input{width:18px;height:18px;accent-color:#8b5cf6;cursor:pointer}.form-config-panel .question-config-card .file-upload-settings .toggle-label .toggle-text{font-size:.875rem;color:#374151;font-weight:500}.preview-panel{flex:1;background:#fff;display:flex;flex-direction:column;margin:1rem 1rem 1rem 0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-panel .preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.preview-panel .preview-header .preview-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:1.1rem}.preview-panel .preview-header .preview-title .preview-icon{font-size:1.2rem}.preview-panel .preview-header .device-selector{display:flex;gap:.5rem}.preview-panel .preview-header .device-selector .device-btn{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.preview-panel .preview-header .device-selector .device-btn:hover{background:#e5e7eb}.preview-panel .preview-header .device-selector .device-btn.active{background:#008c9c;color:#fff;border-color:#008c9c}.preview-panel .preview-content{border-radius:8px;background:#f8fafc;flex:1;display:flex;align-items:flex-start;justify-content:center;margin:20px;padding:20px;overflow-y:auto}.preview-panel .form-preview-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a;width:100%;max-width:600px}.preview-panel .preview-form-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1rem;border-bottom:2px solid #8b5cf6;padding-bottom:.5rem}.preview-panel .preview-form-description{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem;line-height:1.5}.preview-panel .preview-empty-state{text-align:center;padding:2rem;color:#9ca3af}.preview-panel .preview-empty-state .preview-empty-text{font-size:1rem;font-weight:500;margin:0 0 .5rem}.preview-panel .preview-empty-state .preview-empty-subtext{font-size:.875rem;margin:0}.preview-panel .preview-questions{display:flex;flex-direction:column;gap:1.5rem}.preview-panel .preview-question{border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;background:#fff;box-shadow:0 1px 3px #0000001a}.preview-panel .preview-question-header{margin-bottom:1rem}.preview-panel .preview-question-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;display:flex;align-items:center;gap:.25rem}.preview-panel .preview-question-title .required-asterisk,.preview-panel .field-label .required-asterisk,.preview-panel .section-title .required-asterisk{color:#ef4444;font-weight:700}.preview-panel .field-error{color:#ef4444;font-size:12px;margin-top:.5rem;font-weight:500}.preview-panel .preview-question-description{color:#6b7280;font-size:.9rem;margin:0;line-height:1.4}.preview-panel .preview-question-content{margin-top:1rem}.preview-panel .preview-textarea-container{width:100%}.preview-panel .preview-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;background:#f9fafb;color:#6b7280}.preview-panel .preview-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.preview-panel .character-limit-info{margin-top:.5rem;text-align:right}.preview-panel .character-limit-text{font-size:.8rem;color:#6b7280;font-style:italic}.preview-panel .preview-options{display:flex;flex-direction:column;gap:.75rem}.preview-panel .preview-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.preview-panel .preview-option:hover{background:#f3f4f6}.preview-panel .preview-option input[type=radio]{width:16px;height:16px;accent-color:#8b5cf6;cursor:pointer}.preview-panel .preview-option .option-text{font-size:.9rem;color:#374151;flex:1}.question-type-dropdown{position:absolute;bottom:150%;width:20vw;right:0;background:#2d3748;border-radius:8px;box-shadow:0 10px 25px #0000004d;z-index:1000;margin-top:.5rem;overflow:hidden;border:1px solid #4a5568}.question-type-dropdown .dropdown-header{padding:.75rem 1rem;border-bottom:1px solid #4a5568;background:#374151}.question-type-dropdown .dropdown-header h4{color:#fff;font-size:.9rem;font-weight:600;margin:0}.question-type-dropdown .dropdown-options{max-height:300px;overflow-y:auto}.question-type-dropdown .dropdown-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #4a5568}.question-type-dropdown .dropdown-option:last-child{border-bottom:none}.question-type-dropdown .dropdown-option:hover{background:#4a5568}.question-type-dropdown .dropdown-option .option-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#4a5568;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;flex-shrink:0}.question-type-dropdown .dropdown-option .option-content{flex:1;min-width:0}.question-type-dropdown .dropdown-option .option-content .option-title{color:#fff;font-size:.85rem;font-weight:500;margin-bottom:.125rem}.question-type-dropdown .dropdown-option .option-content .option-description{color:#a0aec0;font-size:.75rem;line-height:1.2}@media (max-width: 1024px){.form-builder-modal{height:95vh;margin:.5rem}.form-builder-content{flex-direction:column}.form-config-panel{border-right:none;border-bottom:1px solid #e5e7eb;max-height:40vh}.preview-panel{flex:1}}@media (max-width: 768px){.form-builder-modal-overlay{padding:.5rem}.form-builder-modal{height:100vh;border-radius:0;margin:0}.form-builder-nav{padding:1rem}.form-builder-nav .nav-right{gap:.5rem}.form-builder-nav .nav-right .hide-preview-btn{padding:.4rem .8rem;font-size:.8rem}.form-config-panel,.preview-panel .preview-header{padding:1rem}.preview-panel .preview-header .device-selector .device-btn{min-width:35px;height:35px;font-size:1rem}}.form-view-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.form-view-fullscreen .close-button{position:absolute;top:20px;right:20px;background:#fff;border:1px solid #d1d5db;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1001}.form-view-fullscreen .close-button:hover{background:#f3f4f6;border-color:#9ca3af}.form-view-fullscreen .close-button svg{font-size:16px;color:#6b7280}.form-view-fullscreen .form-fill-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.form-view-fullscreen .form-fill-content .form-fill-header{padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.form-view-fullscreen .form-fill-content .form-fill-header .form-fill-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.3}.form-view-fullscreen .form-fill-content .form-fill-header .form-fill-description{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.form-view-fullscreen .form-fill-content .form-fill-body{flex:1;overflow-y:auto;padding:24px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-empty-state{text-align:center;padding:40px 20px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-empty-state .form-fill-empty-text{font-size:16px;color:#6b7280;margin:0}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-header{margin-bottom:16px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-header .form-fill-question-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-header .form-fill-question-title .required-asterisk{color:#ef4444;margin-left:4px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-header .form-fill-question-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-input,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-textarea,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-select,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-date,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-time{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-input:focus,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-textarea:focus,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-select:focus,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-date:focus,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-time:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #3b82f61a}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-input::placeholder,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-textarea::placeholder,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-select::placeholder,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-date::placeholder,.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-time::placeholder{color:#9ca3af}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-textarea{resize:vertical;min-height:100px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-textarea-container{position:relative}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-textarea-container .character-limit-info{position:absolute;bottom:8px;right:12px;background:#ffffffe6;padding:2px 6px;border-radius:4px;font-size:12px;color:#6b7280}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-options{display:flex;flex-direction:column;gap:12px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-options .preview-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-options .preview-option:hover{border-color:#008c9c;background:#f8fafc}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-options .preview-option input[type=radio],.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-options .preview-option input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#3b82f6}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-options .preview-option .option-text{font-size:14px;color:#374151;font-weight:500}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-file-upload{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;transition:all .2s ease}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-file-upload:hover{border-color:#008c9c;background:#f8fafc}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-file-upload .preview-file-input{margin-bottom:12px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-content .preview-file-upload .file-upload-text{font-size:14px;color:#6b7280;margin:0}.form-view-fullscreen .form-fill-content .form-fill-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end;gap:12px}.form-view-fullscreen .form-fill-content .form-fill-footer .btn{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s ease;cursor:pointer;border:1px solid}.form-view-fullscreen .form-fill-content .form-fill-footer .btn.btn-primary{background:#008c9c;color:#fff;border-color:#008c9c}.form-view-fullscreen .form-fill-content .form-fill-footer .btn.btn-primary:hover:not(:disabled){background:#008c9c;border-color:#008c9c}.form-view-fullscreen .form-fill-content .form-fill-footer .btn.btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.form-view-fullscreen .form-fill-content .form-fill-footer .btn.btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.form-view-fullscreen .form-fill-content .form-fill-footer .btn.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.form-view-fullscreen{padding:10px}.form-view-fullscreen .close-button{top:10px;right:10px;width:36px;height:36px}.form-view-fullscreen .form-fill-content{max-height:95vh}.form-view-fullscreen .form-fill-content .form-fill-header{padding:20px}.form-view-fullscreen .form-fill-content .form-fill-header .form-fill-title{font-size:20px}.form-view-fullscreen .form-fill-content .form-fill-header .form-fill-description{font-size:14px}.form-view-fullscreen .form-fill-content .form-fill-body{padding:20px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question{margin-bottom:24px;padding-bottom:20px}.form-view-fullscreen .form-fill-content .form-fill-body .form-fill-questions .form-fill-question .form-fill-question-header .form-fill-question-title{font-size:16px}.form-view-fullscreen .form-fill-content .form-fill-footer{padding:16px 20px;flex-direction:column}.form-view-fullscreen .form-fill-content .form-fill-footer .btn{width:100%;justify-content:center}}.back-buttons{display:inline-block;padding:8px 16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;margin-bottom:20px;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease-in-out}.back-buttons:hover{background-color:#f9fafb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.back-buttons:active{transform:scale(.98)}.employee-management-page .page-header{display:flex;justify-content:space-between;align-items:center}.employee-management-page .page-header .header-actions{display:flex;gap:1rem}.employee-management-page .stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;margin-top:18px}.employee-management-page .search-roles-container{background-color:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #e0e0e0}.employee-management-page .search-roles-container .heading-tag h1{font-size:1.25rem}.employee-management-page .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.employee-management-page .status-badge.active{background-color:#e6f4ea;color:#34a853}.employee-management-page .status-badge.inactive{background-color:#fce8e6;color:#ea4335}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.modal-header .modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-header .modal-close-btn:hover{background-color:#f5f5f5;color:#333}form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}form .form-row:last-of-type{margin-bottom:0}form .form-row:has(input[disabled]){grid-template-columns:1fr}form .checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#333}form .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#007bff}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem}.modal-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-actions .btn.btn-primary{background-color:#007bff;color:#fff}.modal-actions .btn.btn-primary:hover{background-color:#0056b3}.modal-actions .btn.btn-secondary{background-color:#6c757d;color:#fff}.modal-actions .btn.btn-secondary:hover{background-color:#545b62}.modal-actions .btn.btn-danger{background-color:#dc3545;color:#fff}.modal-actions .btn.btn-danger:hover{background-color:#c82333}.heading-tag{margin-bottom:1.5rem}.heading-tag .heading-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}@media (max-width: 768px){.heading-tag .heading-content{flex-direction:column;align-items:stretch}.heading-tag .heading-content .dropdown-item{min-width:100%;max-width:100%}}.heading-tag .heading-text{flex:1;min-width:200px}.heading-tag .heading-text h1{margin:0;font-size:28px;font-weight:550;color:#008c9c}.heading-tag .heading-text p{color:#6c757d;margin:0;font-size:16px}.heading-tag .heading-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}@media (max-width: 768px){.heading-tag .heading-actions{justify-content:flex-start;margin-top:10px}}.heading-tag .dropdowns-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.heading-tag .dropdowns-container>*{margin:0}.heading-tag .dropdown-item{display:flex;align-items:center;width:250px;min-width:200px;max-width:350px;flex:0 0 auto}.heading-tag .dropdown-item:hover{background-color:transparent!important;background:none!important}.heading-tag .dropdown-item>*{width:100%!important;min-width:200px}.heading-tag .dropdown-item>*:hover{background-color:transparent!important;background:none!important}.heading-tag .dropdown-item .dropdown-input,.heading-tag .dropdown-item .ant-select,.heading-tag .dropdown-item select,.heading-tag .dropdown-item input[type=text],.heading-tag .dropdown-item input[type=email],.heading-tag .dropdown-item input[type=password]{width:100%!important;min-width:200px}.heading-tag .dropdown-item .dropdown-input:hover,.heading-tag .dropdown-item .ant-select:hover,.heading-tag .dropdown-item select:hover,.heading-tag .dropdown-item input[type=text]:hover,.heading-tag .dropdown-item input[type=email]:hover,.heading-tag .dropdown-item input[type=password]:hover{background-color:transparent!important;background:none!important}.heading-tag .dropdown-item .dropdown-input:focus,.heading-tag .dropdown-item .ant-select:focus,.heading-tag .dropdown-item select:focus,.heading-tag .dropdown-item input[type=text]:focus,.heading-tag .dropdown-item input[type=email]:focus,.heading-tag .dropdown-item input[type=password]:focus{background-color:transparent!important;background:none!important}.heading-tag .dropdown-item .dropdown-input-wrapper,.heading-tag .dropdown-item .form-group,.heading-tag .dropdown-item .input-group{width:100%!important;display:flex;flex-direction:column}.heading-tag .dropdown-item .dropdown-input-wrapper:hover,.heading-tag .dropdown-item .form-group:hover,.heading-tag .dropdown-item .input-group:hover{background-color:transparent!important;background:none!important}.heading-tag .dropdown-item .dropdown-input-wrapper label,.heading-tag .dropdown-item .form-group label,.heading-tag .dropdown-item .input-group label{margin-bottom:5px;font-weight:500;color:#333}.heading-tag .dropdown-item .dropdown-input-wrapper select,.heading-tag .dropdown-item .dropdown-input-wrapper input,.heading-tag .dropdown-item .form-group select,.heading-tag .dropdown-item .form-group input,.heading-tag .dropdown-item .input-group select,.heading-tag .dropdown-item .input-group input{width:100%!important;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.heading-tag .dropdown-item .dropdown-input-wrapper select:hover,.heading-tag .dropdown-item .dropdown-input-wrapper input:hover,.heading-tag .dropdown-item .form-group select:hover,.heading-tag .dropdown-item .form-group input:hover,.heading-tag .dropdown-item .input-group select:hover,.heading-tag .dropdown-item .input-group input:hover{background-color:transparent!important;background:none!important}.heading-tag .dropdown-item .dropdown-input-wrapper select:focus,.heading-tag .dropdown-item .dropdown-input-wrapper input:focus,.heading-tag .dropdown-item .form-group select:focus,.heading-tag .dropdown-item .form-group input:focus,.heading-tag .dropdown-item .input-group select:focus,.heading-tag .dropdown-item .input-group input:focus{background-color:transparent!important;background:none!important}.heading-tag .buttons-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.heading-tag .button-item{display:flex;align-items:center}.employee-modal .modal-overlay .modal-content{background:#fff;border-radius:8px;padding:0;max-width:700px;width:100%;max-height:90vh}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal-content{background:#fff;padding:24px;border-radius:12px;width:60vw;min-width:30vw;position:relative;box-shadow:0 4px 20px #0000001a}.employee-update-modal,.employee-create-modal{background:#fff;border-radius:8px;padding:0;max-width:900px;width:100%;max-height:90vh}.employee-roles-container .header-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media (max-width: 768px){.employee-roles-container .header-section{flex-direction:column;align-items:stretch}}.employee-roles-container .search-section{margin-bottom:24px}.employee-roles-container .table-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.employee-create-modal{background:#fff;border-radius:8px;padding:0;max-width:900px;width:100%;max-height:90vh}.employee-create-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.employee-create-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.employee-create-modal .modal-header .modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.employee-create-modal .modal-header .modal-close-btn:hover{background:#e5e7eb;color:#374151}.employee-create-modal form{padding:0}.employee-create-modal form .modal-contents{padding:24px;background:#fff}.employee-create-modal form .modal-contents .employee-details .detail-section{margin-bottom:32px}.employee-create-modal form .modal-contents .employee-details .detail-section h3{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:#111827;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.employee-create-modal form .modal-contents .employee-details .detail-section .display-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.employee-create-modal form .modal-contents .employee-details .detail-section .display-grid-2{grid-template-columns:1fr;gap:16px}}@media (min-width: 769px) and (max-width: 1024px){.employee-create-modal form .modal-contents .employee-details .detail-section .display-grid-2{grid-template-columns:1fr 1fr}}.employee-create-modal form .form-group{display:flex;flex-direction:column;gap:8px}.employee-create-modal form .form-group label{font-weight:500;color:#374151;font-size:14px}.employee-create-modal form .form-group .checkbox-group{display:flex;align-items:center;gap:8px;margin-top:4px}.employee-create-modal form .form-group .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.employee-create-modal form .form-group .checkbox-group label{margin:0;cursor:pointer;font-weight:400}.employee-create-modal form .checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;cursor:pointer}.employee-create-modal form .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.employee-create-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}@media (max-width: 768px){.employee-create-modal .modal-actions{flex-direction:column}.employee-create-modal .modal-actions button{width:100%}}.employee-update-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.employee-update-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.employee-update-modal .modal-header .modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.employee-update-modal .modal-header .modal-close-btn:hover{background:#e5e7eb;color:#374151}.employee-update-modal form{padding:0}.employee-update-modal form .modal-contents{padding:24px;background:#fff}.employee-update-modal form .modal-contents .employee-details .detail-section{margin-bottom:32px}.employee-update-modal form .modal-contents .employee-details .detail-section h3{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:#111827;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.employee-update-modal form .modal-contents .employee-details .detail-section .display-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.employee-update-modal form .modal-contents .employee-details .detail-section .display-grid-2{grid-template-columns:1fr;gap:16px}}@media (min-width: 769px) and (max-width: 1024px){.employee-update-modal form .modal-contents .employee-details .detail-section .display-grid-2{grid-template-columns:1fr 1fr}}.employee-update-modal form .form-group{display:flex;flex-direction:column;gap:8px}.employee-update-modal form .form-group label{font-weight:500;color:#374151;font-size:14px}.employee-update-modal form .form-group .checkbox-group{display:flex;align-items:center;gap:8px;margin-top:4px}.employee-update-modal form .form-group .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.employee-update-modal form .form-group .checkbox-group label{margin:0;cursor:pointer;font-weight:400}.employee-update-modal form .checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;cursor:pointer}.employee-update-modal form .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.employee-update-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}@media (max-width: 768px){.employee-update-modal .modal-actions{flex-direction:column}.employee-update-modal .modal-actions button{width:100%}}.employee-view-modal{background:#fff;border-radius:8px;padding:0;max-width:900px;width:100%;max-height:90vh}.employee-view-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.employee-view-modal .modal-header .modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.employee-view-modal .modal-header .modal-close-btn:hover{background:#e5e7eb;color:#374151}.employee-view-modal .modal-contents{padding:24px;background:#fff}.employee-view-modal .modal-contents .employee-details .detail-section{margin-bottom:32px}.employee-view-modal .modal-contents .employee-details .detail-section h3{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:#111827;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.employee-view-modal .modal-contents .employee-details .detail-section .display-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.employee-view-modal .modal-contents .employee-details .detail-section .display-grid-2{grid-template-columns:1fr;gap:16px}}@media (min-width: 769px) and (max-width: 1024px){.employee-view-modal .modal-contents .employee-details .detail-section .display-grid-2{grid-template-columns:1fr 1fr}}.employee-modal .modal-contents .employee-details .detail-section{border-bottom:1px solid #e5e7eb;padding-bottom:10px;background:#fff;transition:all .3s ease}.employee-modal .modal-contents .employee-details .detail-section:hover{border-color:#d1d5db}.employee-modal .modal-contents .employee-details .detail-section .section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.employee-modal .modal-contents .employee-details .detail-section .section-header:hover{opacity:.8}.employee-modal .modal-contents .employee-details .detail-section .section-header h3{margin:0;color:#008c9c;font-size:15px;font-weight:600}.employee-modal .modal-contents .employee-details .detail-section .section-header svg{transition:transform .2s ease}.emp-field-label{font-size:.875rem;font-weight:500;color:#008c9c;margin-bottom:4px;line-height:1.4}.emp-field-value{font-size:1rem;font-weight:400;color:#111827;line-height:1.5;word-break:break-word}.emp-field-value.emp-empty{color:#9ca3af;font-style:italic}.emp-status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.emp-status-badge.emp-active{background-color:#dcfce7;color:#166534}.emp-status-badge.emp-inactive{background-color:#fef2f2;color:#dc2626}.salary-create-modal,.salary-update-modal,.salary-view-modal{display:flex;flex-direction:column;gap:10px}.salary-create-modal .modal-header,.salary-update-modal .modal-header,.salary-view-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.salary-create-modal .modal-header h2,.salary-update-modal .modal-header h2,.salary-view-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.salary-create-modal .modal-header .modal-close-btn,.salary-update-modal .modal-header .modal-close-btn,.salary-view-modal .modal-header .modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.salary-create-modal .modal-header .modal-close-btn:hover,.salary-update-modal .modal-header .modal-close-btn:hover,.salary-view-modal .modal-header .modal-close-btn:hover{background:#e5e7eb;color:#374151}.salary-create-modal form,.salary-update-modal form,.salary-view-modal form{padding:24px}.salary-create-modal form .form-row,.salary-update-modal form .form-row,.salary-view-modal form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.salary-create-modal form .form-row,.salary-update-modal form .form-row,.salary-view-modal form .form-row{grid-template-columns:1fr;gap:16px}}.salary-create-modal .modal-contents,.salary-update-modal .modal-contents,.salary-view-modal .modal-contents{padding:24px}.salary-create-modal .modal-contents .salary-details .detail-section,.salary-update-modal .modal-contents .salary-details .detail-section,.salary-view-modal .modal-contents .salary-details .detail-section{margin-bottom:32px}.salary-create-modal .modal-contents .salary-details .detail-section h3,.salary-update-modal .modal-contents .salary-details .detail-section h3,.salary-view-modal .modal-contents .salary-details .detail-section h3{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:#111827;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.salary-create-modal .modal-contents .salary-details .detail-section .display-grid-2,.salary-update-modal .modal-contents .salary-details .detail-section .display-grid-2,.salary-view-modal .modal-contents .salary-details .detail-section .display-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}@media (max-width: 768px){.salary-create-modal .modal-contents .salary-details .detail-section .display-grid-2,.salary-update-modal .modal-contents .salary-details .detail-section .display-grid-2,.salary-view-modal .modal-contents .salary-details .detail-section .display-grid-2{grid-template-columns:1fr;gap:16px}}@media (min-width: 769px) and (max-width: 1024px){.salary-create-modal .modal-contents .salary-details .detail-section .display-grid-2,.salary-update-modal .modal-contents .salary-details .detail-section .display-grid-2,.salary-view-modal .modal-contents .salary-details .detail-section .display-grid-2{grid-template-columns:1fr 1fr}}.status-badge-emp{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.status-badge-emp.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge-emp.active:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.status-badge-emp.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-badge-emp.inactive:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}@media (max-width: 768px){.employee-create-modal,.employee-update-modal,.employee-view-modal,.salary-create-modal,.salary-update-modal,.salary-view-modal,.delete-modal{margin:10px;max-width:calc(100vw - 20px)}.form-row,.display-grid-2{grid-template-columns:1fr!important}}.employee-roles-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.employee-roles-container .loading-state p{margin:0 0 16px;color:#6b7280;font-size:16px}.employee-roles-container .loading-state button{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.employee-roles-container .loading-state button:hover{background:#2563eb}.service-main{max-width:1200px;margin:0 auto;width:100%}.service-main .cmp-heading-container .heading-with-icon{margin-left:-45px}.service-main .service-filters-container{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap;align-items:center}.service-main .service-filters-container .search-bar-service-wrapper{flex:1;min-width:300px}.service-main .service-filters-container .filter-dropdown{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#fff;color:#4a5568;font-size:.875rem;min-width:150px;cursor:pointer;transition:border-color .2s}.service-main .service-filters-container .filter-dropdown:focus{outline:none;border-color:#3b82f6}.service-main .service-filters-container .filter-dropdown:disabled{background-color:#f7fafc;cursor:not-allowed}.service-main .service-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.service-main .service-list .no-services{text-align:center;padding:2rem;background-color:#f8fafc;border-radius:.5rem;color:#64748b;font-size:.875rem}@media (max-width: 768px){.service-main{padding:1rem}}.content-page-container{background-color:#fff;border-radius:0 0 10px 10px;box-shadow:0 2px 8px #00000008;padding:20px 24px;margin-top:0;min-height:150px}.content-page-container .content-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.content-page-container .content-page-title-section{display:flex;align-items:center;gap:12px}.content-page-container .content-page-title-section .content-page-title{font-size:20px;font-weight:600;color:#333;margin:0}.content-page-container .content-page-title-section .content-page-tags{display:flex;gap:8px}.content-page-container .content-page-title-section .content-page-tags .content-page-tag{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.content-page-container .content-page-title-section .content-page-tags .content-page-tag.status-open{background-color:#fffbe6;color:#d4a700}.content-page-container .content-page-title-section .content-page-tags .content-page-tag.status-pending{background-color:#e6f7ff;color:#0050b3}.content-page-container .content-page-title-section .content-page-tags .content-page-tag.status-resolved{background-color:#f6ffed;color:#237804}.content-page-container .content-page-title-section .content-page-tags .content-page-tag.high{background-color:#ffe6e6;color:#c00}.content-page-container .content-page-title-section .content-page-tags .content-page-tag.category-maintenance{background-color:#f0f2f5;color:#595959}.content-page-container .content-page-title-section .content-page-tags .content-page-tag.category-security{background-color:#f9f0ff;color:#531dab}.content-page-container .content-page-title-section .content-page-tags .content-page-tag.category-cleaning{background-color:#e6ffed;color:#08979c}.content-page-container .content-page-actions{display:flex;gap:8px;align-items:center}.content-page-container .content-page-actions .content-page-button{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;color:#333;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px}.content-page-container .content-page-actions .content-page-button:hover{background-color:#f5f5f5}.content-page-container .content-page-actions .content-page-button .button-icon{display:flex;align-items:center}.content-page-container .content-page-actions .content-page-button .button-icon svg{width:16px;height:16px}.content-page-container .content-page-actions .content-page-button.status-dropdown{background-color:#fff;border:1px solid #e0e0e0;color:#333;font-weight:500;padding-right:8px}.content-page-container .content-page-actions .content-page-button.status-dropdown svg{margin-left:4px}.content-page-container .content-page-description{font-size:14px;color:#555;line-height:1.6;margin-bottom:12px}.content-page-container .content-page-metadata{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.content-page-container .content-page-metadata .metadata-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.content-page-container .content-page-metadata .metadata-item .metadata-icon{display:flex;align-items:center;color:#666}.content-page-container .content-page-metadata .metadata-item .metadata-label{white-space:nowrap}.modal-header h2{margin:0;font-size:1.5rem;color:#008c9c}.modal-header .close-button{background:none;border:none;cursor:pointer;padding:4px;color:#666}.modal-header .close-button:hover{color:#333}.modal-header .close-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:10px 20px}.modal-body .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.modal-body .form-grid .description-field{grid-column:1/-1}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group .form-label{display:block;margin-bottom:8px;color:#4a5568;font-weight:500}.modal-body .form-group input[type=text],.modal-body .form-group textarea,.modal-body .form-group select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:.95rem;color:#2d3748}.modal-body .form-group input[type=text]:focus,.modal-body .form-group textarea:focus,.modal-body .form-group select:focus{outline:none;border-color:#008c9c}.modal-body .form-group input[type=text]:disabled,.modal-body .form-group textarea:disabled,.modal-body .form-group select:disabled{background-color:#f7fafc;cursor:not-allowed}.modal-body .form-group textarea{resize:vertical;min-height:120px;margin-bottom:0}.modal-body .service-type-group{border:1px solid #e2e8f0;border-radius:4px;padding:0 12px;position:relative;background-color:#fff;height:34px}.modal-body .service-type-group .form-label{position:absolute;top:-10px;left:10px;background:#fff;padding:0 6px;font-size:.75rem;font-weight:500;color:#333;z-index:1;white-space:nowrap}.modal-body .service-type-group .radio-options{display:flex;flex-wrap:wrap;gap:20px;min-height:20px;align-items:center;padding:8px 12px}.modal-body .service-type-group .radio-options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;color:#4a5568;margin:0}.modal-body .service-type-group .radio-options label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:50%;outline:none;cursor:pointer;transition:border-color .2s,background-color .2s;flex-shrink:0;margin:0}.modal-body .service-type-group .radio-options label input[type=radio]:checked{border-color:#008c9c;background-color:#008c9c;position:relative}.modal-body .service-type-group .radio-options label input[type=radio]:checked:before{content:"";width:8px;height:8px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-body .service-type-group .radio-options label input[type=radio]:disabled{background-color:#e9ecef;border-color:#dee2e6;cursor:not-allowed}.modal-body .service-type-group .radio-options label input[type=radio]:disabled:checked{background-color:#a0c3ec;border-color:#a0c3ec}.modal-body .multiselect-dropdown{position:relative}.modal-body .multiselect-dropdown .dropdown-header{width:93%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#2d3748}.modal-body .multiselect-dropdown .dropdown-header:hover{border-color:#008c9c}.modal-body .multiselect-dropdown .dropdown-header.open{border-color:#008c9c;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-body .multiselect-dropdown .dropdown-content{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #3b82f6;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px -1px #0000001a}.modal-body .multiselect-dropdown .dropdown-content .radio-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .2s}.modal-body .multiselect-dropdown .dropdown-content .radio-option:hover{background-color:#f7fafc}.modal-body .multiselect-dropdown .dropdown-content .radio-option input[type=radio]{margin-right:8px;cursor:pointer}.modal-body .multiselect-dropdown .dropdown-content .radio-option:last-child{border-bottom:none}.modal-body .file-upload-group .file-input-container{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;background-color:#f8fafc;height:20px}.modal-body .file-upload-group .file-input-container .hidden-file-input{display:none}.modal-body .file-upload-group .file-input-container .choose-file-button{padding:6px 12px;background-color:#3b82f6;color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.modal-body .file-upload-group .file-input-container .choose-file-button:hover{background-color:#2563eb}.modal-body .file-upload-group .file-input-container .file-name-display{font-size:.9rem;color:#4a5568;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-footer button{padding:8px 16px;border-radius:4px;font-size:.95rem;cursor:pointer;transition:background-color .2s}.modal-footer button:disabled{opacity:.5;cursor:not-allowed}.modal-footer .cancel-button{background:none;border:1px solid #e2e8f0;color:#4a5568}.modal-footer .cancel-button:hover:not(:disabled){background-color:#f7fafc}.modal-footer .submit-button{background-color:#3b82f6;border:none;color:#fff}.modal-footer .submit-button:hover:not(:disabled){background-color:#2563eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-overlay .modal-header .modal-title-section{flex:1}.modal-overlay .modal-header .modal-title-section .modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#2196f3}.modal-overlay .modal-header .modal-title-section .modal-tags{display:flex;gap:8px;margin-top:8px}.modal-overlay .modal-header .modal-title-section .modal-tags .modal-tag{padding:4px 8px;border-radius:4px;font-size:.875rem;font-weight:500}.modal-overlay .modal-header .modal-title-section .modal-tags .modal-tag.open{background-color:#dcfce7;color:#166534}.modal-overlay .modal-header .modal-title-section .modal-tags .modal-tag.pending{background-color:#fef3c7;color:#92400e}.modal-overlay .modal-header .modal-title-section .modal-tags .modal-tag.resolved{background-color:#dbeafe;color:#1e40af}.modal-overlay .modal-header .modal-title-section .modal-tags .modal-tag.high{background-color:#fee2e2;color:#991b1b}.modal-overlay .modal-header .modal-title-section .modal-tags .modal-tag.medium{background-color:#fef3c7;color:#92400e}.modal-overlay .modal-header .modal-title-section .modal-tags .modal-tag.low{background-color:#dcfce7;color:#166534}.modal-overlay .modal-header .close-button{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s}.modal-overlay .modal-header .close-button:hover{color:#1f2937}.modal-overlay .modal-header .close-button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay .modal-body{padding:20px}.modal-overlay .modal-body .section-heading{font-size:1rem;font-weight:600;color:#374151;margin:0 0 8px}.modal-overlay .modal-body .modal-description{color:#4b5563;line-height:1.5;margin-bottom:24px}.modal-overlay .modal-body .detail-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.modal-overlay .modal-body .detail-row .detail-item .user-info{display:flex;align-items:center;gap:12px}.modal-overlay .modal-body .detail-row .detail-item .user-info .user-avatar{width:40px;height:40px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#4b5563}.modal-overlay .modal-body .detail-row .detail-item .user-info .user-details .user-name{margin:0;font-weight:500;color:#1f2937}.modal-overlay .modal-body .detail-row .detail-item .user-info .user-details .user-id{margin:4px 0 0;font-size:.875rem;color:#6b7280}.modal-overlay .modal-body .detail-row .detail-item .status-priority{display:flex;gap:8px}.modal-overlay .modal-body .detail-row .detail-item .status-priority .status-badge,.modal-overlay .modal-body .detail-row .detail-item .status-priority .priority-badge{padding:4px 8px;border-radius:4px;font-size:.875rem;font-weight:500}.modal-overlay .modal-body .detail-row .detail-item .status-priority .status-badge.open,.modal-overlay .modal-body .detail-row .detail-item .status-priority .priority-badge.open{background-color:#dcfce7;color:#166534}.modal-overlay .modal-body .detail-row .detail-item .status-priority .status-badge.pending,.modal-overlay .modal-body .detail-row .detail-item .status-priority .priority-badge.pending{background-color:#fef3c7;color:#92400e}.modal-overlay .modal-body .detail-row .detail-item .status-priority .status-badge.resolved,.modal-overlay .modal-body .detail-row .detail-item .status-priority .priority-badge.resolved{background-color:#dbeafe;color:#1e40af}.modal-overlay .modal-body .detail-row .detail-item .status-priority .status-badge.high,.modal-overlay .modal-body .detail-row .detail-item .status-priority .priority-badge.high{background-color:#fee2e2;color:#991b1b}.modal-overlay .modal-body .detail-row .detail-item .status-priority .status-badge.medium,.modal-overlay .modal-body .detail-row .detail-item .status-priority .priority-badge.medium{background-color:#fef3c7;color:#92400e}.modal-overlay .modal-body .detail-row .detail-item .status-priority .status-badge.low,.modal-overlay .modal-body .detail-row .detail-item .status-priority .priority-badge.low{background-color:#dcfce7;color:#166534}.modal-overlay .modal-body .detail-row .detail-item .category-text,.modal-overlay .modal-body .detail-row .detail-item .assigned-text{margin:0;color:#4b5563}.modal-overlay .notes-section{padding:20px}.modal-overlay .notes-section .section-heading{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 16px}.modal-overlay .notes-section .notes-container{height:auto}.loading-state{background:#fff;padding:24px;border-radius:8px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;color:#6b7280}.loading-state p{margin:12px 0 0;color:#4b5563}.error-message{border-radius:8px;color:#dc2626}._statsContainer_1g40x_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}._toggleContainer_1g40x_9{display:flex;justify-content:flex-end;align-items:center;margin:20px 0}._toggleWrapper_1g40x_16{display:flex;align-items:center;gap:12px}._toggleLabel_1g40x_22{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}._toggleInput_1g40x_30{display:none}._toggleSlider_1g40x_34{position:relative;width:50px;height:24px;background-color:#ccc;border-radius:24px;transition:background-color .3s ease}._toggleSlider_1g40x_34:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}._toggleInput_1g40x_30:checked+._toggleSlider_1g40x_34{background-color:#008c9c}._toggleInput_1g40x_30:checked+._toggleSlider_1g40x_34:before{transform:translate(26px)}._toggleText_1g40x_64{font-size:14px;font-weight:500;color:#333}._expensesMainContainer_1g40x_70{display:flex;flex-direction:column;gap:20px}.expense-stats-card{background-color:#fff;border-radius:8px;padding:0 20px;box-shadow:0 4px 8px #0000001a;position:relative;width:250px;border-left:4px solid #008c9c;border-right:4px solid #008c9c;height:25vh;display:flex;flex-direction:column}.expense-stats-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.expense-stats-card.equal-width{flex:1;min-width:0;width:100%}.expense-stats-card.blue{border-left-color:#008c9c;border-right-color:#008c9c}.expense-stats-card.blue .expense-stats-card__icon{background-color:#e4f6f7;color:#008c9c}.expense-stats-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.expense-stats-card__title{font-size:12px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.5px}.expense-stats-card__icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#dbeafe;color:#1d4ed8;font-size:16px}.expense-stats-card__content{display:flex;flex-direction:row;gap:16px;flex:1;align-items:center}.expense-stats-card__stats{display:flex;flex-direction:column;gap:8px;flex:1}.expense-stats-card__chart{flex:1;min-width:120px;max-width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.expense-stats-card__chart-title{font-size:12px;color:#6b7280;margin:8px 0 0;text-align:center;font-weight:500}.expense-stats-card__value{font-size:32px;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.expense-stats-card__description{font-size:14px;color:#6b7280;margin:0}.expense-stats-tooltip{background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;box-shadow:0 4px 12px #00000026}.expense-stats-tooltip .label{margin:0;font-weight:500}.pie-chart-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;position:relative;width:250px;border-left:4px solid #008c9c;border-right:4px solid #008c9c;height:25vh;display:flex;flex-direction:column}.pie-chart-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.pie-chart-card.equal-width{flex:1;min-width:0;width:100%}.pie-chart-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pie-chart-card__title{font-size:12px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.5px}.pie-chart-card__icon{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#dbeafe;color:#1d4ed8;font-size:18px}.pie-chart-card__content{display:flex;flex-direction:column;gap:8px;padding-right:50px;flex:1}.pie-chart-card__chart{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.pie-chart-card__description{font-size:14px;color:#6b7280;margin:-10px 0 0}.pie-chart-card.blue{border-left-color:#3b82f6;border-right-color:#3b82f6}.pie-chart-card.blue .pie-chart-card__icon{background-color:#dbeafe;color:#1d4ed8}.pie-chart-card.green{border-left-color:#008c9c;border-right-color:#008c9c}.pie-chart-card.green .pie-chart-card__icon{background-color:#f7fefe;color:#008c9c}.pie-chart-card.orange{border-left-color:#008c9c;border-right-color:#008c9c}.pie-chart-card.orange .pie-chart-card__icon{background-color:#fef3c7;color:#d97706}.pie-chart-card.purple{border-left-color:#8b5cf6;border-right-color:#8b5cf6}.pie-chart-card.purple .pie-chart-card__icon{background-color:#ede9fe;color:#7c3aed}.pie-chart-tooltip{background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;box-shadow:0 4px 12px #00000026}.pie-chart-tooltip .label{margin:0;font-weight:500}@media (max-width: 768px){.pie-chart-card{padding:16px}.pie-chart-card__title{font-size:10px}.pie-chart-card__chart{min-height:60px}}.bar-chart-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;position:relative;width:250px;border-left:4px solid #008c9c;border-right:4px solid #008c9c;height:25vh;display:flex;flex-direction:column;overflow:hidden}.bar-chart-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px);transition:all .3s ease}.bar-chart-card.equal-width{flex:1;min-width:0;width:100%}.bar-chart-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;position:relative;z-index:2}.bar-chart-card__header .header-content{flex:1;padding-right:50px}.bar-chart-card__title{font-size:12px;font-weight:700;color:#475569;margin:0 0 4px;text-transform:uppercase;letter-spacing:.8px}.bar-chart-card .total-amount{font-size:18px;font-weight:800;color:#1e293b;margin:0;line-height:1.2}.bar-chart-card__icon{position:absolute;top:0;right:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f7fefe;color:#008c9c;font-size:16px}.bar-chart-card__content{display:flex;flex-direction:column;gap:8px;padding-right:50px;flex:1}.bar-chart-card__chart{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.bar-chart-card__description{font-size:14px;color:#6b7280;margin:-18px 0 0}.bar-chart-card.blue{border-left-color:#3b82f6;border-right-color:#3b82f6}.bar-chart-card.blue .bar-chart-card__icon{background:#f7fefe;color:#008c9c}.bar-chart-tooltip{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:12px 16px;border-radius:10px;font-size:12px;box-shadow:0 8px 24px #00000040;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bar-chart-tooltip .tooltip-header{margin-bottom:4px}.bar-chart-tooltip .tooltip-category{font-weight:600;color:#f1f5f9;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.bar-chart-tooltip .tooltip-content .tooltip-amount{font-weight:800;color:#fff;font-size:14px}@media (max-width: 768px){.bar-chart-card{padding:16px}.bar-chart-card__title{font-size:10px}.bar-chart-card__chart{min-height:60px}}.viewmodal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-in-out}.viewmodal-content{background:#fff;padding:20px;border-radius:8px;overflow-y:auto;position:relative;box-shadow:0 2px 10px #0000001a;animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.viewmodal-content{width:95%!important;max-width:95%!important;padding:16px}}.expenses-model .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.expenses-model .modal-overlay .modal-content::-webkit-scrollbar{display:none}.expense-approval-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.expense-approval-modal-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.expense-approval-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.expense-approval-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.expense-approval-modal-body{margin-bottom:24px}.expense-approval-modal-body .response-type{margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;font-size:14px;color:#374151}.expense-approval-modal-body .response-type strong{color:#1f2937}.expense-approval-modal-body .comment-input-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.expense-approval-modal-body .comment-input-group .comment-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s;box-sizing:border-box}.expense-approval-modal-body .comment-input-group .comment-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.expense-approval-modal-body .comment-input-group .comment-textarea::placeholder{color:#9ca3af}@media (max-width: 640px){.expense-approval-modal-overlay{padding:16px}.expense-approval-modal-content{padding:20px}}.component-model .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.component-model-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.component-model-checkbox{display:flex;flex-direction:column;gap:20px}.component-model-checkboxes{display:flex;flex-direction:row;gap:10px;margin-top:20px;align-items:center}.component-model-checkboxes .form-group{margin-bottom:0}.component-model-checkboxes .form-group .form-field{margin-top:0}.component-model-checkboxes .form-group .form-field label{display:flex;flex-direction:row}.create-model-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.create-model-container .form-section{margin:0!important;padding:10px!important}.invoice-form .form-section{margin-bottom:32px}.invoice-form .form-section:last-child{margin-bottom:0}.invoice-form .form-section h2{margin:0 0 20px;color:#556176;font-size:18px;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.invoice-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.invoice-form .form-row{grid-template-columns:1fr;gap:16px}}.invoice-form .form-group.full-width{grid-column:1/-1}.invoice-form .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.invoice-form .section-header h2{margin:0;border-bottom:none;padding-bottom:0}@media (max-width: 768px){.invoice-form .section-header{flex-direction:column;align-items:flex-start;gap:12px}}.invoice-form .invoice-items{display:flex;flex-direction:column;gap:16px}.invoice-form .invoice-item{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:16px;border-radius:8px}@media (max-width: 768px){.invoice-form .invoice-item{grid-template-columns:1fr;gap:12px}}.invoice-form .invoice-item .item-description{min-width:0}.invoice-form .invoice-item .item-amount{min-width:120px}@media (max-width: 768px){.invoice-form .invoice-item .item-amount{min-width:0}}.invoice-form .invoice-item .statement-item-actions{display:flex;align-items:center;justify-content:center;margin-top:-15px}.invoice-form .invoice-item .statement-item-actions .delete-btn{background:#dc3545;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.invoice-form .invoice-item .statement-item-actions .delete-btn:hover:not(:disabled){background:#c82333}.invoice-form .invoice-item .statement-item-actions .delete-btn:disabled{background:#6c757d;cursor:not-allowed}.invoice-total{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.invoice-total .total-label{font-size:16px;font-weight:600;color:#333}.invoice-total .total-amount{font-size:20px;font-weight:700;color:#1976d2;background:#fff;padding:8px 16px;border-radius:4px;border:1px solid #e0e0e0;min-width:120px;text-align:center}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}@media (max-width: 768px){.form-actions{flex-direction:column;gap:12px}}@media (max-width: 768px){.create-model-container{padding:16px}.invoice-form .form-section{margin-bottom:24px}.invoice-form .form-section h2{font-size:16px;margin-bottom:16px}.invoice-form .section-header{margin-bottom:16px}.invoice-form .invoice-items{gap:12px}.invoice-form .invoice-item{padding:12px}}.form-group .input-field{border:1px solid #e0e0e0;border-radius:4px;padding:8px 12px;font-size:14px;transition:border-color .2s ease}.form-group .input-field:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d21a}.form-group .input-field::placeholder{color:#999}.form-group .field-label{font-size:12px;font-weight:500;color:#666;margin-bottom:4px;display:block}.statement-summary-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px}.summary-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.summary-header .calculator-icon{color:#22c55e}.summary-header h3{margin:0;color:#333;font-size:16px;font-weight:600}.summary-content .summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-content .summary-row:last-child{margin-bottom:0}.summary-content .summary-row .label{color:#666;font-size:14px}.summary-content .summary-row .value{color:#333;font-size:14px;font-weight:500}.summary-content .summary-row.total-row .label{font-weight:600;color:#333}.summary-content .summary-row.total-row .total-value{color:#22c55e;font-weight:700;font-size:16px}.summary-content .summary-divider{height:1px;background:#e0e0e0;margin:12px 0}@media (max-width: 768px){.statement-summary-container{padding:16px}.summary-header h3{font-size:15px}.summary-content .summary-row .label,.summary-content .summary-row .value{font-size:13px}.summary-content .summary-row.total-row .total-value{font-size:15px}}.quick-actions-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.actions-content{display:flex;gap:20px}.summary{margin-top:8px}.summary .summary-title{display:block;margin-bottom:8px;font-weight:600;color:#008c9c}.summary .summary-list{margin:0;padding-left:18px}.summary .summary-list li{margin-bottom:6px;line-height:1.4;color:#556176}.action-button{width:100%;justify-content:flex-start;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.action-button.preview-button{background:#008c9c;border-color:#008c9c;color:#fff}.action-button.preview-button:hover:not(:disabled){background:#008c9c;border-color:#008c9c}.action-button.draft-button{background:#fff;border:1px solid #e0e0e0;color:#666}.action-button.draft-button:hover:not(:disabled){background:#f8f9fa;border-color:#d0d0d0}.action-button.generate-button{background:#22c55e;border-color:#22c55e;color:#fff}.action-button.generate-button:hover:not(:disabled){background:#16a34a;border-color:#16a34a}.action-button.generate-button:disabled{background:#9ca3af;border-color:#9ca3af}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button .button-icon{margin-right:8px}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.quick-actions-container{padding:16px}.actions-header h3{font-size:15px}.action-button{padding:10px 14px;font-size:13px}}.create-statement-container{display:flex;gap:20px}@media (max-width: 1200px){.create-statement-container{grid-template-columns:1fr 280px;gap:20px}}@media (max-width: 768px){.create-statement-container{grid-template-columns:1fr;gap:16px;padding:12px}}.create-statement-container .first-content{width:70%}.create-statement-container .second-content{width:30%}.main-content .create-model-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:0}.main-content .create-model-container .invoice-form{background:transparent;padding:0;box-shadow:none}.sidebar-content{display:flex;flex-direction:column;gap:20px;height:fit-content;position:sticky;top:20px}@media (max-width: 768px){.sidebar-content{position:static;order:-1}}@media (max-width: 768px){.create-statement-container .main-content .create-model-container{padding:16px}}.confirmation-modal{background:#fff;border-radius:8px;max-width:900px;width:100%;overflow:hidden}.confirmation-modal__header{display:flex;align-items:center;padding:20px 24px 16px;position:relative}.confirmation-modal__message-container{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.confirmation-modal__warning-icon{width:24px;height:24px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.confirmation-modal__warning-icon svg{color:#fff;width:16px;height:16px}.confirmation-modal__title{margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.4;flex-grow:1}.confirmation-modal__close-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.confirmation-modal__close-btn:hover{background-color:#f3f4f6;color:#374151}.confirmation-modal__close-btn svg{width:16px;height:16px}.confirmation-modal__content{padding:20px 24px}.confirmation-modal__message{margin:0;font-size:14px;line-height:1.5;color:#374151;font-weight:400;flex:1}.confirmation-modal__warning-text{font-size:12px;line-height:1.4;color:#6b7280;font-style:italic;font-weight:400;margin:0 0 0 36px}.confirmation-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid #e1e5e9}.confirmation-modal__actions .cmp-button-container .cmp-button{min-width:80px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s ease;border:1px solid transparent}.confirmation-modal__actions .cmp-button-container .cmp-button.primary{background:#2196f3;color:#fff;border:1px solid #2196f3}.confirmation-modal__actions .cmp-button-container .cmp-button.primary:hover{background:#1976d2;border-color:#1976d2}.confirmation-modal__actions .cmp-button-container .cmp-button.secondary{background:#f3f4f6;color:#2196f3;border:1px solid #2196f3}.confirmation-modal__actions .cmp-button-container .cmp-button.secondary:hover{background:#e5e7eb}.confirmation-modal__actions .cmp-button-container .cmp-button.danger{background:#dc2626;color:#fff;border:1px solid #dc2626}.confirmation-modal__actions .cmp-button-container .cmp-button.danger:hover{background:#b91c1c;border-color:#b91c1c}.keypoints-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.keypoints-container .actions-content{display:flex;gap:32px}.keypoints-container .summary{box-shadow:0 2px 8px #0000001a;border-radius:8px;padding:10px;margin-bottom:0}.keypoints-container .summary-title{display:block;font-size:1.17em;font-weight:600;color:#008c9c;margin-bottom:10px;margin-left:20px}.keypoints-container .summary-list{list-style:none;padding:0;margin:0 0 0 12px}.keypoints-container .summary-list li{position:relative;padding-left:1.6em;margin-bottom:8px;color:#334155;font-size:1em;line-height:1.6;letter-spacing:.01em}.keypoints-container .summary-list li:before{content:"";position:absolute;left:.4em;top:.7em;width:.3em;height:.3em;background:#2a9d8f;border-radius:50%;display:inline-block}@media (max-width: 600px){.keypoints-container{padding:12px}.keypoints-container .actions-content{gap:18px}}.summary-statements-container{padding:16px;background:#f1fbfc;border:1px solid #cfeaec;border-radius:12px}.summary-header{font-size:18px;font-weight:600;color:#0b6b76;border-radius:12px;padding:10px 14px;margin-bottom:16px}.summary-grid{padding-left:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.summary-row{display:flex;flex-direction:row;gap:16px}.summary-col{display:flex;flex-direction:column;gap:6px}.summary-item{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:8px}.summary-label{font-size:16px;font-weight:600;color:#6b7280}.statement-summary-value{font-size:16px;font-weight:500;color:#111827;text-align:right}.summary-title{font-size:13px;font-weight:600;color:#6b7280}.summary-number{font-size:25px;font-weight:600;color:#111827}.summary-description{font-size:12px;color:#64748b}.summary-card.blue{border-left:3px solid #3b82f6}.summary-card.green{border-left:3px solid #22c55e}.summary-card.orange{border-left:3px solid #f59e0b}.summary-card.purple{border-left:3px solid #8b5cf6}.summary-statements-container [title]{position:relative;cursor:pointer}.summary-statements-container [title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px;box-shadow:0 2px 8px #0003}.summary-statements-container [title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#333;z-index:1000;margin-bottom:1px}._statsContainer_1gczp_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px;gap:10px}._filterButtons_1gczp_10{display:flex;flex-direction:row;gap:10px}.water-summary{margin-bottom:20px}.water-summary-card{background-color:#f8fcfc;border-radius:12px;padding:24px;box-shadow:0 2px 10px #1018280f;border:1px solid #e5e7eb;width:100%}.water-summary-title{font-size:18px;font-weight:600;color:#008c9c;margin:0 0 24px}.water-summary-content{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:start}.water-summary-period-section{display:flex;flex-direction:column;gap:8px}.water-summary-period-label{font-size:14px;font-weight:500;color:#556176}.water-summary-period-value{font-size:24px;font-weight:700;color:#008c9c}.water-summary-metrics-section{display:grid;grid-template-columns:1fr 1fr auto;gap:32px}.water-summary-column{display:flex;flex-direction:column;gap:12px}.water-summary-column.water-summary-column-status{width:fit-content;min-width:120px;max-width:150px}.water-summary-metric{display:flex;align-items:center}.water-summary-metric-label{font-size:14px;font-weight:500;color:#556176;width:30%}.water-summary-metric-value{font-size:16px;font-weight:600;color:#1e293b;text-align:right;width:20%}.water-summary-value-green{color:#28a745}.water-summary-value-red{color:#dc3545}.water-summary-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:16px;font-size:14px;font-weight:600;text-align:center;white-space:nowrap;line-height:1.4;width:fit-content;margin-left:auto;flex-shrink:0}.water-summary-badge.water-summary-badge-success{background-color:#e8f5e9;color:#2e7d32}.water-summary-badge.water-summary-badge-warning{background-color:#fff3e0;color:#e65100}.water-summary-badge.water-summary-badge-error{background-color:#ffebee;color:#d32f2f}.water-summary-badge.water-summary-badge-default{background-color:#f5f5f5;color:#666}@media (max-width: 1024px){.water-summary-content{grid-template-columns:150px 1fr;gap:24px}.water-summary-metrics-section{gap:24px}}@media (max-width: 768px){.water-summary-card{padding:16px}.water-summary-content{grid-template-columns:1fr;gap:24px}.water-summary-metrics-section{grid-template-columns:1fr;gap:0}.water-summary-period-value{font-size:20px}}.calc-water-card{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:16px;width:100%}.calc-water-row{display:flex;align-items:flex-end;gap:24px}.calc-water-item{flex:1 1 0%}.calc-water-action{display:flex;align-items:center}.calc-water-action .cmp-button-container .cmp-button{height:44px;padding-left:18px;padding-right:18px;font-size:16px}@media (max-width: 992px){.calc-water-row{flex-wrap:wrap;gap:16px}.calc-water-item{flex-basis:calc(50% - 16px)}.calc-water-action{width:100%;justify-content:flex-start}}@media (max-width: 600px){.calc-water-item{flex-basis:100%}}.events-container__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;overflow-x:hidden}.advance-payments-page .advance-payments-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.advance-payments-page .advance-payments-table{padding:0}.member-info-cell{display:flex;align-items:center;gap:12px}.member-info-cell .avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.member-info-cell .member-details{display:flex;flex-direction:column;gap:2px}.member-info-cell .member-details .member-name{font-weight:600;font-size:14px;color:#1f2937}.member-info-cell .member-details .unit-info{font-size:12px;color:#6b7280}.block-unit-cell{display:flex;flex-direction:column;gap:2px}.block-unit-cell .unit-primary{font-weight:600;font-size:14px;color:#1f2937}.block-unit-cell .block-secondary{font-size:12px;color:#6b7280}.amount-cell,.balance-amount-cell{display:flex;align-items:center;justify-content:flex-start}.period-cell{display:flex;flex-direction:column;gap:2px}.period-cell .period-from{font-weight:500;font-size:14px;color:#1f2937}.period-cell .payment-date{font-size:12px;color:#6b7280}.team-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #101e360a;padding:20px 24px 16px;margin:0;min-width:320px;position:relative;transition:box-shadow .2s}.team-card:hover{box-shadow:0 4px 16px #101e361a}.team-card__badge-row{position:absolute;top:16px;right:20px;display:flex;align-items:center;z-index:2;gap:8px}.team-card__menu-container{position:relative}.team-card__badge{background:#f3f4f6;color:#374151;font-size:13px;font-weight:500;border-radius:999px;padding:4px 16px;display:inline-block;box-shadow:0 1px 2px #101e3608;letter-spacing:.01em}.team-card__menu-btn{background:none;border:none;padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;transition:background .15s}.team-card__menu-btn:hover{background:#f3f4f6}.team-card__dropdown-menu{position:absolute;top:100%;right:0;z-index:10000;min-width:100px;max-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:4px 0;margin-top:4px;animation:dropdownFadeIn .15s ease-out;overflow:visible;transform:translateZ(0)}.team-card__dropdown-menu:before{content:"";position:absolute;top:-6px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #e5e7eb}.team-card__dropdown-menu:after{content:"";position:absolute;top:-5px;right:12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff}.team-card__menu-item{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;color:#556176;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;white-space:nowrap;overflow:hidden}.team-card__menu-item:focus{outline:none;background:#f3f4f6;color:#111827}.team-card__menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.team-card__menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.team-card__menu-item svg{margin-right:8px;transition:color .15s ease}.team-card__menu-item:hover svg{color:#374151}.team-card__content{display:flex;flex-direction:column;gap:6px}.team-card__title{font-size:16px;font-weight:600;color:#008c9c;margin-bottom:4px}.team-card__desc{font-size:14px;color:#4b5563;margin-bottom:12px;line-height:1.4}.team-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.team-card__members{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px}.team-card__icon{display:flex;align-items:center}.team-card__icon svg{display:block}.team-card__members-text{color:#6b7280;font-size:14px;font-weight:400}.team-card__date{color:#9ca3af;font-size:13px;font-weight:400}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.groups-container{display:flex;height:calc(100vh - 120px);background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;width:100%;margin:0;padding:0;max-width:100%;min-width:100%}.groups-container .groups-left-panel{width:27%;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.groups-container .groups-left-panel .groups-header{padding:18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.groups-container .groups-left-panel .groups-header .groups-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.groups-container .groups-left-panel .groups-header .groups-add-btn{background:#008c9c;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.groups-container .groups-left-panel .groups-header .groups-add-btn:hover{background:#007a8a}.groups-container .groups-left-panel .groups-search{padding:10px;position:relative}.groups-container .groups-left-panel .groups-search .search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:14px}.groups-container .groups-left-panel .groups-search .groups-search-input{width:95%;margin-left:10px;padding:8px 12px 8px 32px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none}.groups-container .groups-left-panel .groups-search .groups-search-input:focus{border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.groups-container .groups-left-panel .groups-search .groups-search-input::placeholder{color:#9ca3af}.groups-container .groups-left-panel .groups-list{flex:1;overflow-y:auto;padding:0 20px 16px;display:flex;flex-direction:column;gap:12px}.groups-container .groups-left-panel .groups-list .group-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.groups-container .groups-left-panel .groups-list .group-card:hover{background:#f0f9ff;border-color:#008c9c}.groups-container .groups-left-panel .groups-list .group-card.selected{background:#f0f9ff;border-color:#008c9c;border-width:2px}.groups-container .groups-left-panel .groups-list .group-card .group-card-content{flex:1}.groups-container .groups-left-panel .groups-list .group-card .group-card-content .group-card-name{font-size:16px;font-weight:600;color:#008c9c;margin-bottom:4px}.groups-container .groups-left-panel .groups-list .group-card .group-card-content .group-card-date{font-size:14px;color:#6b7280}.groups-container .groups-left-panel .groups-list .group-card .group-card-status .status-selected{width:24px;height:24px;background:#008c9c;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.groups-container .groups-left-panel .groups-list .group-card .group-card-status .status-unavailable{width:24px;height:24px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.groups-container .groups-right-panel{width:80%;background:#fff;display:flex;flex-direction:column;overflow-y:auto;flex:1}.groups-container .groups-right-panel .group-details-form{height:100%;width:100%;display:flex;flex-direction:column}.groups-container .groups-right-panel .group-details-form .group-details-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.groups-container .groups-right-panel .group-details-form .group-details-header .group-details-title{font-size:18px;font-weight:600;color:#008c9c;margin:0}.groups-container .groups-right-panel .group-details-form .group-details-header .group-actions-top{display:flex;gap:8px;align-items:center}.groups-container .groups-right-panel .group-details-form .group-details-header .group-actions-top .action-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.groups-container .groups-right-panel .group-details-form .group-details-header .group-actions-top .action-btn.edit-btn{background:#008c9c;color:#fff}.groups-container .groups-right-panel .group-details-form .group-details-header .group-actions-top .action-btn.edit-btn:hover{background:#007a8a}.groups-container .groups-right-panel .group-details-form .group-details-header .group-actions-top .action-btn.delete-btn{background:#ef4444;color:#fff}.groups-container .groups-right-panel .group-details-form .group-details-header .group-actions-top .action-btn.delete-btn:hover{background:#dc2626}.groups-container .groups-right-panel .group-details-form .group-details-header .group-actions-top .close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.groups-container .groups-right-panel .group-details-form .group-details-header .group-actions-top .close-btn:hover{background:#f3f4f6;color:#374151}.groups-container .groups-right-panel .group-details-form .group-details-content{flex:1;padding:5px 40px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.groups-container .groups-right-panel .group-details-form .group-details-content .group-icon-container{display:flex;justify-content:center;margin-bottom:8px}.groups-container .groups-right-panel .group-details-form .group-details-content .group-icon-container .group-icon{width:80px;height:80px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center}.groups-container .groups-right-panel .group-details-form .group-details-content .group-icon-container .group-icon svg{width:48px;height:48px}.groups-container .groups-right-panel .group-details-form .group-details-content .group-name-display{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:8px}.groups-container .groups-right-panel .group-details-form .group-details-content .group-description{font-size:16px;color:#6b7280;line-height:1.5;max-width:600px;margin-bottom:8px}.groups-container .groups-right-panel .group-details-form .group-details-content .group-members-count{font-size:14px;color:#9ca3af;font-weight:500}.groups-container .groups-right-panel .group-details-form .group-details-content .members-section{width:100%;max-width:600px;margin-top:16px}.groups-container .groups-right-panel .group-details-form .group-details-content .members-section h3{font-size:18px;font-weight:600;color:#008c9c;margin:0 0 12px;text-align:center}.groups-container .groups-right-panel .group-details-form .group-details-content .members-section input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;margin-bottom:12px}.groups-container .groups-right-panel .group-details-form .group-details-content .members-section input:focus{border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.groups-container .groups-right-panel .group-details-form .group-details-content .members-section input::placeholder{color:#9ca3af}.groups-container .groups-right-panel .group-details-form .group-details-content .members-section .member-info-container .member-info{margin-bottom:8px!important;gap:6px!important}.groups-container .groups-right-panel .group-details-form .group-details-content .members-section .member-info-container .member-info:last-child{margin-bottom:0!important}.groups-container .groups-right-panel .no-group-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.groups-container .groups-right-panel .no-group-selected h3{font-size:18px;margin-bottom:8px;color:#374151}.groups-container .groups-right-panel .no-group-selected p{font-size:14px;margin:0}*{box-sizing:border-box}@media (max-width: 768px){.groups-container{flex-direction:column;height:auto}.groups-container .groups-left-panel,.groups-container .groups-right-panel{width:100%}.groups-container .groups-left-panel{max-height:300px}}.cash-flow-sections .income-section .section-header .header-content .section-titles,.cash-flow-sections .expense-section .section-header .header-content .section-titles{font-size:20px;font-weight:600;margin:0 0 5px}.cash-flow-sections .income-section .section-header .header-content .section-titles.income,.cash-flow-sections .expense-section .section-header .header-content .section-titles.income{color:#28a745}.cash-flow-sections .income-section .section-header .header-content .section-titles.expense,.cash-flow-sections .expense-section .section-header .header-content .section-titles.expense{color:#dc3545}.cash-flow-sections .income-section .section-content .table-header .table-header-text,.cash-flow-sections .expense-section .section-content .table-header .table-header-text{color:#008c9c}.cash-flow-sections .income-section .section-content-scroll,.cash-flow-sections .expense-section .section-content-scroll{overflow-x:auto;overflow-y:auto;flex:1 1 auto;min-height:200px;max-height:220px;border-top:1px solid #dee2e6;border:1px solid #e9ecef;border-radius:6px;padding:15px 15px 20px;margin-bottom:0;position:relative}@media (max-width: 768px){.cash-flow-sections .income-section .section-content-scroll,.cash-flow-sections .expense-section .section-content-scroll{max-height:250px}}.cash-flow-sections .income-section .section-content-scroll .table-header,.cash-flow-sections .expense-section .section-content-scroll .table-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;color:#6c757d;background-color:#f8f9fa;font-weight:500;font-size:14px}.cash-flow-sections .income-section .section-content-scroll .table-header .table-header-text,.cash-flow-sections .expense-section .section-content-scroll .table-header .table-header-text{color:#008c9c}.cash-flow-sections .income-section .section-content-scroll .table-row,.cash-flow-sections .expense-section .section-content-scroll .table-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;border-bottom:1px solid #f0f0f0;align-items:center}.cash-flow-sections .income-section .section-content-scroll .table-row:hover,.cash-flow-sections .expense-section .section-content-scroll .table-row:hover{background-color:#f8f9fa}.cash-flow-sections .income-section .section-content-scroll .table-row .transactions-clickable,.cash-flow-sections .expense-section .section-content-scroll .table-row .transactions-clickable{cursor:pointer;color:#007bff;font-weight:500;text-decoration:underline;transition:all .2s ease}.cash-flow-sections .income-section .section-content-scroll .table-row .transactions-clickable:hover,.cash-flow-sections .expense-section .section-content-scroll .table-row .transactions-clickable:hover{color:#0056b3;text-decoration:none;transform:scale(1.05)}.cash-flow-sections .income-section .section-content-scroll .table-row .view-button,.cash-flow-sections .expense-section .section-content-scroll .table-row .view-button{background-color:#007bff;border-color:#007bff;color:#fff;padding:4px 12px;font-size:12px;border-radius:4px;cursor:pointer;border:none}.cash-flow-sections .income-section .section-content-scroll .table-row .view-button:hover,.cash-flow-sections .expense-section .section-content-scroll .table-row .view-button:hover{background-color:#0056b3}.cash-flow-sections .income-section .section-content-scroll .empty-state,.cash-flow-sections .expense-section .section-content-scroll .empty-state{text-align:center;padding:40px 0;color:#6c757d;font-style:italic}.cash-flow-sections .income-section .section-content-scroll .scroll-indicator,.cash-flow-sections .expense-section .section-content-scroll .scroll-indicator{text-align:center;padding:10px 0;color:#6c757d;font-size:13px;font-weight:500;border-bottom:2px dashed #007bff;margin-bottom:15px;animation:fadeInOut 2s ease-in-out infinite;background:#007bff0d}.cash-flow-sections .income-section .section-content-scroll .scroll-indicator span,.cash-flow-sections .expense-section .section-content-scroll .scroll-indicator span{display:inline-block;padding:6px 12px;background:#007bff1a;border-radius:16px;color:#007bff;font-weight:600}.cash-flow-sections .income-section .section-content-scroll:after,.cash-flow-sections .expense-section .section-content-scroll:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#fffc);pointer-events:none;opacity:0;transition:opacity .3s ease}.cash-flow-sections .income-section .section-content-scroll:hover:after,.cash-flow-sections .expense-section .section-content-scroll:hover:after{opacity:1}.cash-flow-sections .income-section .section-footers,.cash-flow-sections .expense-section .section-footers{display:flex;justify-content:space-between;align-items:center;padding:5px;background:#fff}.cash-flow-sections .income-section .section-footers .total-label,.cash-flow-sections .expense-section .section-footers .total-label{font-size:18px;font-weight:600}.cash-flow-sections .income-section .section-footers .total-label.income,.cash-flow-sections .expense-section .section-footers .total-label.income{color:#28a745}.cash-flow-sections .income-section .section-footers .total-label.expense,.cash-flow-sections .expense-section .section-footers .total-label.expense{color:#dc3545}.cash-flow-sections .income-section .section-footers .total-amount,.cash-flow-sections .expense-section .section-footers .total-amount{font-weight:700;font-size:20px}.cash-flow-sections .income-section .section-footers .total-amount.income,.cash-flow-sections .expense-section .section-footers .total-amount.income{color:#28a745}.cash-flow-sections .income-section .section-footers .total-amount.expense,.cash-flow-sections .expense-section .section-footers .total-amount.expense{color:#dc3545}.monthly-summary .summary-header h3{font-size:18px;font-weight:700;margin:0;color:#008c9c}.monthly-summary .summary-content .summary-item .summary-label{font-weight:400;font-size:14px;margin-bottom:5px;color:#000}.monthly-summary .summary-content .summary-item .summary-item-label{color:#556176;font-weight:500}.monthly-summary .summary-content .summary-item .summary-item-label.income{color:#28a745}.monthly-summary .summary-content .summary-item .summary-item-label.expense{color:#dc3545}.monthly-summary .summary-content .summary-item .summary-item-label.balance,.monthly-summary .summary-content .summary-item .summary-item-label.status{color:#007bff}.monthly-summary .summary-content .summary-item .summary-item-value{font-size:20px;margin-top:8px}.monthly-summary .summary-content .summary-item .summary-item-value.default{color:#556176}.monthly-summary .summary-content .summary-item .summary-item-value.income{color:#28a745}.monthly-summary .summary-content .summary-item .summary-item-value.expense{color:#dc3545}.monthly-summary .summary-content .summary-item .summary-item-value.balance,.monthly-summary .summary-content .summary-item .summary-item-value.status{color:#007bff}.monthly-summary .balance-carried-forward .carried-label{font-weight:600;color:#556176}.monthly-summary .balance-carried-forward .carried-amount{font-weight:700;font-size:18px;color:#556176}.transactions-modal .transactions-modal-content .transactions-table .table-header{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;padding:12px 0;color:#6c757d;font-weight:500;font-size:14px;border-bottom:2px solid #dee2e6}.transactions-modal .transactions-modal-content .transactions-table .table-row{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:center}.cash-flow-page{min-height:100vh;padding:20px}.cash-flow-container{display:flex}.cash-flow-container .cash-flow-header{flex:1}.cash-flow-container .cash-flow-content{display:flex;flex-direction:row;align-items:center;gap:15px}.cash-flow-sections{display:flex;gap:20px;margin-bottom:20px;align-items:stretch}.cash-flow-sections .income-section,.cash-flow-sections .expense-section{flex:1;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;display:flex;flex-direction:column}.cash-flow-sections .income-section .section-header,.cash-flow-sections .expense-section .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.cash-flow-sections .income-section .section-header .header-content,.cash-flow-sections .expense-section .section-header .header-content{display:flex;flex-direction:column;align-items:flex-start}.cash-flow-sections .income-section .section-header .header-content .section-title,.cash-flow-sections .expense-section .section-header .header-content .section-title{font-size:20px;font-weight:600;margin:0 0 5px}.cash-flow-sections .income-section .section-header .header-content .section-title.income,.cash-flow-sections .expense-section .section-header .header-content .section-title.income{color:#28a745}.cash-flow-sections .income-section .section-header .header-content .section-title.expense,.cash-flow-sections .expense-section .section-header .header-content .section-title.expense{color:#dc3545}.cash-flow-sections .income-section .section-header .header-content .section-subtitle,.cash-flow-sections .expense-section .section-header .header-content .section-subtitle{color:#6c757d;font-size:14px;margin:0}.cash-flow-sections .income-section .section-header .add-button.income,.cash-flow-sections .expense-section .section-header .add-button.income{background-color:#28a745;border-color:#28a745;color:#fff}.cash-flow-sections .income-section .section-header .add-button.expense,.cash-flow-sections .expense-section .section-header .add-button.expense{background-color:#dc3545;border-color:#dc3545;color:#fff}.cash-flow-sections .income-section .section-content,.cash-flow-sections .expense-section .section-content{overflow-x:auto;overflow-y:auto;flex:1 1 auto;min-height:200px;max-height:220px;border-top:1px solid #dee2e6;border:1px solid #e9ecef;border-radius:6px;padding:15px 15px 20px;margin-bottom:0;position:relative}@media (max-width: 768px){.cash-flow-sections .income-section .section-content,.cash-flow-sections .expense-section .section-content{max-height:250px}}.cash-flow-sections .income-section .section-content .table-header,.cash-flow-sections .expense-section .section-content .table-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;color:#6c757d;background-color:#f8f9fa;font-weight:500;font-size:14px}.cash-flow-sections .income-section .section-content .table-row,.cash-flow-sections .expense-section .section-content .table-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;border-bottom:1px solid #f0f0f0;align-items:center}.cash-flow-sections .income-section .section-content .table-row:hover,.cash-flow-sections .expense-section .section-content .table-row:hover{background-color:#f8f9fa}.cash-flow-sections .income-section .section-content .table-row .transactions-clickable,.cash-flow-sections .expense-section .section-content .table-row .transactions-clickable{cursor:pointer;color:#007bff;font-weight:500;text-decoration:underline;transition:all .2s ease}.cash-flow-sections .income-section .section-content .table-row .transactions-clickable:hover,.cash-flow-sections .expense-section .section-content .table-row .transactions-clickable:hover{color:#0056b3;text-decoration:none;transform:scale(1.05)}.cash-flow-sections .income-section .section-content .table-row .view-button,.cash-flow-sections .expense-section .section-content .table-row .view-button{background-color:#007bff;border-color:#007bff;color:#fff;padding:4px 12px;font-size:12px;border-radius:4px;cursor:pointer;border:none}.cash-flow-sections .income-section .section-content .table-row .view-button:hover,.cash-flow-sections .expense-section .section-content .table-row .view-button:hover{background-color:#0056b3}.cash-flow-sections .income-section .section-content .empty-state,.cash-flow-sections .expense-section .section-content .empty-state{text-align:center;padding:40px 0;color:#6c757d;font-style:italic}.cash-flow-sections .income-section .section-content .scroll-indicator,.cash-flow-sections .expense-section .section-content .scroll-indicator{text-align:center;padding:10px 0;color:#6c757d;font-size:13px;font-weight:500;border-bottom:2px dashed #007bff;margin-bottom:15px;animation:fadeInOut 2s ease-in-out infinite;background:#007bff0d}.cash-flow-sections .income-section .section-content .scroll-indicator span,.cash-flow-sections .expense-section .section-content .scroll-indicator span{display:inline-block;padding:6px 12px;background:#007bff1a;border-radius:16px;color:#007bff;font-weight:600}.cash-flow-sections .income-section .section-content::-webkit-scrollbar,.cash-flow-sections .expense-section .section-content::-webkit-scrollbar{width:10px;height:10px}.cash-flow-sections .income-section .section-content::-webkit-scrollbar-track,.cash-flow-sections .expense-section .section-content::-webkit-scrollbar-track{background:#e9ecef;border-radius:5px;border:1px solid #dee2e6}.cash-flow-sections .income-section .section-content::-webkit-scrollbar-thumb,.cash-flow-sections .expense-section .section-content::-webkit-scrollbar-thumb{background:#007bff;border-radius:5px;border:1px solid #0056b3}.cash-flow-sections .income-section .section-content::-webkit-scrollbar-thumb:hover,.cash-flow-sections .expense-section .section-content::-webkit-scrollbar-thumb:hover{background:#0056b3}.cash-flow-sections .income-section .section-content::-webkit-scrollbar-corner,.cash-flow-sections .expense-section .section-content::-webkit-scrollbar-corner{background:#e9ecef}.cash-flow-sections .income-section .section-content:after,.cash-flow-sections .expense-section .section-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#fffc);pointer-events:none;opacity:0;transition:opacity .3s ease}.cash-flow-sections .income-section .section-content:hover:after,.cash-flow-sections .expense-section .section-content:hover:after{opacity:1}.cash-flow-sections .income-section .section-footer,.cash-flow-sections .expense-section .section-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:2px solid #dee2e6;background:#fff;margin-top:12px}.cash-flow-sections .income-section .section-footer .total-label,.cash-flow-sections .expense-section .section-footer .total-label{font-weight:600;font-size:18px}.cash-flow-sections .income-section .section-footer .total-label.income,.cash-flow-sections .expense-section .section-footer .total-label.income{color:#28a745}.cash-flow-sections .income-section .section-footer .total-label.expense,.cash-flow-sections .expense-section .section-footer .total-label.expense{color:#dc3545}.cash-flow-sections .income-section .section-footer .total-amount,.cash-flow-sections .expense-section .section-footer .total-amount{font-weight:700;font-size:20px}.cash-flow-sections .income-section .section-footer .total-amount.income,.cash-flow-sections .expense-section .section-footer .total-amount.income{color:#28a745}.cash-flow-sections .income-section .section-footer .total-amount.expense,.cash-flow-sections .expense-section .section-footer .total-amount.expense{color:#dc3545}.monthly-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;border:1px solid #dee2e6}.monthly-summary .summary-header{margin-bottom:20px}.monthly-summary .summary-header h3{font-size:18px;font-weight:700;margin:0;color:#333}.monthly-summary .summary-content{display:flex;justify-content:space-between;margin-bottom:20px}.monthly-summary .summary-content .summary-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.monthly-summary .summary-content .summary-item .summary-label{font-weight:700;font-size:14px;margin-bottom:5px}.monthly-summary .summary-content .summary-item .summary-label.income{color:#28a745}.monthly-summary .summary-content .summary-item .summary-label.expense{color:#dc3545}.monthly-summary .summary-content .summary-item .summary-label.balance{color:#007bff}.monthly-summary .summary-content .summary-item .summary-amount{font-weight:700;font-size:24px;margin-bottom:5px}.monthly-summary .summary-content .summary-item .summary-amount.income{color:#28a745}.monthly-summary .summary-content .summary-item .summary-amount.expense{color:#dc3545}.monthly-summary .summary-content .summary-item .summary-amount.balance{color:#007bff}.monthly-summary .summary-content .summary-item .balance-note{font-size:12px;color:#6c757d}.monthly-summary .balance-carried-forward{background-color:#e3f2fd;border:1px solid #2196f3;border-radius:6px;padding:15px;display:flex;justify-content:space-between;align-items:center}.monthly-summary .balance-carried-forward .carried-label{font-weight:700;color:#333}.monthly-summary .balance-carried-forward .carried-amount{font-weight:700;font-size:20px;color:#007bff}.stats-card-container{display:flex;gap:16px;padding:20px}.stats-card-item{display:flex;align-items:center;min-width:200px;max-width:250px;padding:20px;border-radius:16px;box-shadow:0 2px 8px #00000014;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.stats-card-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.stats-card-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 4px 12px #00000026;position:relative;z-index:2}.card-content{flex:1;position:relative;z-index:2}.card-title{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;line-height:1.2;opacity:.9}.card-value{margin:0;font-size:22px;font-weight:800;line-height:1.1;letter-spacing:-.3px}@media (max-width: 1200px){.stats-card-container{gap:16px}.stats-card-item{min-width:240px;padding:20px}}@media (max-width: 768px){.stats-card-container{flex-direction:column;gap:16px}.stats-card-item{min-width:auto;max-width:none}.card-icon{width:48px;height:48px;font-size:20px}.card-value{font-size:24px}}.transactions-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.transactions-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:1000px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.transactions-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6;background-color:#f8f9fa}.transactions-modal .modal-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.transactions-modal .modal-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.transactions-modal .modal-header .close-button:hover{background-color:#e9ecef;color:#333}.transactions-modal .transactions-modal-content{padding:20px;overflow-y:auto}.transactions-modal .transactions-modal-content .transactions-table .table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:15px;padding:12px 0;color:#6c757d;font-weight:500;font-size:14px;border-bottom:2px solid #dee2e6}.transactions-modal .transactions-modal-content .transactions-table .table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:center}.transactions-modal .transactions-modal-content .transactions-table .table-row span{font-size:14px;color:#333}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.settings-content{padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:24px}.settings-content .setting-group{padding:20px;border:1px solid #e5e7eb;border-radius:8px}.settings-content .setting-group .default-section-title{font-size:16px;font-weight:600;color:#008c9c;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.settings-content .setting-group .notification-toggles-container{display:flex;gap:20px;margin-top:16px}.settings-content .setting-group .notification-toggles-container .setting-row{flex:1;min-width:200px;margin-bottom:0;gap:8px;justify-content:space-between}.settings-content .setting-group .notification-toggles-container .setting-row .setting-label{flex:0 1 auto;min-width:auto;white-space:nowrap}.settings-content .setting-group .reminders-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}.settings-content .setting-group .reminders-container .reminder-item-wrapper{flex:1;min-width:200px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:8px}.settings-content .setting-group .reminders-container .reminder-item-wrapper .setting-row{margin-bottom:0;gap:8px;justify-content:space-between}.settings-content .setting-group .reminders-container .reminder-item-wrapper .setting-row .setting-label{flex:0 1 auto;min-width:auto;white-space:nowrap}.settings-content .setting-group .reminders-container .reminder-item-wrapper .setting-row .setting-label .required-mark{color:#ef4444;font-weight:600;margin-left:4px}.settings-content .setting-group .reminders-container .reminder-item-wrapper .reminder-input-wrapper{margin-top:8px}.settings-content .setting-group .reminders-container .reminder-item-wrapper .reminder-input-wrapper .reminder-input{width:100%;max-width:150px}.settings-content .setting-group .reminder-header{margin-bottom:16px}.settings-content .setting-group .reminder-header .reminder-title{font-size:16px;font-weight:600;color:#111827;margin:0}.settings-content .setting-group .setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.settings-content .setting-group .setting-row:last-child{margin-bottom:0}.settings-content .setting-group .setting-row .setting-label{font-size:14px;font-weight:500;color:#374151;flex:1;min-width:200px}.settings-content .setting-group .setting-row .setting-label .required-mark{color:#ef4444;font-weight:600;margin-left:4px}.settings-content .setting-group .setting-row .reminder-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:120px;background:#fff;transition:all .2s ease}.settings-content .setting-group .setting-row .reminder-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.settings-content .setting-group .setting-row .reminder-input::placeholder{color:#9ca3af}.settings-content .setting-group .setting-row .reminder-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.settings-content .heading{margin-bottom:32px}.settings-content .loading-indicator{text-align:center;padding:20px;margin-bottom:24px;background:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb}.settings-content .loading-indicator p{margin:0;color:#6b7280;font-size:14px}.settings-content .api-data-info{margin-bottom:24px;padding:16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px}.settings-content .api-data-info .api-info-text{margin:0;color:#065f46;font-size:14px;display:flex;align-items:center;gap:8px}.settings-content .api-data-info .api-info-text i{color:#059669;font-size:16px}.settings-content .api-data-info .api-info-text strong{font-weight:600}.settings-content .billgeneration .statements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.settings-content .billgeneration .statements-grid .billing-setting-item{margin-bottom:0}.settings-content .billgeneration .late-fee-section{margin-top:32px}.settings-content .billgeneration .late-fee-section .late-fee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item{margin-bottom:0;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-height:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:12px}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-header{margin-bottom:12px}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-header .setting-title{font-size:14px;font-weight:600;color:#008c9c;margin:0;line-height:1.4}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group{margin-bottom:8px}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .setting-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .setting-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .setting-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .currency-input-wrapper{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;background:#fff}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .currency-input-wrapper .currency-prefix{padding:8px 12px;background:#f9fafb;border-right:1px solid #d1d5db;font-size:14px;color:#374151;font-weight:500}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .currency-input-wrapper .currency-input{flex:1;border:none;padding:8px 12px;font-size:14px;background:transparent}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .currency-input-wrapper .currency-input:focus{outline:none}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .currency-input-wrapper .currency-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .input-group .input-suffix{font-size:12px;color:#6b7280;margin-left:8px}.settings-content .billgeneration .late-fee-section .late-fee-grid .billing-setting-item .setting-control .setting-description{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.settings-content .billgeneration .background-job-fields{padding-top:24px}.settings-content .billgeneration .background-job-fields .background-job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:16px}.settings-content .billgeneration .background-job-fields .background-job-grid .billing-setting-item{margin-bottom:0}.settings-content .billgeneration .cashflow-general-fields,.settings-content .billgeneration .cashflow-background-fields{margin-top:32px;padding-top:24px}.settings-content .billgeneration .billing-setting-item{margin-bottom:32px;padding:24px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.settings-content .billgeneration .billing-setting-item .setting-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.settings-content .billgeneration .billing-setting-item .setting-header .setting-title{font-size:16px;font-weight:600;color:#111827;margin:0}.settings-content .billgeneration .billing-setting-item .setting-header .api-data-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:12px;font-size:11px;font-weight:500}.settings-content .billgeneration .billing-setting-item .setting-header .api-data-badge i{font-size:10px;color:#059669}.settings-content .billgeneration .billing-setting-item .setting-control .input-group{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .setting-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:80px;background:#fff}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .setting-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #3b82f61a}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .frequency-input,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .date-input{display:flex;flex-direction:column;gap:4px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .frequency-input label,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .date-input label{font-size:12px;font-weight:500;color:#374151;margin:0}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .frequency-input .setting-input,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .date-input .setting-input{min-width:120px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .currency-input-wrapper{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;background:#fff}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .currency-input-wrapper .currency-prefix{padding:8px 8px 8px 12px;background:#f9fafb;color:#374151;font-size:14px;font-weight:500;border-right:1px solid #d1d5db}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .currency-input-wrapper .currency-input{border:none;border-radius:0 6px 6px 0;min-width:80px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .currency-input-wrapper .currency-input:focus{box-shadow:none}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .date-input-wrapper{position:relative;display:inline-block}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .date-input-wrapper .date-input{padding-right:32px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .date-input-wrapper .date-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:14px;pointer-events:none}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .month-input-wrapper{position:relative;display:inline-block}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .month-input-wrapper .month-input{padding-right:32px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .month-input-wrapper .month-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:14px;pointer-events:none}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .text-display-wrapper{display:inline-block}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .text-display-wrapper .text-display-value{padding:8px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;min-width:80px;display:inline-block;text-align:center}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .input-suffix{font-size:14px;color:#374151;white-space:nowrap}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f3f4f6;color:#6b7280;border-radius:20px;font-size:12px;font-weight:500}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .badge i{font-size:12px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .badge.badge-danger{background:#fef2f2;color:#dc2626}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .calculated-value{padding:4px 12px;background:#f3f4f6;color:#374151;border-radius:6px;font-size:12px;font-weight:500}.settings-content .setting-description{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.number-range-display{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:100%}.number-range-display .range-row{display:flex;gap:24px;flex-wrap:wrap}.number-range-display .range-row .range-field{display:flex;flex-direction:column;gap:4px;min-width:120px}.number-range-display .range-row .range-field label{font-size:12px;font-weight:500;color:#6b7280;margin:0}.number-range-display .range-row .range-field .range-value{padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#374151;font-weight:500;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.settings-content{padding:16px}.settings-content .billgeneration .statements-grid,.settings-content .billgeneration .late-fee-section .late-fee-grid,.settings-content .billgeneration .background-job-fields .background-job-grid{grid-template-columns:1fr;gap:16px}.settings-content .billgeneration .billing-setting-item{padding:16px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group{flex-direction:column;align-items:flex-start;gap:8px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .setting-input{width:100%;max-width:120px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs{width:100%;flex-direction:column;align-items:flex-start;gap:12px}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .frequency-input,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .date-input{width:100%}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .frequency-input .setting-input,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .combined-inputs .date-input .setting-input{width:100%;max-width:none}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .date-input-wrapper,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .month-input-wrapper{width:100%}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .date-input-wrapper .date-input,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .date-input-wrapper .month-input,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .month-input-wrapper .date-input,.settings-content .billgeneration .billing-setting-item .setting-control .input-group .month-input-wrapper .month-input{width:100%;max-width:none}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .text-display-wrapper{width:100%}.settings-content .billgeneration .billing-setting-item .setting-control .input-group .text-display-wrapper .text-display-value{width:100%;max-width:none}.number-range-display .range-row{flex-direction:column;gap:12px}.number-range-display .range-row .range-field{min-width:100%}.number-range-display .range-row .range-field .range-value{width:100%}.number-ranges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.number-ranges-grid .number-range-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.number-ranges-grid .number-range-card:hover{box-shadow:0 4px 12px #00000026;border-color:#d1d5db}.number-ranges-grid .number-range-card .range-card-content{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.number-ranges-grid .number-range-card .range-card-content .range-info{flex:1;display:flex;flex-direction:column;gap:8px}.number-ranges-grid .number-range-card .range-card-content .range-info .range-title{font-size:16px;font-weight:600;color:#008c9c;margin:0;line-height:1.4}.number-ranges-grid .number-range-card .range-card-content .range-info .range-description{font-size:14px;font-weight:400;color:#6b7280;margin:0;line-height:1.4}.number-ranges-grid .number-range-card .range-card-content .range-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.number-ranges-grid .number-range-card .range-card-content .range-actions .view-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.number-ranges-grid .number-range-card .range-card-content .range-actions .view-button:hover{background:#f3f4f6;color:#374151}.number-ranges-grid .number-range-card .range-card-content .range-actions .view-button svg{width:16px;height:16px}.number-ranges-grid .number-range-card .range-card-content .range-actions .configure-button{background:#fff;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.number-ranges-grid .number-range-card .range-card-content .range-actions .configure-button:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}.number-ranges-grid .number-range-card .range-card-content .range-actions .configure-button:active{background:#f3f4f6;border-color:#6b7280}.range-details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.range-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.range-details-modal .modal-header .modal-title{font-size:20px;font-weight:600;color:#111827;margin:0}.range-details-modal .modal-header .close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.range-details-modal .modal-header .close-button:hover{background:#f3f4f6;color:#374151}.range-details-modal .modal-content{padding:0 24px;flex:1;overflow-y:auto}.range-details-modal .modal-content .range-details-grid{display:flex;flex-direction:column;gap:16px}.range-details-modal .modal-content .range-details-grid .detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.range-details-modal .modal-content .range-details-grid .detail-row:last-child{border-bottom:none}.range-details-modal .modal-content .range-details-grid .detail-row .detail-label{font-size:22px;font-weight:600;color:#6b7280}.range-details-modal .modal-content .range-details-grid .detail-row .detail-value{font-size:18px;font-weight:600;color:#111827;text-align:right;flex:1}.range-details-modal .modal-content .range-details-grid .detail-row .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.range-details-modal .modal-content .range-details-grid .detail-row .status-badge.has-records{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.range-details-modal .modal-content .range-details-grid .detail-row .status-badge.no-records{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.range-details-modal .modal-footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.range-details-modal .modal-footer .close-modal-button{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.range-details-modal .modal-footer .close-modal-button:hover{background:#4b5563}.range-details-modal .modal-footer .cancel-button{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.range-details-modal .modal-footer .cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.range-details-modal .modal-footer .save-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.range-details-modal .modal-footer .save-button:hover:not(:disabled){background:#2563eb}.range-details-modal .modal-footer .save-button:disabled{background:#9ca3af;cursor:not-allowed}.range-details-modal .configure-form .modal-description{color:#6b7280;font-size:14px;margin-bottom:24px;line-height:1.5}.range-details-modal .configure-form .form-group{margin-bottom:20px}.range-details-modal .configure-form .form-group .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.range-details-modal .configure-form .form-group .form-label .required{color:#dc2626}.range-details-modal .configure-form .form-group .form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;transition:border-color .2s ease}.range-details-modal .configure-form .form-group .form-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #3b82f61a}.range-details-modal .configure-form .form-group .form-input::placeholder{color:#9ca3af}.range-details-modal .configure-form .form-group .form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;transition:border-color .2s ease;resize:vertical;min-height:80px}.range-details-modal .configure-form .form-group .form-textarea:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #3b82f61a}.range-details-modal .configure-form .form-group .form-textarea::placeholder{color:#9ca3af}.logo-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:16px}.general-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.general-settings-grid .billing-setting-item{margin-bottom:0}.logo-settings-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.logo-setting-item{margin-bottom:0}}.logo-upload-container{margin-bottom:24px}.logo-upload-container .logo-upload-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.logo-upload-container .logo-input-wrapper{display:flex;flex-direction:column;gap:16px}.logo-upload-container .logo-actions{display:flex;align-items:center;gap:8px;justify-content:flex-start}.logo-upload-container .logo-actions .upload-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.logo-upload-container .logo-actions .upload-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.logo-upload-container .logo-actions .upload-btn:disabled{opacity:.6;cursor:not-allowed}.logo-upload-container .logo-actions .remove-btn{display:flex;align-items:center;justify-content:center;height:32px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.logo-upload-container .logo-actions .remove-btn:hover:not(:disabled){background:#dc2626}.logo-upload-container .logo-actions .remove-btn:disabled{opacity:.6;cursor:not-allowed}.logo-upload-container .logo-preview{display:flex;justify-content:center;align-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa;margin-top:16px;max-width:200px;width:fit-content;margin-right:auto}.logo-upload-container .logo-preview .logo-preview-image{max-width:80px;max-height:80px;border-radius:8px;object-fit:contain;border:1px solid #e5e7eb}.logo-upload-container .logo-upload-error{margin-top:8px;font-size:14px;color:#ef4444}@media (max-width: 768px){.logo-upload-container .logo-input-wrapper .logo-actions{flex-direction:column;align-items:stretch;gap:8px}.logo-upload-container .logo-input-wrapper .logo-actions .upload-btn{justify-content:center}.logo-upload-container .logo-preview .logo-preview-image{max-width:100px;max-height:100px}}.notification-settings-wrapper{display:flex;flex-direction:column;gap:24px}.notification-basic-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.notification-basic-settings .billing-setting-item{margin-bottom:0}.notification-reminder-container{display:flex;gap:24px;margin-top:0;min-height:600px}.notification-reminder-container .reminder-sidebar{width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;flex-shrink:0;height:fit-content;position:sticky;top:24px}.notification-reminder-container .reminder-sidebar .sidebar-title{font-size:18px;font-weight:600;color:#008c9c;margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.notification-reminder-container .reminder-sidebar .reminder-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.notification-reminder-container .reminder-sidebar .reminder-list .reminder-item{padding:12px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#374151;background:#f9fafb;border:1px solid transparent}.notification-reminder-container .reminder-sidebar .reminder-list .reminder-item:hover{background:#f3f4f6;border-color:#d1d5db}.notification-reminder-container .reminder-sidebar .reminder-list .reminder-item.active{background:#e0f7fa;border-color:#008c9c;color:#008c9c;font-weight:600}.notification-reminder-container .reminder-settings-panel{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.notification-reminder-container .reminder-settings-panel .settings-header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.notification-reminder-container .reminder-settings-panel .settings-header .settings-title{font-size:20px;font-weight:600;color:#008c9c;margin:0}.notification-reminder-container .reminder-settings-panel .settings-content{display:flex;flex-direction:column;gap:32px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group{padding:20px;border:1px solid #e5e7eb;border-radius:8px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .default-section-title{font-size:16px;font-weight:600;color:#008c9c;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .notification-toggles-container{display:flex;gap:20px;margin-top:16px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .notification-toggles-container .setting-row{flex:1;min-width:200px;margin-bottom:0;gap:8px;justify-content:space-between}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .notification-toggles-container .setting-row .setting-label{flex:0 1 auto;min-width:auto;white-space:nowrap}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper{flex:1;min-width:200px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:8px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper .setting-row{margin-bottom:0;gap:8px;justify-content:space-between}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper .setting-row .setting-label{flex:0 1 auto;min-width:auto;white-space:nowrap}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper .setting-row .setting-label .required-mark{color:#ef4444;font-weight:600;margin-left:4px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper .reminder-input-wrapper{margin-top:8px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper .reminder-input-wrapper .reminder-input{width:100%;max-width:150px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminder-header{margin-bottom:16px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminder-header .reminder-title{font-size:16px;font-weight:600;color:#111827;margin:0}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row:last-child{margin-bottom:0}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .setting-label{font-size:14px;font-weight:500;color:#374151;flex:1;min-width:200px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .setting-label .required-mark{color:#ef4444;font-weight:600;margin-left:4px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .reminder-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:120px;background:#fff;transition:all .2s ease;height:30px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .reminder-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .reminder-input::placeholder{color:#9ca3af}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .reminder-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}@media (max-width: 1024px){.notification-basic-settings{grid-template-columns:1fr;gap:16px}.notification-reminder-container{flex-direction:column}.notification-reminder-container .reminder-sidebar{width:100%;position:static}.notification-reminder-container .reminder-sidebar .reminder-list{flex-direction:row;flex-wrap:wrap;gap:8px}.notification-reminder-container .reminder-sidebar .reminder-list .reminder-item{flex:1;min-width:120px;text-align:center}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .notification-toggles-container .setting-row{min-width:100%;flex-direction:column;align-items:flex-start;gap:12px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper{min-width:100%}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper .setting-row{flex-direction:column;align-items:flex-start;gap:8px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper .reminder-input-wrapper .reminder-input{max-width:100%;height:10px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row{flex-direction:column;align-items:flex-start;gap:12px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .setting-label{min-width:auto}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .reminder-input{width:100%}}@media (max-width: 768px){.notification-settings-wrapper{gap:16px}.notification-basic-settings{grid-template-columns:1fr;gap:16px}.notification-reminder-container{margin-top:0;gap:16px}.notification-reminder-container .reminder-sidebar{padding:16px}.notification-reminder-container .reminder-sidebar .sidebar-title{font-size:16px;margin-bottom:16px;padding-bottom:12px}.notification-reminder-container .reminder-sidebar .reminder-list .reminder-item{font-size:13px;padding:10px 12px}.notification-reminder-container .reminder-settings-panel{padding:16px}.notification-reminder-container .reminder-settings-panel .settings-header{margin-bottom:24px;padding-bottom:12px}.notification-reminder-container .reminder-settings-panel .settings-header .settings-title{font-size:18px}.notification-reminder-container .reminder-settings-panel .settings-content{gap:24px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group{padding:16px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .notification-toggles-container{gap:16px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .notification-toggles-container .setting-row{min-width:100%}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container{gap:16px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper{min-width:100%}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminders-container .reminder-item-wrapper .reminder-input-wrapper .reminder-input{max-width:100%}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminder-header{margin-bottom:12px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .reminder-header .reminder-title{font-size:14px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row{margin-bottom:12px}.notification-reminder-container .reminder-settings-panel .settings-content .setting-group .setting-row .setting-label{font-size:13px}}.quotation-detail-card-simple{background-color:#fff;border:1px solid #d9ebf3;border-radius:12px;padding:24px;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.quotation-detail-card-simple__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.quotation-detail-card-simple__header-left{flex:1}.quotation-detail-card-simple__title-section{display:flex;flex-direction:column;gap:8px}.quotation-detail-card-simple__title-wrapper{display:flex;align-items:flex-start;gap:12px}.quotation-detail-card-simple__checkbox{margin-top:2px}.quotation-detail-card-simple__id{font-size:18px;font-weight:600;color:#000;margin-bottom:4px}.quotation-detail-card-simple__title-text{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.quotation-detail-card-simple__tag{display:inline-block;background-color:#dbeafe;color:#2563eb;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;align-self:flex-start}.quotation-detail-card-simple__status{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.quotation-detail-card-simple__status-item{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.quotation-detail-card-simple__status-item--pending{background-color:#fef3c7;color:#92400e}.quotation-detail-card-simple__status-item--priority{background-color:#fee2e2;color:#dc2626}.quotation-detail-card-simple__status-icon{font-size:10px}.quotation-detail-card-simple__content{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin-bottom:20px}.quotation-detail-card-simple__left{display:flex;flex-direction:column;gap:20px}.quotation-detail-card-simple__vendor{background-color:#f8fafc;border-radius:8px;padding:16px}.quotation-detail-card-simple__section-header{font-size:16px;font-weight:600;color:#374151;margin-bottom:12px;display:flex;align-items:center;gap:8px}.quotation-detail-card-simple__section-icon{font-size:16px}.quotation-detail-card-simple__vendor-name{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.quotation-detail-card-simple__vendor-contact{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#666}.quotation-detail-card-simple__vendor-contact>div{display:flex;align-items:center;gap:8px}.quotation-detail-card-simple__contact-icon{font-size:12px;width:16px;display:inline-block}.quotation-detail-card-simple__description{font-size:14px;color:#666;line-height:1.5}.quotation-detail-card-simple__right{display:flex;flex-direction:column;gap:16px;min-width:200px}.quotation-detail-card-simple__value{background-color:#f0fdf4;border-radius:8px;padding:16px;text-align:center}.quotation-detail-card-simple__value-amount{font-size:28px;font-weight:700;color:#16a34a;margin-bottom:4px}.quotation-detail-card-simple__value-label{font-size:12px;color:#15803d;font-weight:500}.quotation-detail-card-simple__additional{display:flex;flex-direction:column;gap:8px}.quotation-detail-card-simple__detail-item{font-size:14px;color:#666;display:flex;align-items:center;gap:8px}.quotation-detail-card-simple__detail-icon{font-size:14px;width:16px;display:inline-block}.quotation-detail-card-simple__highlight{color:#ea580c;font-weight:500}.quotation-detail-card-simple__link{color:#2563eb;cursor:pointer;text-decoration:underline}.quotation-detail-card-simple__link:hover{color:#1d4ed8}.quotation-detail-card-simple__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.quotation-detail-card-simple__created{font-size:12px;color:#666;display:flex;align-items:center;gap:8px}.quotation-detail-card-simple__created-icon{font-size:12px}.quotation-detail-card-simple__actions{display:flex;gap:8px}.quotation-detail-card-simple__dropdown-container{position:relative}.quotation-detail-card-simple__three-dots-btn{display:flex;align-items:center;justify-content:center;width:32px;background-color:transparent;border:none;outline:none;height:32px;color:#008c9c;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.quotation-detail-card-simple__dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:140px;margin-top:4px}.quotation-detail-card-simple__dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;text-align:left}.quotation-detail-card-simple__dropdown-item:hover:not(:disabled){background-color:#f3f4f6}.quotation-detail-card-simple__dropdown-item:first-child{border-radius:8px 8px 0 0}.quotation-detail-card-simple__dropdown-item:last-child{border-radius:0 0 8px 8px}.quotation-detail-card-simple__dropdown-item:only-child{border-radius:8px}.quotation-detail-card-simple__dropdown-item:disabled,.quotation-detail-card-simple__dropdown-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quotation-detail-card-simple__dropdown-icon{font-size:14px;width:16px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.quotation-detail-card-simple{padding:16px}.quotation-detail-card-simple__content{grid-template-columns:1fr;gap:16px}.quotation-detail-card-simple__right{min-width:auto}}.clickable-amount{cursor:pointer;color:#007bff;text-decoration:underline;transition:color .2s ease}.clickable-amount:hover{color:#0056b3}.cash-flow-modal{min-width:500px;max-width:600px}.cash-flow-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.cash-flow-modal .modal-header h2{margin:0;color:#333;font-size:1.5rem;font-weight:600}.cash-flow-modal .modal-header .close-button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6c757d;padding:5px;border-radius:4px;transition:all .2s ease}.cash-flow-modal .modal-header .close-button:hover{background-color:#f8f9fa;color:#495057}.cash-flow-modal .modal-body .society-info{margin-bottom:25px;padding:15px;background-color:#f8f9fa;border-radius:6px}.cash-flow-modal .modal-body .society-info h3{margin:0 0 10px;color:#495057;font-size:1.2rem;font-weight:600}.cash-flow-modal .modal-body .society-info p{margin:5px 0;color:#6c757d;font-size:.9rem}.cash-flow-modal .modal-body .details-list .detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.cash-flow-modal .modal-body .details-list .detail-item:last-child{border-bottom:none;font-weight:600;font-size:1.1rem;color:#495057}.cash-flow-modal .modal-body .details-list .detail-item .label{color:#6c757d;font-weight:500}.cash-flow-modal .modal-body .details-list .detail-item .amount{color:#495057;font-weight:600;font-family:Courier New,monospace}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.status-approved{background-color:#d4edda;color:#155724}.status-badge.status-pending{background-color:#fff3cd;color:#856404}.status-badge.status-rejected{background-color:#f8d7da;color:#721c24}.status-badge.status-closed{background-color:#e2e3e5;color:#383d41}.transactions-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.transactions-modal{background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:80vh;overflow:hidden;box-shadow:0 4px 20px #00000026}.transactions-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.transactions-modal .modal-header h3{margin:0;color:#333;font-size:1.3rem;font-weight:600}.transactions-modal .modal-header .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:5px;border-radius:4px;transition:all .2s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.transactions-modal .modal-header .close-button:hover{background-color:#e9ecef;color:#495057}.transactions-modal .transactions-modal-content{padding:20px;max-height:calc(80vh - 80px);overflow-y:auto}.transactions-modal .transactions-modal-content .transactions-table .table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 2fr;gap:15px;padding:12px 15px;background-color:#f8f9fa;border-radius:6px;font-weight:600;color:#495057;margin-bottom:10px}.transactions-modal .transactions-modal-content .transactions-table .table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 2fr;gap:15px;padding:12px 15px;border-bottom:1px solid #e9ecef;align-items:center}.transactions-modal .transactions-modal-content .transactions-table .table-row:last-child{border-bottom:none}.transactions-modal .transactions-modal-content .transactions-table .table-row:hover{background-color:#f8f9fa}.transactions-modal .transactions-modal-content .transactions-table .table-row span{color:#495057;font-size:.9rem}.folder-component{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;background:transparent;border:2px solid transparent;min-width:80px;-webkit-user-select:none;user-select:none;z-index:1}.folder-component:hover{background-color:#0000000d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;z-index:10}.folder-component:hover .folder-menu{opacity:1;visibility:visible}.folder-component:focus{outline:none;border-color:#007bff;background-color:#007bff1a}.folder-component.selected{background-color:#007bff26;border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.folder-component.selection-mode{position:relative;padding-left:40px}.folder-component.selection-mode .selection-checkbox{position:absolute;top:8px;left:8px;z-index:10}.folder-component.selection-mode .selection-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.folder-component.small{padding:8px;min-width:60px}.folder-component.small .folder-icon{width:32px;height:32px;margin-bottom:6px}.folder-component.small .folder-name{font-size:12px;max-width:80px}.folder-component.medium{padding:12px;min-width:80px}.folder-component.medium .folder-icon{width:40px;height:40px;margin-bottom:8px}.folder-component.medium .folder-name{font-size:14px;max-width:120px}.folder-component.large{padding:16px;min-width:100px}.folder-component.large .folder-icon{width:48px;height:48px;margin-bottom:10px}.folder-component.large .folder-name{font-size:16px;max-width:150px}.folder-component .folder-icon{display:flex;align-items:center;justify-content:center;color:#ffa726}.folder-component .folder-icon .folder-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.folder-component .folder-name{text-align:center;font-weight:500;color:#333;line-height:1.2;overflow:hidden;word-break:break-word;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.folder-component .folder-menu{position:absolute;top:8px;right:8px;z-index:10000;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.folder-component .folder-menu .menu-trigger{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#666;opacity:.7;transition:all .2s ease-in-out}.folder-component .folder-menu .menu-trigger:hover{background-color:#0000001a;color:#333;opacity:1}.folder-component .folder-menu .menu-trigger svg{width:16px;height:16px}.folder-component .folder-menu .menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:99999999;overflow:hidden;isolation:isolate;transform:translateZ(0);will-change:transform}.folder-component .folder-menu .menu-dropdown .menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;position:relative;z-index:10}.folder-component .folder-menu .menu-dropdown .menu-item.delete{color:#dc3545}.folder-component .folder-menu .menu-dropdown .menu-item svg{width:14px;height:14px;position:relative;z-index:20;flex-shrink:0}@media (max-width: 768px){.folder-component.medium{padding:10px;min-width:70px}.folder-component.medium .folder-icon{width:36px;height:36px;margin-bottom:6px}.folder-component.medium .folder-name{font-size:13px;max-width:70px}}@media (max-width: 480px){.folder-component.medium{padding:8px;min-width:60px}.folder-component.medium .folder-icon{width:32px;height:32px;margin-bottom:4px}.folder-component.medium .folder-name{font-size:12px;max-width:60px}}.file-modal{background:#fff;width:100%}.file-modal .file-modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0;position:relative}.file-modal .file-modal-header .file-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:64px;height:64px}.file-modal .file-modal-header .file-info{flex:1;min-width:0;display:flex;align-items:center}.file-modal .file-modal-header .file-info .file-names{margin:0;font-size:20px;font-weight:600;color:#333;line-height:1.2;word-break:break-word}.file-modal .file-modal-header .close-button{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.file-modal .file-modal-header .close-button:hover{background-color:#0000001a;color:#333}.file-modal .file-modal-header .close-button svg{width:20px;height:20px}.file-modal .file-modal-header .share-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0078d4;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.file-modal .file-modal-header .share-button:hover{background:#106ebe}.file-modal .file-modal-header .share-button svg{width:16px;height:16px}.file-modal .file-details{margin-bottom:24px}.file-modal .file-details h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.file-modal .file-details .details-grid{display:flex;flex-direction:column;gap:12px}.file-modal .file-details .details-grid .detail-item{display:flex;align-items:flex-start;gap:12px}.file-modal .file-details .details-grid .detail-item .detail-label{min-width:120px;font-size:14px;color:#666;font-weight:500}.file-modal .file-details .details-grid .detail-item .detail-value{flex:1;font-size:14px;color:#333;word-break:break-word}.file-modal .file-modal-footer{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #e0e0e0}.file-modal .file-modal-footer .properties-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f5f5f5;color:#333;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.file-modal .file-modal-footer .properties-button:hover{background:#e8e8e8}.file-modal .file-modal-footer .properties-button svg{width:16px;height:16px}.modal-overlay{background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px}@media (max-width: 600px){.file-modal{margin:20px;padding:16px}.file-modal .file-modal-header{flex-direction:column;align-items:center;text-align:center;padding-top:40px}.file-modal .file-modal-header .file-info .file-names{text-align:center}.file-modal .file-modal-header .close-button{top:8px;right:8px}.file-modal .file-details .details-grid .detail-item{flex-direction:column;gap:4px}.file-modal .file-details .details-grid .detail-item .detail-label{min-width:auto}}.create-folder-modal .modal-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.create-folder-modal .modal-heading h2{margin:0;font-size:20px;font-weight:600;color:#000}.create-folder-modal .modal-heading .close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease}.create-folder-modal .modal-heading .close-btn:hover{background-color:#f3f4f6;color:#374151}.create-folder-modal .modal-heading .close-btn svg{display:block}.create-folder-modal .modal-form{padding:0 24px 24px}.create-folder-modal .modal-form .form-group{margin-bottom:20px}.create-folder-modal .modal-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.create-folder-modal .modal-form .form-group .location-display{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px}.create-folder-modal .modal-form .form-group .location-display svg{color:#9ca3af}.create-folder-modal .modal-form .form-group .location-display span{font-weight:500}.create-folder-modal .modal-form .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid #e5e7eb}@media (max-width: 480px){.create-folder-modal{min-width:320px;margin:16px}.create-folder-modal .modal-header{padding:20px 20px 0}.create-folder-modal .modal-header h2{font-size:18px}.create-folder-modal .modal-form{padding:0 20px 20px}.create-folder-modal .modal-form .modal-actions{flex-direction:column-reverse}.create-folder-modal .modal-form .modal-actions .cmp-button-container,.create-folder-modal .modal-form .modal-actions .cmp-button-container .cmp-button{width:100%}}.file-component{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;background:transparent;border:2px solid transparent;min-width:80px;-webkit-user-select:none;user-select:none;z-index:1}.file-component:hover{background-color:#0000000d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;z-index:10}.file-component:hover .file-menu{opacity:1;visibility:visible}.file-component:focus{outline:none;border-color:#007bff;background-color:#007bff1a}.file-component.selected{background-color:#007bff26;border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.file-component.selection-mode{position:relative;padding-left:40px}.file-component.selection-mode .selection-checkbox{position:absolute;top:8px;left:8px;z-index:10}.file-component.selection-mode .selection-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.file-component.small{padding:8px;min-width:60px}.file-component.small .file-icon,.file-component.small .file-preview{width:32px;height:32px;margin-bottom:6px}.file-component.small .file-name{font-size:12px;max-width:60px}.file-component.small .file-type-badge{font-size:10px;padding:2px 4px}.file-component.medium{padding:12px;min-width:80px}.file-component.medium .file-icon,.file-component.medium .file-preview{width:40px;height:40px;margin-bottom:8px}.file-component.medium .file-name{font-size:14px;max-width:80px}.file-component.medium .file-type-badge{font-size:11px;padding:3px 6px}.file-component.large{padding:16px;min-width:100px}.file-component.large .file-icon,.file-component.large .file-preview{width:48px;height:48px;margin-bottom:10px}.file-component.large .file-name{font-size:16px;max-width:100px}.file-component.large .file-type-badge{font-size:12px;padding:4px 8px}.file-component .file-icon{display:flex;align-items:center;justify-content:center}.file-component .file-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.file-component .file-preview{position:relative;border-radius:4px;overflow:hidden;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.file-component .file-preview .preview-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.file-component .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.file-component .loading-spinner .spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.file-component .file-name{text-align:center;font-weight:500;color:#333;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;margin-bottom:4px}.file-component .file-type-badge{background-color:#0000001a;color:#666;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.file-component .file-menu{position:absolute;top:8px;right:8px;z-index:10;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.file-component .file-menu .menu-trigger{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#666;opacity:.7;transition:all .2s ease-in-out}.file-component .file-menu .menu-trigger:hover{background-color:#0000001a;color:#333;opacity:1}.file-component .file-menu .menu-trigger svg{width:16px;height:16px}.file-component .file-menu .menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:99999999;overflow:hidden;isolation:isolate;transform:translateZ(0);will-change:transform}.file-component .file-menu .menu-dropdown .menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;position:relative;z-index:10}.file-component .file-menu .menu-dropdown .menu-item.delete{color:#dc3545}.file-component .file-menu .menu-dropdown .menu-item svg{width:14px;height:14px;position:relative;z-index:20;flex-shrink:0}@media (max-width: 768px){.file-component.medium{padding:10px;min-width:70px}.file-component.medium .file-icon,.file-component.medium .file-preview{width:36px;height:36px;margin-bottom:6px}.file-component.medium .file-name{font-size:13px;max-width:70px}.file-component.medium .file-type-badge{font-size:10px;padding:2px 5px}}@media (max-width: 480px){.file-component.medium{padding:8px;min-width:60px}.file-component.medium .file-icon,.file-component.medium .file-preview{width:32px;height:32px;margin-bottom:4px}.file-component.medium .file-name{font-size:12px;max-width:60px}.file-component.medium .file-type-badge{font-size:9px;padding:2px 4px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-manager{min-height:100vh;position:relative}.file-manager .initial-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.file-manager .bulk-operations{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#e3f2fd;border-radius:12px;border:1px solid #bbdefb;gap:16px}.file-manager .bulk-operations .bulk-info{display:flex;flex-direction:column;gap:4px}.file-manager .bulk-operations .bulk-info .selection-count{font-weight:600;color:#1976d2;font-size:14px}.file-manager .bulk-operations .bulk-info .selection-breakdown{font-size:12px;color:#666}.file-manager .bulk-operations .bulk-buttons{display:flex;gap:8px;flex-wrap:wrap}.file-manager .bulk-operations .bulk-buttons .bulk-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.file-manager .bulk-operations .bulk-buttons .bulk-btn svg{width:14px;height:14px}.file-manager .bulk-operations .bulk-buttons .bulk-btn.primary{background:#1976d2;color:#fff}.file-manager .bulk-operations .bulk-buttons .bulk-btn.primary:hover:not(.disabled){background:#1565c0}.file-manager .bulk-operations .bulk-buttons .bulk-btn.secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.file-manager .bulk-operations .bulk-buttons .bulk-btn.secondary:hover:not(.disabled){background:#e0e0e0}.file-manager .bulk-operations .bulk-buttons .bulk-btn.danger{background:#f44336;color:#fff}.file-manager .bulk-operations .bulk-buttons .bulk-btn.danger:hover:not(.disabled){background:#d32f2f}.file-manager .bulk-operations .bulk-buttons .bulk-btn.disabled{opacity:.5;cursor:not-allowed}.file-manager .file-manager-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:16px}.file-manager .file-manager-toolbar .path-display{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-manager .file-manager-toolbar .path-display .navigation-controls{display:flex;align-items:center;gap:4px;margin-right:12px;flex-shrink:0}.file-manager .file-manager-toolbar .path-display .navigation-controls .nav-btn{display:flex;align-items:center;justify-content:center;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#6c757d}.file-manager .file-manager-toolbar .path-display .navigation-controls .nav-btn svg{width:18px;height:18px}.file-manager .file-manager-toolbar .path-display .navigation-controls .nav-btn:hover{background-color:#f8f9fa;color:#495057}.file-manager .file-manager-toolbar .path-display .navigation-controls .nav-btn.active{color:#495057}.file-manager .file-manager-toolbar .path-display .navigation-controls .nav-btn.disabled{color:#adb5bd;cursor:not-allowed}.file-manager .file-manager-toolbar .path-display .navigation-controls .nav-btn.disabled:hover{background-color:transparent}.file-manager .file-manager-toolbar .path-display .path-label{font-weight:600;color:#6c757d;font-size:14px;min-width:40px;flex-shrink:0}.file-manager .file-manager-toolbar .path-display .path-breadcrumb{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#adb5bd transparent}.file-manager .file-manager-toolbar .path-display .path-breadcrumb::-webkit-scrollbar{height:4px}.file-manager .file-manager-toolbar .path-display .path-breadcrumb::-webkit-scrollbar-track{background:transparent}.file-manager .file-manager-toolbar .path-display .path-breadcrumb::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:2px}.file-manager .file-manager-toolbar .path-display .path-breadcrumb::-webkit-scrollbar-thumb:hover{background:#6c757d}.file-manager .file-manager-toolbar .path-display .path-breadcrumb .path-segment{padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;color:#495057;white-space:nowrap;flex-shrink:0;display:flex;align-items:center}.file-manager .file-manager-toolbar .path-display .path-breadcrumb .path-segment:hover{background-color:#f8f9fa;color:#007bff}.file-manager .file-manager-toolbar .path-display .path-breadcrumb .path-segment.home{font-weight:600}.file-manager .file-manager-toolbar .path-display .path-breadcrumb .path-segment.loading{opacity:.7;cursor:wait}.file-manager .file-manager-toolbar .path-display .path-breadcrumb .path-separator{color:#adb5bd;font-weight:600;flex-shrink:0}.file-manager .file-manager-toolbar .file-manager-toolbar-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper{position:relative;display:flex;align-items:center}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-icon{position:absolute;left:12px;width:18px;height:18px;color:#adb5bd;z-index:2}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-input{padding:12px 12px 12px 40px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;width:280px;transition:all .2s ease;background:#f8f9fa}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-input:focus{outline:none;border-color:#007bff;background:#fff;box-shadow:0 0 0 3px #007bff1a}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-input::placeholder{color:#adb5bd}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-input:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.file-manager .view-controls .view-mode-toggle{display:flex;background:#fff;border-radius:8px;padding:4px;box-shadow:0 2px 8px #0000001a}.file-manager .view-controls .view-mode-toggle .file-manager-view-btn{display:flex;align-items:center;justify-content:center;height:40px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#6c757d}.file-manager .view-controls .view-mode-toggle .file-manager-view-btn svg{width:20px;height:20px}.file-manager .view-controls .view-mode-toggle .file-manager-view-btn:hover{background-color:#f8f9fa;color:#495057}.file-manager .view-controls .view-mode-toggle .file-manager-view-btn.active{background:#008c9c;color:#fff}.file-manager .view-controls .view-mode-toggle .file-manager-view-btn:disabled{opacity:.5;cursor:not-allowed}.file-manager .view-controls .view-mode-toggle .file-manager-view-btn:disabled:hover{background-color:transparent;color:#6c757d}.file-manager .file-manager-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;min-height:400px;position:relative}.file-manager .file-manager-content .file-manager-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.file-manager .file-manager-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6c757d}.file-manager .file-manager-content .empty-state .empty-icon{width:64px;height:64px;margin-bottom:16px;opacity:.5}.file-manager .file-manager-content .empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#495057}.file-manager .file-manager-content .empty-state p{margin:0;font-size:14px;color:#6c757d}.file-manager .file-manager-content .content-grid{display:grid;gap:20px}.file-manager .file-manager-content .content-grid.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.file-manager .file-manager-content .content-grid.list{grid-template-columns:1fr;gap:12px}.file-manager .file-manager-content .content-grid.list .folder-component,.file-manager .file-manager-content .content-grid.list .file-component{flex-direction:row;justify-content:flex-start;padding:12px 16px;min-width:auto;width:100%}.file-manager .file-manager-content .content-grid.list .folder-component .folder-icon,.file-manager .file-manager-content .content-grid.list .folder-component .file-icon,.file-manager .file-manager-content .content-grid.list .folder-component .file-preview,.file-manager .file-manager-content .content-grid.list .file-component .folder-icon,.file-manager .file-manager-content .content-grid.list .file-component .file-icon,.file-manager .file-manager-content .content-grid.list .file-component .file-preview{width:32px;height:32px;margin-bottom:0;margin-right:12px}.file-manager .file-manager-content .content-grid.list .folder-component .folder-name,.file-manager .file-manager-content .content-grid.list .folder-component .file-name,.file-manager .file-manager-content .content-grid.list .file-component .folder-name,.file-manager .file-manager-content .content-grid.list .file-component .file-name{text-align:left;max-width:none;flex:1}.file-manager .file-manager-content .content-grid.list .folder-component .file-type-badge,.file-manager .file-manager-content .content-grid.list .file-component .file-type-badge{margin-left:auto}@media (max-width: 1200px){.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-input{width:240px}}@media (max-width: 1024px){.file-manager{padding:16px}.file-manager .file-manager-toolbar{flex-direction:column;gap:16px;align-items:flex-start}.file-manager .file-manager-toolbar .path-display{width:100%;gap:8px}.file-manager .file-manager-toolbar .path-display .navigation-controls{margin-right:8px}.file-manager .file-manager-toolbar .path-display .path-label{min-width:35px}.file-manager .file-manager-toolbar .file-manager-toolbar-right{width:100%;justify-content:space-between}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-input{width:100%;max-width:300px}.file-manager .content-grid.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}}@media (max-width: 768px){.file-manager{padding:12px}.file-manager .file-manager-toolbar{padding:12px 16px}.file-manager .file-manager-toolbar .path-display .navigation-controls .nav-btn{width:32px;height:32px}.file-manager .file-manager-toolbar .path-display .navigation-controls .nav-btn svg{width:16px;height:16px}.file-manager .file-manager-toolbar .path-display .path-label{min-width:30px;font-size:12px}.file-manager .file-manager-toolbar .path-display .path-breadcrumb .path-segment{padding:4px 8px;font-size:12px}.file-manager .file-manager-toolbar .file-manager-toolbar-right{gap:12px}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-input{width:200px}.file-manager .content-grid.grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}}@media (max-width: 480px){.file-manager .file-manager-toolbar .path-display{flex-direction:column;align-items:flex-start;gap:8px}.file-manager .file-manager-toolbar .path-display .navigation-controls{align-self:flex-start;margin-bottom:4px}.file-manager .file-manager-toolbar .path-display .path-breadcrumb{width:100%;padding-bottom:4px}.file-manager .file-manager-toolbar .file-manager-toolbar-right{flex-direction:column;gap:12px;width:100%}.file-manager .file-manager-toolbar .file-manager-toolbar-right .search-input-wrapper .search-input{width:100%;max-width:none}.file-manager .content-grid.grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}}.file-manager .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.file-manager .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:500px;max-height:90vh;overflow:hidden}.file-manager .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.file-manager .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#495057}.file-manager .modal-header .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.file-manager .modal-header .modal-close:hover{background-color:#f8f9fa;color:#495057}.file-manager .modal-header .modal-close:disabled{opacity:.5;cursor:not-allowed}.file-manager .modal-body{padding:24px}.file-manager .modal-body .file-input-wrapper{margin-bottom:20px}.file-manager .modal-body .file-input-wrapper input[type=file]{width:100%;padding:12px;border:2px dashed #dee2e6;border-radius:8px;background-color:#f8f9fa;cursor:pointer;transition:all .2s ease}.file-manager .modal-body .file-input-wrapper input[type=file]:hover{border-color:#007bff;background-color:#f0f8ff}.file-manager .modal-body .file-input-wrapper input[type=file]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.file-manager .modal-body .file-input-wrapper input[type=file]:disabled{opacity:.5;cursor:not-allowed}.file-manager .modal-body .modal-actions{display:flex;justify-content:flex-end;gap:12px}.file-manager .modal-body .modal-actions .btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.file-manager .modal-body .modal-actions .btn.btn-primary{background-color:#007bff;color:#fff}.file-manager .modal-body .modal-actions .btn.btn-primary:hover:not(:disabled){background-color:#0056b3}.file-manager .modal-body .modal-actions .btn.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.file-manager .modal-body .modal-actions .btn.btn-secondary{background-color:#6c757d;color:#fff}.file-manager .modal-body .modal-actions .btn.btn-secondary:hover:not(:disabled){background-color:#545b62}.file-manager .modal-body .modal-actions .btn.btn-secondary:disabled{background-color:#adb5bd;cursor:not-allowed}.card{display:flex;margin-top:30px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #00000014;height:80vh}.folders{width:240px;padding:20px 15px;background:#f9fbff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.folders h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#333}.folders ul{list-style:none;padding:0;margin:0}.folders li{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#444;font-size:14px;transition:all .2s ease-in-out}.folders li.active,.folders li:hover{background:#eaf2ff;color:#0056d6;font-weight:500}.folders .count{background:#dbe6ff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#0056d6}.inbox{flex:1;padding:20px 25px;display:flex;flex-direction:column}.inbox h3{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;margin:0 0 10px}.inbox .hint{color:#888;font-size:14px;margin-bottom:20px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.toolbar-search{flex:1}.toolbar-dropdown{width:200px}.mail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;margin-bottom:0;border-bottom:1px solid #e5e7eb;background:#fff;transition:all .2s ease-in-out;cursor:pointer;position:relative}.mail-item:last-child{border-bottom:none}.mail-item:hover{background:#f9fbff}.mail-info{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.mail-content{flex:1;min-width:0}.mail-header{margin-bottom:4px}.mail-info h4{margin:0;font-size:15px;font-weight:600;color:#111827;display:flex;align-items:center;gap:6px}.mail-info .dot{display:inline-block;width:8px;height:8px;background:#007bff;border-radius:50%}.star-icon{color:#ffc107;font-size:14px}.subject{font-weight:500;margin:0 0 4px;font-size:14px;color:#374151}.preview{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-tags{display:flex;gap:6px;align-items:center}.mail-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:120px}.date-section{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.date{font-size:13px;color:#6b7280;white-space:nowrap}.action-icons{display:flex;gap:8px;align-items:center;margin-top:4px}.action-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:28px;min-height:28px}.action-icon:hover{background:#f3f4f6}.action-icon svg{font-size:16px;color:#6b7280;display:block}.action-icon.starred svg{color:#ffc107!important}.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.tag.high{background:#fef2f2;color:#dc2626}.tag.normal{background:#eff6ff;color:#2563eb}.tag.attachment{background:#f0f9ff;color:#0369a1;display:flex;align-items:center;gap:4px}.tag.attachment svg{font-size:10px}.email-detail-container{margin-top:30px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.email-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:0;width:100%}.email-nav .cmp-button-container{margin:0}.email-nav .cmp-button{background:#f5f5f5!important;border:1px solid #d1d5db!important;color:#374151!important;border-radius:6px!important;box-shadow:0 1px 2px #0000000d!important;transition:all .2s ease!important}.email-nav .cmp-button:hover{background:#e5e7eb!important;border-color:#9ca3af!important;box-shadow:0 2px 4px #0000001a!important}.email-nav .cmp-button .button-icon{font-size:14px}.email-actions{display:flex;gap:8px}.email-actions .cmp-button-container{margin:0}.email-actions .cmp-button{background:#f5f5f5!important;border:1px solid #d1d5db!important;color:#374151!important;border-radius:6px!important;box-shadow:0 1px 2px #0000000d!important;transition:all .2s ease!important;white-space:nowrap!important}.email-actions .cmp-button:hover{background:#e5e7eb!important;border-color:#9ca3af!important;box-shadow:0 2px 4px #0000001a!important}.email-actions .cmp-button .button-icon{font-size:14px}.email-detail-card{padding:24px;background:#fff}.email-header{margin-bottom:24px}.email-subject{font-size:24px;font-weight:600;color:#111827;margin:0 0 16px;line-height:1.3}.email-tags{display:flex;gap:8px;align-items:center}.email-meta{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.meta-row{display:flex;margin-bottom:8px;font-size:14px}.meta-label{font-weight:600;color:#374151;min-width:60px;margin-right:12px}.meta-value{color:#6b7280;flex:1}.email-body{font-size:15px;line-height:1.6;color:#374151}.email-body pre{font-family:inherit;white-space:pre-wrap;word-wrap:break-word;margin:0}.tag.attachment{background:#e6f0ff;color:#0056d6;display:flex;align-items:center;gap:4px}.inventory-container{margin-top:30px}.inventory-filters{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:20px;background:#fff}.filter-search{flex:1;max-width:400px}.filter-dropdowns{display:flex;gap:12px;align-items:center}.inventory-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.inventory-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease;position:relative;padding:20px;display:flex;gap:20px}.inventory-card:hover{box-shadow:0 4px 12px #00000026}.card-left{flex:1;min-width:0}.card-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:120px}.header-left{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#008c9c;border-radius:8px;color:#fff;font-size:18px;flex-shrink:0}.item-title{flex:1;min-width:0}.item-title h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#008c9c;line-height:1.3}.item-title .item-id{font-size:12px;color:#6b7280;font-weight:500;background:#f3f4f6;padding:2px 8px;border-radius:12px;display:inline-block}.item-description{margin:0 0 12px;font-size:14px;color:#4b5563;line-height:1.5}.item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.price-quantity{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.price-quantity .price{font-size:18px;font-weight:600;color:#008c9c}.price-quantity .quantity{font-size:13px;color:#6b7280;font-weight:400}.item-actions{display:flex;gap:8px;align-items:center}.card-content{margin-bottom:16px}.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;white-space:nowrap}.tag .tag-icon{font-size:10px}.tag.tag-category,.tag.tag-condition,.tag.tag-source,.tag.tag-status,.tag.tag-warranty,.tag.tag-assigned{background:#e0f2f1;color:#008c9c}.item-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.detail-row{display:flex;align-items:center;gap:6px;font-size:13px}.detail-row .detail-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:#9ca3af;flex-shrink:0}.detail-row .detail-label{font-weight:500;color:#374151;margin-right:4px}.detail-row .detail-value{color:#6b7280;font-weight:400}.item-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:18px;background:transparent;color:#6b7280}.action-btn:hover{background:#e0f2f1;color:#008c9c}.no-items{text-align:center;padding:60px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.no-items p{margin:0;font-size:16px;color:#6b7280}@media (max-width: 768px){.inventory-grid{grid-template-columns:1fr;gap:16px}.inventory-filters{flex-direction:column;align-items:stretch;gap:12px}.filter-search{max-width:none}.filter-dropdowns{justify-content:space-between}.card-header{padding:16px}.card-content{padding:12px 16px 16px}.item-footer{flex-direction:column;align-items:stretch;gap:12px}.item-actions{justify-content:center}}@media (max-width: 480px){.inventory-container{margin-top:20px}.inventory-filters{padding:16px}.filter-dropdowns{flex-direction:column;gap:8px}.item-title h3{font-size:16px}.item-icon{width:40px;height:40px;font-size:18px}}.todo-modal .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.todo-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease-in-out}.todo-modal .todo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:20px}.todo-modal .todo-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#008c9c}.todo-modal .todo-modal-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.todo-modal .todo-modal-header .close-button:hover{background:#e5e7eb;color:#374151}.todo-modal .todo-modal-form{padding:0}.todo-modal .todo-modal-form .form-group{margin-bottom:20px}.todo-modal .todo-modal-form .form-group:last-child{margin-bottom:0}.todo-modal .todo-modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.todo-modal .todo-modal-form .form-row{grid-template-columns:1fr;gap:16px}}.todo-modal .todo-modal-actions{display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 12px 12px}@media (max-width: 480px){.todo-modal .todo-modal-actions{flex-direction:column;gap:8px}.todo-modal .todo-modal-actions button{width:100%}}.todo-modal .priority-high .field-label{color:#dc2626}.todo-modal .priority-medium .field-label{color:#d97706}.todo-modal .priority-low .field-label{color:#059669}.todo-modal .form-field .field-label{color:#008c9c;font-weight:500;margin-bottom:6px;display:block}.todo-modal .form-field .input-field{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.todo-modal .form-field .input-field:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.todo-modal .form-field .input-field.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.todo-modal .form-field .error-message{color:#dc2626;font-size:12px;margin-top:4px;display:block}.todo-modal .custom-dropdown .custom-dropdown-trigger{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.todo-modal .custom-dropdown .custom-dropdown-trigger:hover{border-color:#008c9c}.todo-modal .custom-dropdown .custom-dropdown-trigger.error{border-color:#dc2626}.todo-modal .custom-dropdown .custom-dropdown-trigger .selected-text{color:#111827;font-size:14px}.todo-modal .custom-dropdown .custom-dropdown-trigger .placeholder-text{color:#6b7280;font-size:14px}.todo-modal .custom-dropdown .custom-dropdown-trigger .dropdown-arrow{color:#6b7280;transition:transform .2s ease}.todo-modal .custom-dropdown .custom-dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.todo-modal .custom-dropdown .custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.todo-modal .custom-dropdown .custom-dropdown-menu .custom-dropdown-option{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:14px}.todo-modal .custom-dropdown .custom-dropdown-menu .custom-dropdown-option:hover{background:#f3f4f6}.todo-modal .custom-dropdown .custom-dropdown-menu .custom-dropdown-option.selected{background:#e0f2fe;color:#008c9c;font-weight:500}.todo-modal .ant-picker{width:100%;border-radius:8px;border:1px solid #d1d5db}.todo-modal .ant-picker:hover,.todo-modal .ant-picker.ant-picker-focused{border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.todo-modal .modal-content{width:95%;margin:20px}.todo-modal .todo-modal-header{padding:0}.todo-modal .todo-modal-form{padding:0 20px 20px}.todo-modal .todo-modal-actions{padding:16px 20px 20px}}@media (max-width: 480px){.todo-modal .modal-content{width:100%;height:100%;border-radius:0;max-height:100vh}}.todo-container .todo-main-content{display:flex;gap:20px;margin-top:20px}@media (max-width: 768px){.todo-container .todo-main-content{flex-direction:column;gap:16px}}.todo-container .todo-sidebar{width:300px;background-color:#fff;border-radius:8px;border:2px solid #e5e7eb;padding:20px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.todo-container .todo-sidebar{width:100%}}.todo-container .todo-sidebar .user-profile-section{margin-bottom:30px}.todo-container .todo-sidebar .user-profile-section .user-profile{display:flex;align-items:center;margin-bottom:10px}.todo-container .todo-sidebar .user-profile-section .user-profile .user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#008c9c,#00a8b8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-right:12px;box-shadow:0 2px 8px #008c9c4d;transition:all .2s ease}.todo-container .todo-sidebar .user-profile-section .user-profile .user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #008c9c66}.todo-container .todo-sidebar .user-profile-section .user-profile .user-info h3{margin:0;font-size:16px;font-weight:500;color:#008c9c}.todo-container .todo-sidebar .user-profile-section .user-profile .user-info p{margin:0;font-size:14px;color:#666}.todo-container .todo-sidebar .active-nav-item{background-color:#008c9c;color:#fff;padding:12px 16px;border-radius:6px;margin-bottom:20px;display:flex;align-items:center}.todo-container .todo-sidebar .active-nav-item .nav-icon{margin-right:10px}.todo-container .todo-sidebar .task-categories .category-item{display:flex;align-items:center;padding:10px 0;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s ease}.todo-container .todo-sidebar .task-categories .category-item:hover{background-color:#f5f5f5}.todo-container .todo-sidebar .task-categories .category-item:last-child{border-bottom:none}.todo-container .todo-sidebar .task-categories .category-item .category-icon{margin-right:10px;color:#666}.todo-container .todo-sidebar .task-categories .category-item .category-label{flex:1}.todo-container .todo-sidebar .task-categories .category-item .category-count{background-color:#666;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;margin-left:auto}.todo-container .todo-sidebar .task-categories .category-item.completed .category-icon{color:green}.todo-container .todo-sidebar .task-categories .category-item.completed .category-count{background-color:green}.todo-container .todo-sidebar .task-categories .category-item.pending .category-icon{color:orange}.todo-container .todo-sidebar .task-categories .category-item.pending .category-count{background-color:orange}.todo-container .todo-sidebar .task-categories .category-item.in-process .category-icon{color:#00f}.todo-container .todo-sidebar .task-categories .category-item.in-process .category-count{background-color:#00f}.todo-container .todo-sidebar .task-categories .category-item.trash .category-icon{color:red}.todo-container .todo-sidebar .task-categories .category-item.active{background-color:#008c9c;color:#fff;border-radius:6px;padding:10px 12px;margin:2px 0}.todo-container .todo-sidebar .task-categories .category-item.active .category-icon{color:#fff}.todo-container .todo-sidebar .task-categories .category-item.active .category-count{background-color:#fff3;color:#fff}.todo-container .todo-content{flex:1;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.todo-container .todo-content .task-input-section{margin-bottom:30px}.todo-container .todo-content .task-input-section .search-input-wrapper{position:relative;display:flex;align-items:center}.todo-container .todo-content .task-input-section .search-input-wrapper .task-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.todo-container .todo-content .task-input-section .search-input-wrapper .task-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 2px #008c9c1a}.todo-container .todo-content .task-input-section .search-input-wrapper .task-input::placeholder{color:#999}.todo-container .todo-content .task-input-section .search-input-wrapper .clear-search-btn{position:absolute;right:12px;background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.todo-container .todo-content .task-input-section .search-input-wrapper .clear-search-btn:hover{background-color:#f0f0f0;color:#666}.todo-container .todo-content .task-input-section .search-input-wrapper .clear-search-btn:active{transform:scale(.95)}.todo-container .todo-content .task-list .task-item{display:flex;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;font-size:14px;line-height:1.6;color:#1f2937;transition:all .3s ease;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;justify-content:space-between;margin-bottom:12px}.todo-container .todo-content .task-list .task-item:hover{background-color:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.todo-container .todo-content .task-list .task-item:last-child{margin-bottom:0}.todo-container .todo-content .task-list .task-item .task-content{flex:1}.todo-container .todo-content .task-list .task-item .task-content .task-title{margin:0 0 5px;font-size:14px;font-weight:500;color:#333}.todo-container .todo-content .task-list .task-item .task-content .task-title.strikethrough{text-decoration:line-through;color:#999;opacity:.7}.todo-container .todo-content .task-list .task-item .task-content .task-meta{display:flex;align-items:center;gap:10px}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-status.pending{background-color:#e3f2fd;color:#1976d2}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-status.completed{background-color:#e8f5e8;color:#4caf50}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-status.in-process,.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-status.inprogress{background-color:#f3e5f5;color:#7b1fa2}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-date{font-size:12px;color:#666}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-priority{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-priority.high{background-color:#ffebee;color:#c62828}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-priority.medium{background-color:#fff3e0;color:#e65100}.todo-container .todo-content .task-list .task-item .task-content .task-meta .task-priority.low{background-color:#e8f5e9;color:#2e7d32}.todo-container .todo-content .task-list .task-item .task-actions{display:flex;align-items:center}.todo-container .todo-content .task-list .task-item .task-actions .strike-button{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-right:0}.todo-container .todo-content .task-list .task-item .task-actions .strike-button:hover{background-color:#f0f0f0;color:#333}.todo-container .todo-content .task-list .task-item .task-actions .strike-button:active{transform:scale(.95)}.todo-container .todo-content .task-list .task-item .task-actions .action-icon{color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.todo-container .todo-content .task-list .task-item .task-actions .action-icon:hover{background-color:#f0f0f0;color:#333}.todo-container .todo-content .task-list .task-item .task-actions .action-icon.delete:hover{background-color:#fee;color:#dc2626}.todo-container .todo-content .task-list .empty-state{text-align:center;padding:40px 20px;color:#6c757d}.todo-container .todo-content .task-list .empty-state p{margin:0;font-size:16px}.todo-container .todo-content .task-list .loading-state{text-align:center;padding:40px 20px;color:#008c9c}.todo-container .todo-content .task-list .loading-state p{margin:0;font-size:16px;font-weight:500}@media (max-width: 1024px){.todo-container .todo-main-content .todo-sidebar{width:250px}}@media (max-width: 768px){.todo-container .todo-main-content .todo-sidebar{width:100%;margin-bottom:16px}}@media (max-width: 480px){.todo-container .todo-main-content .todo-sidebar,.todo-container .todo-main-content .todo-content{padding:16px}}body{font-family:ui-sans-serif,system-ui;margin:0;padding:0;background-color:#f5f5f5}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.header{position:fixed;top:0;right:0;left:0;z-index:1000;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:left .3s ease;padding-left:30px;display:flex;align-items:center}.header.sidebar-expanded{left:280px}.header.collapsed{left:60px}.header.sidebar-unpinned-collapsed{left:30px}.main-layout{display:flex;flex:1;margin-top:64px;min-height:calc(100vh - 64px);width:100%}.sidebar-container{flex-shrink:0}.sidebar-container.sidebar-unpinned-collapsed{width:8px;flex-shrink:0}.main-content{flex:1;box-sizing:border-box;padding:20px 24px;margin-left:0;transition:margin-left .3s ease;background-color:#fff;min-height:calc(100vh - 64px);width:calc(100% + -0px);overflow-x:hidden}.main-content.sidebar-expanded{margin-left:280px;width:calc(100% - 280px)}.main-content.collapsed{margin-left:60px;width:calc(100% - 60px)}.main-content.sidebar-unpinned-collapsed{margin-left:50px;width:calc(100% - 30px)}.page-content{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.block-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px}.block-item{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.login-page .app-layout{margin:0;padding:0}.login-page .main-content{margin-left:0;margin-top:0;padding:0}@media (max-width: 768px){.header,.header.collapsed{left:60px}.main-content{margin-left:60px;padding:16px}.main-content.collapsed{margin-left:60px}.block-grid{grid-template-columns:1fr}}input:disabled,textarea:disabled,select:disabled,input[disabled],textarea[disabled],select[disabled]{color:#000!important;opacity:1!important}.ant-input:disabled,.ant-input-number:disabled,.ant-input-number-input:disabled,.ant-input-number-input[disabled],.ant-select-disabled .ant-select-selector,.ant-select-disabled .ant-select-selection-item,.ant-select-disabled .ant-select-selection-placeholder,.ant-picker-disabled .ant-picker-input>input,.ant-picker-disabled .ant-picker-suffix,.ant-cascader-picker-disabled .ant-cascader-picker-label,.ant-tree-select-disabled .ant-select-selector,.ant-tree-select-disabled .ant-select-selection-item,.ant-mentions-disabled .ant-mentions-textarea,.ant-auto-complete-disabled .ant-input,.ant-transfer-disabled .ant-transfer-list-header,.ant-transfer-disabled .ant-transfer-list-content-item,.ant-upload-disabled .ant-upload-text,.ant-upload-disabled .ant-upload-hint,.ant-rate-disabled .ant-rate-star,.ant-slider-disabled .ant-slider-handle,.ant-switch-disabled,.ant-checkbox-disabled+span,.ant-radio-disabled+span,.ant-radio-button-disabled,.ant-button-disabled,.ant-btn-disabled{color:#000!important;opacity:1!important}.ant-select.ant-select-disabled .ant-select-selection-item,.ant-select.ant-select-disabled .ant-select-selection-placeholder,.ant-picker.ant-picker-disabled .ant-picker-input>input,.ant-cascader.ant-cascader-picker-disabled .ant-cascader-picker-label,.ant-tree-select.ant-tree-select-disabled .ant-select-selection-item{color:#000!important;opacity:1!important}.ant-picker-disabled .ant-picker-input>input[disabled],.ant-picker-disabled .ant-picker-suffix{color:#556176!important;opacity:1!important}.ant-picker-range .ant-picker-input>input:disabled,.ant-picker-range-disabled .ant-picker-input>input{color:#000!important;opacity:1!important}.ant-picker-time .ant-picker-input>input:disabled,.ant-picker-time-disabled .ant-picker-input>input{color:#000!important;opacity:1!important}.ant-select-selection-placeholder,.ant-select .ant-select-selection-item,.ant-select-dropdown .ant-select-item{color:#556176!important}.ant-select-dropdown .ant-select-item-option-selected{color:#008c9c!important;font-weight:600!important}.ant-select-disabled .ant-select-selection-item{color:#000!important;opacity:1!important}.ant-input[disabled],.ant-input-disabled,.ant-input-number[disabled],.ant-input-number-disabled,.ant-input-number-input[disabled],.ant-input-number-input-disabled,.ant-select[disabled] .ant-select-selector,.ant-select-disabled .ant-select-selector,.ant-select[disabled] .ant-select-selection-item,.ant-select-disabled .ant-select-selection-item,.ant-select[disabled] .ant-select-selection-placeholder,.ant-select-disabled .ant-select-selection-placeholder,.ant-picker[disabled] .ant-picker-input>input,.ant-picker-disabled .ant-picker-input>input,.ant-picker[disabled] .ant-picker-suffix,.ant-picker-disabled .ant-picker-suffix,.ant-cascader[disabled] .ant-cascader-picker-label,.ant-cascader-disabled .ant-cascader-picker-label,.ant-tree-select[disabled] .ant-select-selector,.ant-tree-select-disabled .ant-select-selector,.ant-tree-select[disabled] .ant-select-selection-item,.ant-tree-select-disabled .ant-select-selection-item{color:#000!important;opacity:1!important}input[disabled],textarea[disabled],select[disabled],.ant-input[disabled],.ant-input-number[disabled],.ant-input-number-input[disabled],.ant-select-disabled .ant-select-selector,.ant-select-disabled .ant-select-selection-item,.ant-picker-disabled .ant-picker-input>input{background-color:#f5f5f5!important;border-color:#d9d9d9!important;color:#000!important;opacity:1!important}.Service-main .services-summary-cards{display:flex;gap:16px}.Service-main .Service-table-container .custom-table-container{box-shadow:4px 4px 8px 4px #0000001a}.service-modal-container .slot-assign-modal-group{grid-template-columns:1fr 1fr}.service-modal-container .service-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:#888;z-index:10;transition:color .2s}.service-modal-container .service-modal-close:hover{color:#333}.service-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.community-modal-container .community-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.community-modal-container .community-modal-grid .community-modal-group{grid-template-columns:1fr 1fr}.community-modal-container .community-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:#888;z-index:10;transition:color .2s}.community-modal-container .community-modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.service-view-content .service-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.service-view-content .service-view-grid .service-view-item{display:flex;flex-direction:column;gap:8px}.service-view-content .service-view-grid .service-view-item .service-view-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.service-view-content .service-view-grid .service-view-item .service-view-value{font-size:14px;color:#6b7280;padding:8px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;min-height:20px;word-wrap:break-word}@media (max-width: 768px){.service-view-content .service-view-grid{grid-template-columns:1fr}}.register-container{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}.get-started-link{text-decoration:none!important;color:var(--primary-color);font-size:1.5rem;font-weight:700;font-style:italic;margin:0;letter-spacing:2px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cmp-link.get-started-link,.cmp-link,a.cmp-link,.register-container a{text-decoration:none!important}.register-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:980px;margin-top:8px}.search-section{background:transparent;color:#111827;padding:0;width:100%;max-width:820px;text-align:left}.search-heading-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px;text-align:center}.search-icon-placeholder{width:30px;height:30px;background:none;border-radius:50%;display:flex;justify-content:center;align-items:center}.search-section .section-heading{color:#0f172a;margin-bottom:0;font-size:1.5rem;font-weight:700}.search-section .section-description{color:#6b7280;margin-bottom:14px;text-align:center;font-size:.95rem}.register-buttons{display:flex;justify-content:center;margin-top:10px;width:100%;margin-bottom:10px}.register-society-button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:background-color .2s ease,box-shadow .2s ease;color:#fff;display:inline-flex;gap:6px;align-items:center;box-shadow:0 2px 4px #00000014}.register-society-button:before{font-size:1.3rem}.intro-text-section{text-align:center;margin-bottom:10px;padding:0 20px;width:100%;max-width:600px}.register-image{width:100%;max-width:400px;height:auto}.register-image:hover{transform:scale(1.05)}.intro-text-section .intro-text-section-heading{font-size:1.8rem;color:#008c9c;font-weight:500;margin-bottom:-2px}.intro-text-section .intro-text-section-description{font-size:1.1rem;color:#555;line-height:1.5;margin-bottom:-2px;margin-top:-2px}.footer{background:#025863;color:#fff;padding:2rem;width:100%;margin-top:auto}.footer .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.footer .footer-content{grid-template-columns:1fr;gap:1.5rem}}.footer .footer-section h3,.footer .footer-section h4{margin-bottom:1rem;color:#fff}.footer .footer-section h3{font-size:1.5rem;font-weight:700}.footer .footer-section h4{font-size:1.1rem;font-weight:600}.footer .footer-section p{color:#e0e0e0;line-height:1.6;margin-bottom:1rem}.footer .footer-section .social-links{display:flex;gap:1rem}.footer .footer-section .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#374151;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.footer .footer-section .social-links a:hover{background:#00a462;transform:translateY(-2px)}.footer .footer-section ul{list-style:none;padding:0}.footer .footer-section ul li{margin-bottom:.5rem}.footer .footer-section ul li a{color:#e0e0e0;text-decoration:none;transition:color .3s ease}.footer .footer-bottom{border-top:1px solid #374151;padding-top:2rem}.footer .footer-bottom .footer-bottom-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.footer .footer-bottom .footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}}.footer .footer-bottom .footer-bottom-content p{color:#e0e0e0;margin:0}.footer .footer-bottom .footer-bottom-content .footer-bottom-links{display:flex;gap:1.5rem}@media (max-width: 768px){.footer .footer-bottom .footer-bottom-content .footer-bottom-links{gap:1rem}}.footer .footer-bottom .footer-bottom-content .footer-bottom-links a{color:#e0e0e0;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer .footer-bottom .footer-bottom-content .footer-bottom-links a:hover{color:#fff}.society-details-form-container{background-color:#fff;border-radius:10px;box-shadow:0 10px 24px #02061714;width:100%;max-width:780px;margin:24px auto;overflow:hidden;border:1px solid #e5e7eb}.form-header{background:#008c9c;color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px;border-top-left-radius:10px;border-top-right-radius:10px}.form-header .header-icon{font-size:2rem;align-items:center;justify-content:center}.form-header .header-icon svg{width:22px;height:22px;color:#fff}.form-header .header-content{flex-direction:column}.form-header-title{font-size:1.05rem;font-weight:700;margin-bottom:0;margin-right:155px}.form-header-description{font-size:.85rem;font-weight:500;margin-bottom:0;opacity:.9}.register-form-fields{padding:0 20px;display:flex;flex-direction:column;gap:20px;margin-top:30px;margin-bottom:30px}.form-group label{font-weight:600;margin-bottom:6px;color:#374151;position:relative;font-size:13px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#111827;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background-color:#f9fafb}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#0ea56a;background-color:#fff}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.amenities-input-group{display:flex;gap:10px;align-items:center}.amenities-input-group input{flex-grow:1}.add-amenity-button{background-color:#0ea56a;color:#fff;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.add-amenity-button:hover{background-color:#1a60cc}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding:16px 20px;border-top:1px solid #eee;background-color:#f9f9f9}.back-button,.continue-button{padding:12px 25px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease}.back-button{background-color:#e0e0e0;color:#555}.back-button:hover{background-color:#ccc}.continue-button{background:#025863;color:#fff}.continue-button:active:not(:disabled){transform:translateY(0)}.continue-button:disabled{background:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.checkbox-section{margin-bottom:20px;margin-left:30px;flex-shrink:0}.terms-checkbox input[type=checkbox]{margin-right:10px;margin-top:2px;width:16px;height:16px;cursor:pointer}.terms-checkbox:hover{color:#667eea}.terms-checkbox a{color:#667eea;text-decoration:underline;font-weight:500}.terms-checkbox a:hover{color:#5a67d8;text-decoration:none}.terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.terms-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.terms-modal-header{background:#008c9c;color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:12px;border-top-right-radius:12px}.terms-modal-header h2{margin:0;font-size:24px;font-weight:600}.terms-modal-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.terms-modal-close:hover{background-color:#fff3}.terms-modal-body{padding:24px;overflow-y:auto;flex:1;max-height:calc(90vh - 140px)}.terms-intro{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px;border-left:4px solid #008c9c}.terms-intro p{margin:0;color:#666;font-size:15px;font-weight:500;line-height:1.5}.terms-section{margin-bottom:20px}.terms-section:last-child{margin-bottom:0}.terms-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.terms-section p{color:#555;font-size:14px;line-height:1.6;margin:0 0 12px}.terms-modal-footer{padding:20px 24px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;border-bottom-left-radius:12px;border-bottom-right-radius:12px}@media (max-width: 768px){.terms-modal-overlay{padding:10px}.terms-modal-content{max-height:95vh}.terms-modal-header{padding:16px 20px}.terms-modal-header h2{font-size:20px}.terms-modal-body{padding:20px;max-height:calc(95vh - 120px)}.terms-modal-footer{padding:16px 20px}}.confirm-registration-container{height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.confirm-registration-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center;flex-shrink:0}.card-header h1{margin:0 0 8px;font-size:24px;font-weight:600}.card-header p{margin:0;opacity:.9;font-size:14px}.card-content{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.society-info{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:20px;border-left:4px solid #667eea}.society-info h3{margin:0 0 8px;color:#333;font-size:16px}.society-info p{margin:0;color:#666;font-size:14px}.terms-section{margin-bottom:20px;flex:1}.terms-section h3{margin:0 0 12px;color:#333;font-size:18px}.terms-content{background:#f8f9fa;border-radius:8px;padding:15px;max-height:300px;overflow-y:auto;border:1px solid #e9ecef}.terms-content p{margin:0 0 12px;color:#555;font-size:13px;line-height:1.5}.terms-content h4{margin:15px 0 8px;color:#333;font-size:15px;font-weight:600}.terms-content h4:first-child{margin-top:0}.checkbox-section{margin-bottom:20px;flex-shrink:0}.terms-checkbox{display:flex;align-items:flex-start;cursor:pointer;font-size:14px;color:#555;line-height:1.4}.terms-checkbox input[type=checkbox]{margin-right:10px;color:#008c9c;margin-top:2px;width:16px;height:16px;cursor:pointer}.terms-checkbox:hover{color:#008c9c}.button-section{display:flex;gap:12px;justify-content:space-between;flex-shrink:0}.button-section button{flex:1;min-width:100px}@media (max-width: 768px){.confirm-registration-container{padding:10px;height:100vh}.confirm-registration-card{max-width:100%;max-height:95vh}.card-header{padding:15px}.card-header h1{font-size:20px}.card-header p{font-size:13px}.card-content{padding:15px}.terms-content{max-height:250px;padding:12px}.button-section{flex-direction:column;gap:8px}.button-section button{width:100%}}.terms-content::-webkit-scrollbar{width:4px}.terms-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.terms-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.terms-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.card-content::-webkit-scrollbar{width:4px}.card-content::-webkit-scrollbar-track{background:transparent}.card-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.card-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.super-card{border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#1a202c;box-shadow:0 1px 2px #0000000d}.super-card-header{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}.super-card-title{font-weight:600;line-height:1.1;letter-spacing:-.01em}.super-card-description{font-size:1rem;color:#6b7280}.super-card-content{padding:1.5rem;padding-top:0}.super-card-footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}.super-badge{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid transparent;padding:.125rem .625rem;font-size:.75rem;font-weight:600;transition:background .2s,color .2s;outline:none;line-height:1.5;cursor:default}.super-badge--default{background:#2563eb;color:#fff;border-color:transparent}.super-badge--default:hover{background:#1d4ed8}.super-badge--secondary{background:#f3f4f6;color:#1a202c;border-color:transparent}.super-badge--secondary:hover{background:#e5e7eb}.super-badge--destructive{background:#dc2626;color:#fff;border-color:transparent}.super-badge--destructive:hover{background:#b91c1c}.super-badge--outline{background:transparent;color:#556176;border-color:#d1d5db}.ie-root{display:flex;flex-direction:column;gap:1rem;min-height:100vh}.ie-header{display:flex;align-items:center;justify-content:space-between}.ie-header-desc{color:#718096;margin-top:.25rem}.ie-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:none}.ie-summary-cards .ie-card-header .ie-summary-header{display:flex}.super-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000000f;border:1px solid #ececec;padding:10px;gap:15px}.ie-summary-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;margin-right:.75rem}.ie-summary-icon.ie-summary-icon--income{background:#eafaf1}.ie-summary-icon.ie-summary-icon--expense{background:#fdeeee}.ie-summary-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.ie-summary-value.ie-summary-value--income{color:#179c3c}.ie-summary-value.ie-summary-value--expense{color:#d32f2f}.ie-summary-desc,.super-card .text-sm.text-gray-600{color:#7b7b7b!important;font-size:1rem!important;margin-top:.1rem}.super-tabs-list{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000a;border:1px solid #ececec;padding:.25rem;width:100%;margin-bottom:1.5rem;display:flex;gap:0}.super-tabs-trigger{flex:1 1 0;justify-content:center;border-radius:.75rem;background:transparent;color:#7b7b7b;font-weight:500;font-size:1.1rem;padding:.75rem 0;border:none;box-shadow:none;transition:background .15s,color .15s;outline:none;cursor:pointer}.super-tabs-trigger[data-state=active]{background:#fff;color:#222;font-weight:700;box-shadow:0 2px 8px #00000008}.ie-table{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000a;border:1px solid #ececec;overflow:hidden;margin-top:.5rem;width:100%}.ie-table-head th{background:#f7f7f7;color:#8a8a8a;font-size:1rem;font-weight:600;letter-spacing:.03em;padding:1rem .75rem;border-bottom:1px solid #ececec}.ie-table-body tr{background:#fff;transition:background .15s}.ie-table-row--hover:hover{background:#f6f5f4}.ie-table-cell{padding:1.1rem .75rem;font-size:1.08rem;color:#222;border-bottom:1px solid #ececec;vertical-align:middle}.ie-table-body tr:last-child .ie-table-cell{border-bottom:none}.ie-subcategories{display:flex;flex-wrap:wrap;gap:.25rem;max-width:16rem}.ie-badge-small{font-size:.85rem;background:#f7f7f7;color:#555;border-radius:.5rem;padding:.15rem .7rem;border:none}.ie-action-delete{color:#d32f2f!important;background:#fbeaea!important;border-radius:.5rem!important;border:none!important;transition:background .15s,color .15s}.ie-action-delete:hover{color:#fff!important;background:#d32f2f!important}.ie-table .super-button{background:#f7f7f7;color:#555;border-radius:.5rem;border:none;box-shadow:none;margin-right:.3rem;padding:.45rem .7rem;font-size:1.1rem;transition:background .15s,color .15s}.ie-table .super-button:last-child{margin-right:0}.ie-table .super-button:hover{background:#ececec;color:#222}.ie-tab-trigger{display:flex;align-items:center;gap:.5rem}.ie-form{margin-top:-30px}.ie-form-actions{display:flex;justify-content:flex-end;gap:.75rem}.ie-textarea{resize:none}.ie-search-wrapper{position:relative;flex:1;max-width:24rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000a;border:1px solid #ececec;display:flex;align-items:center;margin-top:-10px}.ie-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#bdbdbd;width:1.1rem;height:1.1rem}.ie-search-input{background:transparent;border:none;box-shadow:none;outline:none;padding-left:2.5rem!important;height:2.75rem;font-size:1rem;color:#222}.ie-empty-card{padding:2rem;text-align:center}.ie-empty-message{color:#6b7280}.ie-dialog.ie-dialog--sm{max-width:500px}.ie-dialog.ie-dialog--lg{max-width:600px}.ie-dialog.ie-dialog--sm{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;border:1px solid #ececec;max-width:500px}.super-dialog-header{align-items:flex-start;text-align:left;margin-bottom:1rem}.super-dialog-title{font-size:1.35rem;font-weight:700;color:#222;margin-bottom:.2rem}.super-dialog-description{color:#7b7b7b;font-size:1.05rem;margin-bottom:1.5rem}.ie-dialog-actions{display:flex;justify-content:flex-end;margin-top:2.5rem}.ie-dialog-actions .super-button{border-radius:.75rem;border:2px solid #222;background:#fff;color:#222;font-size:1.1rem;font-weight:500;padding:.6rem 1.5rem;box-shadow:none;transition:background .15s,color .15s,border .15s}.ie-dialog-actions .super-button:hover{background:#f6f5f4;color:#111;border-color:#111}.ie-dialog--lg .grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.ie-label{color:#555;font-size:1.08rem;font-weight:600;margin-bottom:.2rem}.ie-value{color:#222;font-size:1.08rem;font-weight:400}.ie-dialog--lg .ie-subcategories-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.ie-dialog--lg .ie-badge-small{background:#1976d2!important;color:#fff!important;font-weight:600;border-radius:1rem;font-size:.95rem;padding:.18rem 1.1rem;border:none;box-shadow:none}.ie-dialog--lg .ie-badge-small[variant=outline]{background:#1976d2!important;color:#fff!important;border:none!important}@media (max-width: 700px){.ie-dialog.ie-dialog--lg{padding:1.2rem .5rem 1rem;max-width:98vw}.ie-dialog--lg .grid{grid-template-columns:1fr;gap:1rem}}.ie-success-message{color:#16a34a;font-weight:600;font-size:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.ie-form{display:flex;flex-direction:column;gap:1.3rem}.super-form-label{font-size:1.08rem;font-weight:600;color:#222;margin-bottom:.3rem}.super-input,.super-textarea{border:1.5px solid #e0e0e0;border-radius:.6rem;background:#fff;font-size:1.08rem;color:#222;transition:border .15s,box-shadow .15s;box-shadow:none;outline:none;height:25px}.super-textarea{min-height:3.5rem;resize:vertical}.super-select-trigger{border-radius:.6rem;background:#fff;font-size:1.08rem;color:#222;padding:.7rem 1rem;transition:border .15s,box-shadow .15s;box-shadow:none;outline:none;height:2.8rem;min-height:2.8rem;display:flex;align-items:center}.ie-form-actions{display:flex;justify-content:flex-end;gap:1.2rem;margin-top:1.5rem}.ie-form-actions .super-button{border-radius:.6rem;font-size:1.08rem;font-weight:600;padding:.7rem 2.1rem;box-shadow:none;border:none;transition:background .15s,color .15s,border .15s}.summary-header{display:flex;align-items:center;gap:.75rem}.summary-icon{display:flex;align-items:center;justify-content:center}.summary-icon-svg{width:1.5rem;height:1.5rem}.super-card-content{margin-top:20px}.green-icon{color:#16a34a}.red-icon{color:#dc2626}.summary-title{font-size:1.125rem;font-weight:600}.summary-subtitle{font-size:.875rem;color:#4b5563;margin:.25rem 0 0}.summary-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.income-value{color:#16a34a}.expense-value{color:#dc2626}.ie-table{overflow-x:auto;width:100%;margin-top:1rem}.ie-table-full{width:100%;border-collapse:collapse}.ie-table-head{background-color:#f9fafb;text-align:left}.ie-th{padding:.75rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6b7280}.ie-td{padding:1rem 1.5rem;font-size:.875rem;vertical-align:top}.ie-table-row:hover{background-color:#f3f4f6}.ie-category-name{display:flex;align-items:center}.ie-icon{width:20px;height:20px;margin-right:.75rem}.icon-green{color:#16a34a}.icon-red{color:#dc2626}.ie-text{font-weight:500;color:#556176}.ie-subcategories{display:flex;flex-wrap:wrap;gap:.5rem}.ie-badge-small{font-size:.75rem;padding:.25rem .5rem}.ie-actions{display:flex;gap:.5rem;align-items:center}.ie-action-icon{width:16px;height:16px}.ie-action-delete{background-color:#fee2e2;color:#b91c1c}.ie-action-delete:hover{background-color:#fecaca}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e0e0e0;padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.summary-card-title{font-size:16px;font-weight:500;color:#333}.summary-card-subtitle{font-size:13px;color:#888}.summary-card-value{font-size:32px;font-weight:600;margin-top:12px}.summary-card-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e6f7ee;width:36px;height:36px}.summary-card-icon.green{background:#e6f7ee;color:#16a34a}.summary-card-icon.red{background:#fdeaea;color:#dc2626}.summary-card-value.green{color:#16a34a}.summary-card-value.red{color:#dc2626}.ie-add-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.ie-add-modal-header .ie-modal-title{color:#008c9c;font-size:21px;font-weight:600;margin:0 0 20px}.ie-add-form{padding:0}.ie-add-form .waterReadingsModal .waterReadingsModalColumn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.ie-add-form .waterReadingsModal .waterReadingsModalColumn{grid-template-columns:1fr}}.ie-add-form .waterReadingsModal .waterReadingsModalButtons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.ie-Edit-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.ie-Edit-modal .modal-overlay .modal-content .ie-edit-modal-content{background:#fff;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.ie-Edit-modal .modal-overlay .modal-content .ie-modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:10px}.ie-Edit-modal .modal-overlay .modal-content .ie-modal-header .ie-modal-title{color:#008c9c;font-size:24px;font-weight:600;margin:0 0 20px}.ie-Edit-modal .modal-overlay .modal-content .ie-form{padding:0}.ie-Edit-modal .modal-overlay .modal-content .ie-form .waterReadingsModal .waterReadingsModalColumn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.ie-Edit-modal .modal-overlay .modal-content .ie-form .waterReadingsModal .waterReadingsModalColumn{grid-template-columns:1fr}}.ie-Edit-modal .modal-overlay .modal-content .ie-form .waterReadingsModal .waterReadingsModalButtons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.ie-view-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.ie-view-modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto}.ie-view-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 24px}.ie-view-modal-header .ie-view-modal-title{color:#008c9c;font-size:21px;font-weight:600;margin:0}.ie-view-modal-header .ie-view-modal-close{background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;color:#374151;border-radius:50%;padding:6px;transition:all .2s ease}.ie-view-modal-header .ie-view-modal-close:hover{background-color:#f3f4f6;color:#374151}.ie-view-modal-body{padding:0 0 24px}.ie-view-modal-body .ie-category-info-grid{display:flex;flex-direction:column;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.ie-view-modal-body .ie-category-info-grid .text-label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#4b5563}.ie-view-modal-body .ie-category-info-grid .text-label svg{color:#008c9c;flex-shrink:0}.ie-view-modal-body .ie-category-info-grid .text-label .text-value{font-size:14px;color:#4b5563;word-break:break-word}.ie-view-modal-body .ie-subcategories-section .ie-subcategories-label{font-size:16px;font-weight:600;color:#008c9c;margin-bottom:12px}.ie-view-modal-body .ie-subcategories-section .ie-subcategories-list{display:flex;flex-direction:column;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.ie-view-modal-body .ie-subcategories-section .ie-subcategories-list .ie-badge-small{background-color:#f0f9ff;font-size:12px;padding:4px 8px;border-radius:4px}.super-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s;outline:none;border:none;cursor:pointer;position:relative;line-height:1.5;padding:0;background:transparent;color:inherit}.super-button:disabled{pointer-events:none;opacity:.5}.super-button svg{pointer-events:none;width:1rem;height:1rem;flex-shrink:0}.super-button--default{background:#2563eb;color:#fff;padding:.5rem 1rem}.super-button--default:hover{background:#1d4ed8}.super-button--destructive{background:#dc2626;color:#fff;padding:.5rem 1rem}.super-button--destructive:hover{background:#b91c1c}.super-button--outline{border:1px solid #d1d5db;background:#fff;color:#1a202c;padding:.5rem 1rem}.super-button--outline:hover{background:#f3f4f6;color:#111827}.super-button--secondary{background:#f3f4f6;color:#1a202c;padding:.5rem 1rem}.super-button--secondary:hover{background:#e5e7eb}.super-button--ghost{background:transparent;color:#1a202c;padding:.5rem 1rem}.super-button--ghost:hover{background:#f3f4f6;color:#111827}.super-button--link{background:transparent;color:#2563eb;text-decoration:underline;text-underline-offset:4px;padding:.5rem 1rem}.super-button--link:hover{text-decoration:underline}.super-button--default{height:2.5rem;padding:.5rem 1rem}.super-button--sm{height:2.25rem;border-radius:.375rem;padding:.5rem .75rem}.super-button--lg{height:2.75rem;border-radius:.375rem;padding:.5rem 2rem}.super-button--icon{height:2.5rem;width:2.5rem;padding:0;justify-content:center}.super-input{display:flex;height:2.5rem;width:100%;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:#1a202c;outline:none;transition:border .2s,box-shadow .2s}.super-input::placeholder{color:#6b7280;opacity:1}.super-input:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-color:#2563eb}.super-input:disabled{cursor:not-allowed;opacity:.5}.super-input.super-input[type=file]{border:none;background:transparent;font-size:.875rem;font-weight:500}.super-label{font-size:.875rem;font-weight:500;line-height:1;color:#1a202c;cursor:pointer}.super-label:has(+*:disabled){cursor:not-allowed;opacity:.7}.super-select-trigger{display:flex;height:2.5rem;width:100%;align-items:center;justify-content:space-between;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;padding:.5rem .75rem;font-size:.875rem;outline:none;transition:border .2s,box-shadow .2s;cursor:pointer}.super-select-trigger::placeholder{color:#6b7280}.super-select-trigger:focus{outline:2px solid #2563eb;outline-offset:2px;border-color:#2563eb}.super-select-trigger:disabled{cursor:not-allowed;opacity:.5}.super-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.super-select-content{position:relative;z-index:50;max-height:24rem;min-width:8rem;overflow:hidden;border-radius:.375rem;border:1px solid #e5e7eb;background:#fff;color:#1a202c;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;animation:selectIn .2s ease-out}.super-select-content[data-state=closed]{animation:selectOut .2s ease-in}.super-select-content[data-side=bottom]{animation:slideInFromTop .2s ease-out}.super-select-content[data-side=left]{animation:slideInFromRight .2s ease-out}.super-select-content[data-side=right]{animation:slideInFromLeft .2s ease-out}.super-select-content[data-side=top]{animation:slideInFromBottom .2s ease-out}.super-select-content--popper[data-side=bottom]{transform:translateY(.25rem)}.super-select-content--popper[data-side=left]{transform:translate(-.25rem)}.super-select-content--popper[data-side=right]{transform:translate(.25rem)}.super-select-content--popper[data-side=top]{transform:translateY(-.25rem)}.super-select-viewport{padding:.25rem}.super-select-viewport--popper{height:var(--radix-select-trigger-height);width:100%;min-width:var(--radix-select-trigger-width)}.super-select-scroll-up,.super-select-scroll-down{display:flex;cursor:default;align-items:center;justify-content:center;padding:.25rem}.super-select-label{padding:.375rem .5rem .375rem 2rem;font-size:.875rem;font-weight:600;color:#1a202c}.super-select-item{position:relative;display:flex;width:100%;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;border-radius:.125rem;padding:.375rem .5rem .375rem 2rem;font-size:.875rem;outline:none;transition:background .2s,color .2s}.super-select-item:focus{background:#f3f4f6;color:#111827}.super-select-item[data-disabled]{pointer-events:none;opacity:.5}.super-select-item-indicator{position:absolute;left:.5rem;display:flex;height:.875rem;width:.875rem;align-items:center;justify-content:center}.super-select-separator{margin:.25rem -.25rem;height:1px;background:#e5e7eb}@keyframes selectIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes selectOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(.5rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.custom-switch-root{display:inline-flex;height:1.5rem;width:2.75rem;flex-shrink:0;cursor:pointer;align-items:center;border-radius:9999px;border:2px solid transparent;transition:background-color .2s,border-color .2s}.custom-switch-root:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring-color, #3b82f6)}.custom-switch-root:disabled{cursor:not-allowed;opacity:.5}.custom-switch-root[data-state=checked]{background-color:var(--primary-color, #3b82f6)}.custom-switch-root[data-state=unchecked]{background-color:var(--input-color, #e5e7eb)}.custom-switch-thumb{pointer-events:none;display:block;height:1.25rem;width:1.25rem;border-radius:9999px;background-color:var(--background-color, #fff);box-shadow:0 1px 2px #00000040;transition:transform .2s ease}.custom-switch-root[data-state=checked] .custom-switch-thumb{transform:translate(1.25rem)}.custom-switch-root[data-state=unchecked] .custom-switch-thumb{transform:translate(0)}.subscription-plans-container{display:flex;flex-direction:column;gap:1.5rem}.header-section{display:flex;justify-content:space-between;align-items:center}.header-section-content h1{margin:0;font-size:35px;font-weight:600;color:#1f2937}.main-title{font-size:1.875rem;font-weight:700;color:#111827}.main-subtitle{color:#4b5563;margin-top:.25rem}.add-plan-button{display:flex;align-items:center;gap:.5rem}.button-icon{height:1rem;width:1rem}.plans-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{position:relative}.plan-card.plan-card-inactive{opacity:.6}.plan-card-header{padding-bottom:1rem}.plan-header-content{display:flex;justify-content:space-between;align-items:flex-start}.plan-title{font-size:1.25rem}.plan-description{color:#4b5563;font-size:.875rem}.edit-plan-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.edit-plan-description{font-size:.875rem;margin-top:.5rem}.plan-badges{display:flex;align-items:center;gap:.5rem}.badge-active{background-color:#dcfce7;color:#166534}.badge-inactive{background-color:#f3f4f6;color:#1f2937}.plan-card-content{display:flex;flex-direction:column;gap:1rem;margin-top:8px}.sub-pricing-section{display:flex;flex-direction:column;gap:.5rem}.monthly-pricing{display:flex;align-items:baseline;gap:.5rem}.price-amount{font-size:1.875rem;font-weight:700}.price-period{color:#4b5563}.edit-pricing-monthly{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.currency-symbol{font-size:.875rem}.price-input{width:5rem}.period-text{font-size:.875rem}.yearly-pricing{font-size:.875rem;color:#4b5563}.edit-pricing-yearly{display:flex;align-items:center;gap:.5rem}.yearly-price-input{width:6rem}.units-limit-section{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.units-limit-label{font-size:.875rem;font-weight:500}.units-limit-value{font-size:.875rem;font-weight:700}.units-limit-input{width:6rem}.sub-features-section{display:flex;flex-direction:column;gap:.5rem}.aub-features-title{font-weight:500;font-size:.875rem}.edit-features{display:flex;flex-direction:column;gap:.5rem}.features-label{font-size:.75rem;color:#4b5563}.features-textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;resize:vertical}.features-textarea:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 1px #008c9c}.sub-features-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.sub-feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.feature-check-icon{height:.75rem;width:.75rem;color:#059669;flex-shrink:0}.usage-stats{padding:.75rem;background-color:#eff6ff;border-radius:.5rem}.usage-stats-content{display:flex;justify-content:space-between;align-items:center}.usage-stats-label{font-size:.875rem;font-weight:500}.usage-stats-count{font-size:1.125rem;font-weight:700;color:#2563eb}.status-toggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem}.status-toggle-label{font-size:.875rem;font-weight:500}.status-toggle-control{display:flex;align-items:center;gap:.5rem}.status-toggle-text{font-size:.875rem}.action-buttons{display:flex;gap:.5rem;padding-top:1rem}.save-button,.cancel-button,.edit-button{flex:1}.delete-button{color:#dc2626}.delete-button:hover{color:#b91c1c;background-color:#fef2f2}.action-icon{height:1rem;width:1rem;margin-right:.25rem}.action-icon-only{height:1rem;width:1rem}@media (max-width: 1023px){.plans-grid{grid-template-columns:1fr}.edit-pricing-monthly,.edit-pricing-yearly{flex-wrap:wrap}}@media (max-width: 640px){.header-section{flex-direction:column;gap:1rem;align-items:stretch}.add-plan-button{width:100%;justify-content:center}.action-buttons{flex-direction:column}.save-button,.cancel-button,.edit-button{flex:none}}.committe-role-add-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-overlay .modal-content{background-color:#fff;padding:24px;border-radius:10px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;animation:modalFadeIn .3s ease-in-out}.modal-overlay .modal-content .form-row{display:flex;flex-direction:column;gap:20px}.modal-overlay .modal-content .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:-10px}.modal-overlay .modal-content .form-actions button{min-width:120px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500}.committe-roles-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.committe-roles-card .committe-roles-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.committe-roles-card .committe-roles-header .committe-roles-title{font-size:18px;font-weight:600;margin-bottom:4px;color:#212529}.committe-roles-card .committe-roles-header .committe-roles-subtitle{color:#6c757d;font-size:14px}.committe-roles-card .committe-roles-header .committe-role-btn{padding:8px 16px;background-color:#008c9c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.committe-roles-card .committe-roles-header .committe-role-btn:hover{background-color:#007a8a}.committe-roles-card .committe-roles-loading,.committe-roles-card .committe-roles-error{text-align:center;padding:40px 20px;color:#6c757d;font-size:14px}.committe-roles-card .committe-roles-error{color:#dc3545}.committe-roles-card .committe-roles-table-wrapper{overflow-x:auto}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table{width:100%;border-collapse:collapse;font-size:14px}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table thead th{padding:12px 16px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #dee2e6}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table tbody tr{border-bottom:1px solid #f1f3f4;transition:background-color .2s ease}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table tbody tr:hover{background-color:#f8f9fa}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table tbody tr:last-child{border-bottom:none}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table tbody td{padding:12px 16px;vertical-align:middle}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .role-cell{display:flex;align-items:center;gap:8px}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .role-cell .role-icon{color:#008c9c}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .role-cell .role-badge{background-color:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;margin-left:8px}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .positions-cell{font-weight:500;color:#495057}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .permissions-cell .more-permissions{font-size:12px;color:#6c757d;margin-top:2px}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .actions-cell{display:flex;gap:8px}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .actions-cell .action-btn{padding:6px;border:none;border-radius:4px;background-color:transparent;color:#6c757d;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .actions-cell .action-btn:hover{background-color:#f8f9fa;color:#495057}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .actions-cell .action-btn.delete-btn:hover{background-color:#f8d7da;color:#dc3545}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .committe-roles-empty{text-align:center;color:#6c757d;font-style:italic;padding:40px 20px}.committe-role-view-grid{display:flex;flex-direction:column;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.committe-role-view-item{font-size:14px;font-weight:600}.committe-role-view-item .committe-role-view-item-value{font-size:14px;color:#4b5563;word-break:break-word}.committe-role-view-item .committe-information{display:flex;flex-direction:column;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #008c9c;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}@media (max-width: 768px){.committe-roles-card{padding:16px}.committe-roles-card .committe-roles-header{flex-direction:column;gap:16px}.committe-roles-card .committe-roles-header .committe-role-btn{align-self:flex-start}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table{font-size:12px}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table thead th,.committe-roles-card .committe-roles-table-wrapper .committe-roles-table tbody td{padding:8px 12px}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .role-cell{flex-direction:column;align-items:flex-start;gap:4px}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .role-cell .role-badge{margin-left:0}.committe-roles-card .committe-roles-table-wrapper .committe-roles-table .actions-cell{flex-direction:column;gap:4px}}.posting-main{padding-left:2px;max-width:1400px;margin:0 auto}.posting-filters-container{display:flex;gap:80px;padding:20px;background-color:#fff;border-radius:8px;margin-bottom:20px;align-items:center}.posting-filters-container .search-bar-posting-wrapper .search-bar-container{width:50vw}.posting-list{display:flex;flex-direction:column;gap:15px}.posting-card h3{color:#2c3e50;margin-bottom:10px}.posting-card p{color:#666;margin-bottom:15px;line-height:1.5}.posting-card{border-radius:12px;box-shadow:1 1px 5px #0000000d;font-family:Segoe UI,sans-serif;margin-bottom:20px;border:1px solid #c6cbd1;background:#fff;padding:20px;box-shadow:0 2px 4px #0000001a}.posting-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.avatar{background-color:#f3e8ff;color:#008c9c;width:40px;height:40px;font-size:16px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.posting-meta{flex:1}.author{font-weight:600;font-size:16px;color:#008c9c}.su-info{font-size:13px;color:#888;display:flex;align-items:center;gap:6px}.posting-tags{display:flex;align-items:center;gap:8px}.badge.general{background-color:#f3e8ff;color:#2563eb;font-size:12px;padding:2px 10px;border-radius:12px;font-weight:500}.badge.update{background-color:#e0f7fa;color:#00796b;font-size:12px;padding:2px 10px;border-radius:12px;font-weight:500}.alert-icon{color:#999}.posting-body{font-size:14px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3.2em}.posting-body strong{display:block;font-size:15px}.posting-footer{margin-top:12px;text-align:right;margin-right:30px;display:flex;gap:10px;justify-content:flex-end}.posting-more-link{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500;cursor:pointer}.posting-more-link:hover{text-decoration:underline}.posting-expire{font-size:12px;color:#666;gap:10px}.posting-footer-icons{margin-top:12px;display:flex;gap:12px;justify-content:flex-end;margin-right:30px}.icon-btn{cursor:pointer;transition:transform .2s ease,color .2s ease}.icon-btn:hover{transform:scale(1.2)}.badge-published{background-color:#28a745;color:#fff}.badge-unpublished{background-color:#dc3545;color:#fff}.badge-default{background-color:#6c757d;color:#fff}.posting-menu-container{position:relative;display:inline-block;margin-left:6px}.posting-menu-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;display:flex;align-items:center;transition:background-color .2s ease}.posting-menu-btn:hover{background-color:#f3f4f6;color:#374151}.posting-dropdown-menu{position:absolute;top:28px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 10px #0000001a;z-index:1000;min-width:140px;padding:6px 0}.posting-dropdown-menu .posting-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;text-align:left;color:#374151}.posting-dropdown-menu .posting-menu-item:hover{background-color:#f9fafb}.posting-meta-row{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:#6c757d;margin:8px 0 12px}.posting-meta-row span{display:flex;align-items:center;gap:6px;white-space:nowrap}.posting-meta-row svg{color:#008c9c}.comment-item{font-size:14px;padding:8px 10px;border-radius:10px;margin-bottom:8px;line-height:1.4;background:#f9fafb}.comment-replies{margin-left:50px}.comment-actions{margin-top:4px;display:flex;gap:8px}.comment-actions .icon-btn{background:none;border:none;cursor:pointer;color:#555;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:10px}.comment-actions .icon-btn p{margin-top:10px}.comment-actions .icon-btn p:hover{color:#008c9c}.comment-actions .icon-btn svg{width:16px;height:16px}.comment-actions .icon-btn:hover{color:#008c9c}.comment-actions .icon-btn.comment-delete-btn:hover{color:#e63946}.avatar{width:40px;height:40px}.author .sub-infor{font-size:13px;color:#888}.comment-delete-btn{background:none}.comment-delete-btn:hover{color:red}.reply-box{display:flex;gap:10px}.reply-box input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.reply-box button{padding:8px 12px;background:#008c9c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px}.reply-box button:hover{background:#008c9c}.comment-edit-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:""}.comment-edit-btn:hover{color:#008c9c}.comment-menu-container{position:relative;display:flex;align-items:center}.comment-menu-btn{background:none;border:none;cursor:pointer;color:#555;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.comment-menu-btn:hover{color:#008c9c;background-color:#f8f9fa}.comment-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px;overflow:hidden}.comment-menu-dropdown .menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;color:#333;font-size:14px;text-align:left;transition:background-color .2s ease}.comment-menu-dropdown .menu-item:hover{background-color:#f8f9fa}.comment-menu-dropdown .menu-item:first-child:hover{color:#008c9c}.comment-menu-dropdown .menu-item:last-child:hover{color:#e63946}.comment-menu-dropdown .menu-item svg{width:14px;height:14px}.edit-form{display:flex;gap:10px;margin-top:8px;width:32vw}.edit-form .edit-input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.edit-form .edit-input:focus{border-color:#008c9c}.edit-form .edit-actions{display:flex;gap:8px}.edit-form .edit-actions .edit-save-btn,.edit-form .edit-actions .edit-cancel-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.edit-form .edit-actions .edit-save-btn{background:#008c9c;color:#fff}.edit-form .edit-actions .edit-save-btn:hover{background:#008c9c}.edit-form .edit-actions .edit-cancel-btn{background:#6c757d;color:#fff}.edit-form .edit-actions .edit-cancel-btn:hover{background:#5a6268}.posting-modal .modal__overlay .modal__content{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal__header h2{color:#008c9c}.posting-modal__form-group{margin-top:20px;margin-bottom:15px}.attachment-preview-iteme{position:relative;display:flex;align-items:center;padding:6px 10px;border-radius:8px}.attachment-preview-iteme .attachment-image{max-width:100px;max-height:100px;border-radius:6px}.pdf-preview-boxe{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border-radius:8px;background:#f9f9f9}.pdf-preview-boxe .pdf-icon{width:28px;height:28px;margin-right:8px}.pdf-preview-boxe .pdf-name,.pdf-name{font-size:14px;color:#444}.attachment-previews{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.posting-modal .modal__overlay .modal__content,.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal__overlay .modal__content{background:#fff;padding:24px;border-radius:12px;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000001a}.modal__overlay .modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal__overlay .modal__header h2{color:#008c9c}.modal__overlay .modal__header .posting-modal__close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.modal__overlay .modal__header .posting-modal__close-button:hover{background-color:#f0f0f0}.modal__overlay .modal__header .posting-modal__close-button svg{color:#666}.modal__overlay .posting-modal__form{grid-template-columns:1fr 1fr;gap:0px 40px}.modal__overlay .posting-modal__form-group{position:relative}.modal__overlay .posting-modal__form-left-column,.modal__overlay .posting-modal__form-right-column{display:flex;flex-direction:column;gap:20px}.modal__overlay label{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:.9em}.modal__overlay input[type=text],.modal__overlay select,.modal__overlay textarea{width:100%;padding:10px 15px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;color:#333}.modal__overlay input[type=text]:focus,.modal__overlay select:focus,.modal__overlay textarea:focus{outline:none;border-color:silver}.modal__overlay .posting-modal__description-row{grid-column:1/-1;width:100%;margin-top:24px;display:flex;flex-direction:column;align-items:flex-start}.modal__overlay .posting-modal__footer{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:30px;padding-top:20px}.modal__overlay .posting-modal__full-width-button{width:100%;margin-top:-20px}@media (max-width: 768px){.modal__overlay .posting-modal__content{width:95%;padding:20px}.modal__overlay .posting-modal__form{grid-template-columns:1fr}}.dashboard{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard__title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.dashboard__theme-toggle{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.dashboard__theme-toggle:hover{background-color:#e2e8f0}.dashboard__welcome{margin-bottom:32px}.dashboard__welcome-text{font-size:16px;color:#64748b;margin:0;font-weight:500}.dashboard .stats-cards-container{display:grid;gap:16px}@media (max-width: 1024px){.dashboard .stats-cards-container{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 740px){.dashboard .stats-cards-container{display:flex;flex-wrap:wrap;gap:12px}.dashboard .stats-cards-container>*{flex:1 1 calc(50% - 12px)}}@media (max-width: 480px){.dashboard .stats-cards-container{grid-template-columns:1fr!important;display:grid}.dashboard .stats-cards-container>*{flex:none}}.dashboard__summary-cards{display:flex;justify-content:space-between;gap:10px}.dashboard__main-content{display:flex;flex-direction:column;gap:16px}@media (max-width: 1024px){.dashboard__main-content{gap:16px}}.dashboard__section-header{margin-bottom:20px}.dashboard__section-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.dashboard__section-title h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.dashboard__section-icon{color:#008c9c}.dashboard__section-subtitle{font-size:14px;color:#64748b;margin:0}.dashboard__recent-activity{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.dashboard__activity-list{margin-bottom:20px}.dashboard__activity-list--scrollable{max-height:400px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.dashboard__activity-list--scrollable::-webkit-scrollbar{width:6px}.dashboard__activity-list--scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dashboard__activity-list--scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dashboard__activity-list--scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard__activity-item{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid #f1f5f9;border-radius:8px;transition:background-color .2s ease;cursor:pointer}.dashboard__activity-item:hover{background-color:#f8fafc}.dashboard__activity-item:last-child{border-bottom:none}.dashboard__activity-status{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.dashboard__activity-status--error{background-color:#fef2f2;color:#dc2626}.dashboard__activity-status--success{background-color:#f0fdf4;color:#16a34a}.dashboard__activity-status--info{background-color:#eff6ff;color:#2563eb}.dashboard__activity-content{flex:1;min-width:0}.dashboard__activity-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.dashboard__activity-details{font-size:13px;color:#64748b;line-height:1.4}.dashboard__activity-time{font-size:12px;color:#94a3b8;white-space:nowrap;flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.dashboard__activity-footer{margin-top:16px}.dashboard .activity-detail-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.dashboard .activity-detail-row:last-child{margin-bottom:0}.dashboard .activity-label{font-weight:600;color:#475569;font-size:12px;min-width:40px}.dashboard .activity-value{color:#64748b;font-size:12px;font-weight:500}.dashboard .activity-time-display{font-weight:600;color:#64748b;margin-bottom:2px;margin-right:10px}.dashboard .activity-timestamp{font-size:10px;color:#94a3b8;opacity:.8}.dashboard__quick-actions{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.dashboard__actions-grid{display:flex;flex-direction:row;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;padding:0 16px}.dashboard__action-button{display:flex;flex-direction:row;align-items:center;gap:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center;width:35vw}.dashboard__action-button:hover{background:#fff;border-color:var(--action-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard__action-button:active{transform:translateY(0)}.dashboard__action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.dashboard__action-title{font-size:13px;font-weight:600;color:#374151;line-height:1.3}@media (max-width: 768px){.dashboard{padding:16px}.dashboard__summary-cards{grid-template-columns:1fr;gap:16px}.dashboard__main-content{gap:16px}.dashboard__recent-activity,.dashboard__quick-actions{padding:20px}.dashboard__actions-grid{grid-template-columns:1fr}.dashboard__title{font-size:24px}}@media (max-width: 480px){.dashboard__header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard__activity-item{flex-direction:column;gap:8px}.dashboard__activity-time{align-self:flex-start}}.dashboardCard_lists{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}@media (max-width: 768px){.dashboardCard_lists{flex-direction:column;gap:16px}}@media (max-width: 480px){.dashboardCard_lists{gap:12px}}.dashboard .stats-card{width:100%;border-radius:12px;box-shadow:0 4px 6px #0000001a;border-right:none;border-top:none;border-bottom:none;transition:transform .2s ease,box-shadow .2s ease}.dashboard .stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.dashboard .stats-card__title{color:inherit;opacity:.9}.dashboard .stats-card__value{color:inherit}.dashboard .stats-card__description,.dashboard .stats-card__icon{color:inherit;opacity:.8}.progress-stepper{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.progress-stepper__steps{display:flex;justify-content:space-between;width:100%;max-width:1200px;position:relative;margin-bottom:1rem}.progress-stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;cursor:pointer;transition:transform .2s ease}.progress-stepper__step--disabled{cursor:not-allowed;opacity:.6}.progress-stepper__step--disabled:hover{transform:none}.progress-stepper__step--disabled .progress-stepper__circle{cursor:not-allowed;opacity:.5}.progress-stepper__step--disabled .progress-stepper__label{color:#252020}.progress-stepper__step--accessible-false{border-radius:8px}.progress-stepper__step--accessible-false .progress-stepper__circle{background:#ee7f73;border-color:#ee7264}.progress-stepper__step--accessible-false .progress-stepper__label{color:#e74c3c;font-weight:600}.progress-stepper__connection{position:absolute;top:20px;width:100%;height:2px;background:#d3d3d3;z-index:1;transform:translate(50%)}.progress-stepper__connection--green{background:#008c9c}.progress-stepper__circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #d3d3d3;transition:all .3s ease;position:relative;z-index:2}.progress-stepper__circle--active{background:#008c9c;border-color:#008c9c}.progress-stepper__circle--completed{background:#008c9c;border-color:#008c9c;box-shadow:0 0 0 2px #27ae6033}.progress-stepper__step:hover .progress-stepper__circle--active{box-shadow:0 0 0 4px #2ecc7133}.progress-stepper__number{font-size:16px;font-weight:600;color:#555;transition:color .3s ease}.progress-stepper__circle--active .progress-stepper__number,.progress-stepper__circle--completed .progress-stepper__number{color:#fff}.progress-stepper__label{margin-top:8px;font-size:14px;font-weight:500;color:#555;text-align:center;transition:all .3s ease}.progress-stepper__label--completed{color:#008c9c;font-weight:600}.progress-stepper__step:first-child .progress-stepper__label{color:#333;font-weight:600}.progress-stepper__step:first-child .progress-stepper__label--completed{color:#008c9c}.progress-stepper__status{margin-top:4px;font-size:12px;font-weight:500;color:#008c9c;text-align:center;background:#27ae601a;padding:2px 6px;border-radius:4px;display:inline-block}.progress-stepper__status--pending{color:#e74c3c;background:#e74c3c1a}.progress-stepper__bar{width:100%;max-width:800px;height:4px;border-radius:2px;position:relative;overflow:hidden;margin-top:1rem}.progress-stepper__progress{height:100%;background:#2ecc71;border-radius:2px;transition:width .5s ease;position:absolute;top:0;left:0}.progress-stepper__message{margin-top:20px;padding:16px 20px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;text-align:center}.progress-stepper__message p{margin:0;color:#856404;font-size:14px;font-weight:500;line-height:1.4}@media (max-width: 768px){.progress-stepper{padding:1.5rem .5rem}.progress-stepper__steps{max-width:100%}.progress-stepper__circle{width:32px;height:32px}.progress-stepper__number{font-size:14px}.progress-stepper__label{font-size:12px;margin-top:6px}.progress-stepper__bar{max-width:100%}}@media (max-width: 480px){.progress-stepper__label{font-size:10px}.progress-stepper__circle{width:28px;height:28px}.progress-stepper__number{font-size:12px}}.progress-stepper__message{margin-bottom:20px;margin-top:-20px;width:55vw;margin-right:270px;height:7vh;padding:10px}.progress-stepper__message p{text-align:left}.payment-defaulters{background:#fff;border-radius:16px;box-shadow:0 20px 45px #ff636314;padding:24px;width:100%}.payment-defaulters__header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.payment-defaulters__warning-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e6f7f8;color:#008c9c;font-size:18px}.payment-defaulters__title{font-size:20px;font-weight:700;margin:0;color:#008c9c}.payment-defaulters__list{display:flex;flex-direction:column;gap:16px}.payment-defaulters__item{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:14px;background:#f8fafc}.payment-defaulters__item-left{display:flex;gap:16px;align-items:center}.payment-defaulters__avatar{width:56px;height:56px;border-radius:50%;background:#e6f7f8;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#008c9c;box-shadow:inset 0 0 0 1px #0000000d}.payment-defaulters__info{display:flex;flex-direction:column;gap:8px}.payment-defaulters__name-row{display:flex;align-items:center;gap:10px}.payment-defaulters__name{font-weight:600;font-size:16px;color:#2d3748}.payment-defaulters__flat{font-size:12px;font-weight:600;color:#008c9c;background:#e6f7f8;border:1px solid #b3e6e9;border-radius:999px;padding:4px 10px}.payment-defaulters__last-payment{font-size:13px;color:#8b949e}.payment-defaulters__overdue-badge{align-self:flex-start;font-size:12px;font-weight:700;color:#fff;background:#008c9c;border-radius:999px;padding:4px 12px}.payment-defaulters__item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.payment-defaulters__amount{font-size:22px;font-weight:700;color:#008c9c}.payment-defaulters__overdue-label{font-size:12px;color:#98a2b3}.payment-defaulters__reminder-button{background:#f5f8fb;color:#5f6b7b;font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid #e0e6ed;cursor:pointer;transition:all .2s ease}.payment-defaulters__reminder-button:hover{background:#edf2f7}.review-modal{width:100%;max-width:600px;padding:0}.review-modal .review-modal-subtitle{font-size:14px;color:#6b7280;margin:-8px 0 24px;padding:0 20px;line-height:1.5}.review-modal .review-modal-content{padding:0 20px;display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.review-modal .review-modal-section{display:flex;flex-direction:column;gap:12px}.review-modal .review-modal-section-header{display:flex;justify-content:space-between;align-items:center}.review-modal .review-modal-section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.review-modal .review-modal-badge{background:#008c9c;color:#fff;font-size:12px;font-weight:500;padding:4px 12px;border-radius:12px}.review-modal .review-modal-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.review-modal .review-modal-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.review-modal .review-modal-item:last-child{border-bottom:none;padding-bottom:0}.review-modal .review-modal-item:first-child{padding-top:0}.review-modal .review-modal-item-left{display:flex;align-items:center;gap:12px;flex:1}.review-modal .review-modal-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border-radius:8px;color:#4b5563}.review-modal .review-modal-item-content{display:flex;flex-direction:column;gap:4px}.review-modal .review-modal-item-heading,.review-modal .review-modal-item-label{font-size:14px;font-weight:600;color:#1f2937}.review-modal .review-modal-item-value{font-size:13px;color:#6b7280}.review-modal .review-modal-item-status{display:flex;align-items:center;justify-content:center}.review-modal .review-modal-item-status .status-success{color:#10b981}.review-modal .review-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb;margin-top:8px}.review-modal .review-modal-footer .cmp-button-container .cmp-button{min-width:100px;padding:10px 20px;border-radius:6px;font-weight:500;transition:all .2s ease}.review-modal .review-modal-footer .cmp-button-container .cmp-button.secondary{background:#f3f4f6!important;color:#374151!important;border:none}.review-modal .review-modal-footer .cmp-button-container .cmp-button.secondary:hover{background:#e5e7eb!important}.review-modal .review-modal-footer .cmp-button-container .cmp-button.primary{background:#2563eb!important;color:#fff!important;border:none}.review-modal .review-modal-footer .cmp-button-container .cmp-button.primary:hover{background:#1d4ed8!important}html{scroll-behavior:smooth}.homepage{min-height:100vh;font-family:Arial,sans-serif}.hero-section{position:relative;width:100%;min-height:80vh;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:120px 20px 80px}.hero-container{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;gap:40px;z-index:2}@media (max-width: 768px){.hero-container{flex-direction:column;gap:30px}}.hero-content{text-align:left;width:60%;flex:0 0 60%;padding:0;z-index:2}@media (max-width: 768px){.hero-content{width:100%;flex:1;text-align:center}}.hero-title{font-weight:600;font-style:SemiBold;font-size:56px;line-height:62px;letter-spacing:-2%;text-transform:capitalize;color:#025863}.hero-title .hero-title-highlight{background:linear-gradient(180deg,#00d680 65%,#025863);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-title .hero-title-management{background:linear-gradient(180deg,#00d680,#025863);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media (max-width: 768px){.hero-title{font-size:2.5rem}}@media (max-width: 480px){.hero-title{font-size:2rem}}.hero-subtitle{font-size:1.5rem;font-weight:600;color:gold;margin-bottom:1.5rem}@media (max-width: 768px){.hero-subtitle{font-size:1.2rem}}.hero-description{font-size:1.25rem;color:#4b5563;margin-bottom:3rem;line-height:1.8;max-width:700px}@media (max-width: 768px){.hero-description{font-size:1.1rem;max-width:100%;text-align:center}}@media (max-width: 480px){.hero-description{font-size:1rem}}.hero-buttons{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.hero-buttons{justify-content:center}}.hero-buttons .cmp-button-container .cmp-button{display:inline-flex;align-items:center;gap:.5rem;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease}.hero-buttons .cmp-button-container .cmp-button.primary{background:#008c9c;color:#fff;border:none}.hero-buttons .cmp-button-container .cmp-button.primary:hover{background:#007a8a;transform:translateY(-2px);box-shadow:0 4px 12px #008c9c4d}.hero-buttons .cmp-button-container .cmp-button.primary .button-icon{display:inline-flex;align-items:center;color:#fff}.hero-buttons .cmp-button-container .cmp-button.secondary{background:#fff;color:#4b5563;border:1px solid #d1d5db}.hero-buttons .cmp-button-container .cmp-button.secondary:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn{padding:12px 30px;border-radius:6px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary{background:#00a462;color:#fff}.btn-primary:hover{background:#00a462}.btn-secondary{background:#fff;color:#333;border:1px solid #e0e0e0}.btn-secondary:hover{background:#f8f9fa;border-color:#d0d0d0}.products-section{background:#1a1a1a;padding:4rem 0;min-height:300px}.container{max-width:1200px;margin-bottom:50px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.product-card{text-align:center;padding:2rem 1rem;background:#ffffff0d;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.product-card:hover{transform:translateY(-5px);background:#ffffff1a;border-color:#fff3}.product-icon{font-size:3rem;color:gold;margin-bottom:1rem}.product-icon svg{width:1em;height:1em}.product-card h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.platform-features-section{width:100%;min-height:auto;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 20px}.platform-features-container{max-width:1200px;width:100%;margin:0 auto}.platform-features-title{text-align:center;font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:1.5rem;line-height:1.3}.platform-features-title .highlight-green{background:linear-gradient(180deg,#00d680 65%,#025863);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media (max-width: 768px){.platform-features-title{font-size:2rem}}.platform-features-subtitle{text-align:center;font-size:1.1rem;color:#4b5563;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}@media (max-width: 768px){.platform-features-subtitle{font-size:1rem}}.overflow-hidden{overflow:hidden!important}.hero-image-wrapper{width:40%;flex:0 0 40%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.hero-image-wrapper{width:100%;flex:1}}.hero-image-wrapper img{max-width:100%;height:auto}.platform-features-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:3rem;width:100%;max-width:1320px}@media (max-width: 1320px){.platform-features-grid{justify-content:center}}@media (max-width: 768px){.platform-features-grid{gap:16px}}@media (max-width: 480px){.platform-features-grid{flex-direction:column}}.platform-feature-card{border-radius:32px;padding:32px 24px;height:239px;display:flex;flex-direction:column;justify-content:flex-start;transition:all .3s ease;cursor:pointer;box-sizing:border-box;flex-shrink:0;position:relative}.platform-feature-card:nth-child(1){width:282px}@media (max-width: 1320px){.platform-feature-card:nth-child(1){width:calc(33.333% - 16px);min-width:250px}}@media (max-width: 768px){.platform-feature-card:nth-child(1){width:calc(50% - 8px);min-width:auto}}@media (max-width: 480px){.platform-feature-card:nth-child(1){width:100%}}.platform-feature-card:nth-child(2){width:282px}@media (max-width: 1320px){.platform-feature-card:nth-child(2){width:calc(33.333% - 16px);min-width:250px}}@media (max-width: 768px){.platform-feature-card:nth-child(2){width:calc(50% - 8px);min-width:auto}}@media (max-width: 480px){.platform-feature-card:nth-child(2){width:100%}}.platform-feature-card:nth-child(3){width:588px}@media (max-width: 1320px){.platform-feature-card:nth-child(3){width:calc(66.666% - 16px);min-width:500px}}@media (max-width: 768px){.platform-feature-card:nth-child(3){width:100%;min-width:auto}}.platform-feature-card:nth-child(4),.platform-feature-card:nth-child(5),.platform-feature-card:nth-child(6){width:384px}@media (max-width: 1320px){.platform-feature-card:nth-child(4),.platform-feature-card:nth-child(5),.platform-feature-card:nth-child(6){width:calc(33.333% - 16px);min-width:300px}}@media (max-width: 768px){.platform-feature-card:nth-child(4),.platform-feature-card:nth-child(5),.platform-feature-card:nth-child(6){width:calc(50% - 8px);min-width:auto}}@media (max-width: 480px){.platform-feature-card:nth-child(4),.platform-feature-card:nth-child(5),.platform-feature-card:nth-child(6){width:100%}}.platform-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.platform-feature-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3}.platform-feature-card p{font-size:.95rem;color:#ffffffe6;margin:0;line-height:1.5}.platform-feature-card.gradient-green{background:linear-gradient(135deg,#26b61c,#e3e2e2)}.platform-feature-card.gradient-green h3,.platform-feature-card.gradient-green p{color:#fff}.platform-feature-card.gradient-yellow-green{background:linear-gradient(135deg,#b1b61c,#e3e2e2)}.platform-feature-card.gradient-yellow-green h3,.platform-feature-card.gradient-yellow-green p{color:#fff}.platform-feature-card.gradient-teal{background:linear-gradient(135deg,#1cb6a9,#e3e2e2)}.platform-feature-card.gradient-teal h3,.platform-feature-card.gradient-teal p{color:#fff}.platform-feature-card.gradient-blue-green{background:linear-gradient(135deg,#1ca4b6,#e3e2e2)}.platform-feature-card.gradient-blue-green h3,.platform-feature-card.gradient-blue-green p{color:#fff}.platform-feature-card.gradient-blue{background:linear-gradient(135deg,#1c82b6,#e3e2e2)}.platform-feature-card.gradient-blue h3,.platform-feature-card.gradient-blue p{color:#fff}.platform-feature-card.gradient-green-2{background:linear-gradient(135deg,#1cb65e,#e3e2e2)}.platform-feature-card.gradient-green-2 h3,.platform-feature-card.gradient-green-2 p{color:#fff}.about-section{width:100%;min-height:auto;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 20px}@media (max-width: 768px){.about-section{padding:60px 20px}}.about-container{max-width:1200px;width:100%;margin:0 auto}.about-header{text-align:center;margin-bottom:20px}.about-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}@media (max-width: 768px){.about-title{font-size:2.5rem}}@media (max-width: 480px){.about-title{font-size:2rem}}.hero-title-highlight{background:linear-gradient(180deg,#00d680 65%,#025863);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-title-management{background:linear-gradient(180deg,#00d680,#025863);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.about-subtitle{font-size:1.2rem;color:#4b5563;margin:0;line-height:1.6}.about-subtitle .highlight-green{color:#00d680;font-weight:600}@media (max-width: 768px){.about-subtitle{font-size:1.1rem}}.about-description-content{max-width:900px;margin:0 auto 4rem;text-align:center}.about-description-text1{font-size:.95rem;color:#4b5563;line-height:1.8;margin-bottom:0;text-align:center}@media (max-width: 768px){.about-description-text1{font-size:.95rem;line-height:1.7}}.about-description-text2{font-size:.95rem;color:#4b5563;line-height:1.8;margin-bottom:0;text-align:center;max-width:1200px;min-width:200px}.about-description-text3{font-size:.95rem;color:#4b5563;margin-bottom:0;max-width:500px;margin-left:auto;margin-right:auto;text-align:center;line-height:1.8}.about-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:3rem}@media (max-width: 1200px){.about-features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 968px){.about-features-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 640px){.about-features-grid{grid-template-columns:1fr;gap:16px}}.about-feature-card{border-radius:24px;padding:32px 24px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.about-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.about-feature-card .about-feature-content{position:relative;z-index:2;width:100%}.about-feature-card .about-feature-icon{position:absolute;bottom:0;right:0;width:125px;height:165.74px;display:flex;align-items:center;justify-content:center;z-index:1}.about-feature-card .about-feature-icon img{width:100%;height:100%;object-fit:contain}.about-feature-card h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3}.about-feature-card p{font-size:.95rem;color:#ffffffe6;margin:0;line-height:1.5}.about-feature-card.gradient-green{background:linear-gradient(128.29deg,#26b61c 6.64%,#e3e2e2 138.77%)}.about-feature-card.gradient-yellow-green{background:linear-gradient(128.29deg,#b1b61c 6.64%,#e3e2e2 138.77%)}.about-feature-card.gradient-purple{background:linear-gradient(128.29deg,#604dab 6.64%,#e3e2e2 138.77%)}.about-feature-card.gradient-teal{background:linear-gradient(128.29deg,#1cb6a9 6.64%,#e3e2e2 138.77%)}.about-feature-card.gradient-blue-green{background:linear-gradient(128.29deg,#1ca4b6 6.64%,#e3e2e2 138.77%)}.about-feature-card.gradient-blue{background:linear-gradient(128.29deg,#1c82b6 6.64%,#e3e2e2 138.77%)}.about-feature-card.gradient-green-2{background:linear-gradient(128.29deg,#1cb65e 6.64%,#e3e2e2 138.77%)}.community-section{width:100%;min-height:auto;background-color:#f8f9fa;background-size:20px 20px;display:flex;align-items:center;justify-content:center;color:#333;text-align:center;padding:25px 0}.community-content{max-width:1200px;margin-top:50px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media (max-width: 768px){.community-content{grid-template-columns:1fr;gap:2rem}}.community-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#025863}@media (max-width: 768px){.community-content h2{font-size:2rem}}.community-content>p{font-size:1.2rem;margin-bottom:3rem;color:#4b5563;line-height:1.6}.community-left h3{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#00c7c1;text-align:left}@media (max-width: 768px){.community-left{font-size:1.8rem}}.community-right h3{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#00c7c1;text-align:left}@media (max-width: 768px){.community-right h3{font-size:1.8rem}}.community-features{display:flex;flex-direction:column;gap:1.5rem;width:100%}.Home-feature-item{background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;width:100%;text-align:left;display:flex;align-items:flex-start;gap:15px}.Home-feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.Home-feature-item .feature-icon{color:#10b981;font-size:1.6rem;margin-right:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#10b9811a;border-radius:8px;transition:all .3s ease}.Home-feature-item .feature-icon:hover{background:#10b98133;transform:translateY(-1px)}.Home-feature-item .feature-content{flex:1}.Home-feature-item h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#333}.Home-feature-item:nth-child(1) h3{color:#333}.Home-feature-item:nth-child(2) h3{color:#333}.Home-feature-item:nth-child(3) h3{color:#333}.Home-feature-item p{font-size:1rem;color:#4b5563;line-height:1.5;margin:0}.advantage-list{display:flex;flex-direction:column;gap:1.5rem;width:100%}.advantage-item{background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;width:100%;text-align:left;display:flex;align-items:flex-start;gap:15px}.advantage-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.advantage-item .advantage-icon{color:#10b981;font-size:1.6rem;margin-right:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#10b9811a;border-radius:8px;transition:all .3s ease}.advantage-item .advantage-icon:hover{background:#10b98133;transform:translateY(-1px)}.advantage-item .advantage-content h4{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#333}.advantage-item:nth-child(1) .advantage-content h4{color:#333}.advantage-item:nth-child(2) .advantage-content h4{color:#208d9c}.advantage-item:nth-child(3) .advantage-content h4{color:#4caf50}.advantage-item .advantage-content p{font-size:1rem;color:#4b5563;line-height:1.5;margin:0}.features-section{width:100%;min-height:auto;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px 0}.features-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.features-section .features-section-title{font-size:2.5rem;font-weight:700;color:#008c9c;margin-bottom:40px;text-align:center}@media (max-width: 768px){.features-section .features-section-title{font-size:2rem}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:0}@media (max-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr;gap:20px}}.feature-card{background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 4px 10px #0000001a;transition:all .3s ease;text-align:left}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.feature-card h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;line-height:1.3;color:#00c7c1}.feature-card p{font-size:1rem;color:#666;line-height:1.5;margin:0}.unique-features-section{width:100%;min-height:auto;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 20px}@media (max-width: 768px){.unique-features-section{padding:60px 20px}}.unique-features-container{max-width:1200px;width:100%;margin:0 auto}.unique-features-title{text-align:center;font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:1.5rem;line-height:1.3}.unique-features-title .highlight-teal{background:linear-gradient(180deg,#00d680 30%,#025863);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media (max-width: 768px){.unique-features-title{font-size:2rem}}.unique-features-subtitle{text-align:center;font-size:1.1rem;color:#4b5563;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}@media (max-width: 768px){.unique-features-subtitle{font-size:1rem}}.unique-features-list{display:flex;flex-direction:column;gap:48px;margin-top:3rem}@media (max-width: 768px){.unique-features-list{gap:32px}}.unique-feature-row{width:100%}.unique-feature-row .feature-content-wrapper{display:flex;align-items:center;gap:48px;width:100%}@media (max-width: 768px){.unique-feature-row .feature-content-wrapper{flex-direction:column;gap:24px}}.unique-feature-row.reverse .feature-content-wrapper{flex-direction:row-reverse}@media (max-width: 768px){.unique-feature-row.reverse .feature-content-wrapper{flex-direction:column}}.feature-text-content{flex:1;display:flex;flex-direction:column}.feature-text-content .feature-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-text-content .feature-icon{font-size:24px;color:#1f2937}.feature-text-content h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 12px;line-height:1.3;background:linear-gradient(180deg,#00d680 30%,#025863);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.feature-text-content p{font-size:.95rem;color:#1f2937;margin:0;line-height:1.6;opacity:.9}.feature-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}@media (max-width: 768px){.feature-image-wrapper{min-height:200px}}.feature-placeholder-image{width:100%;height:100%;min-height:300px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:32px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media (max-width: 768px){.feature-placeholder-image{min-height:200px}}.feature-placeholder-image .feature-placeholder-icon{font-size:120px;color:#008c9c;opacity:.3}@media (max-width: 768px){.feature-placeholder-image .feature-placeholder-icon{font-size:80px}}.feature-placeholder-image:hover{transform:scale(1.02);box-shadow:0 8px 24px #008c9c26}.unique-feature-card{border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;transition:all .3s ease;cursor:pointer}.unique-feature-card .feature-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.unique-feature-card .feature-icon{font-size:24px;color:#1f2937}.unique-feature-card h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 12px;line-height:1.3}.unique-feature-card p{font-size:.95rem;color:#1f2937;margin:0;line-height:1.6;opacity:.9}.homi-junior-section{width:100%;min-height:auto;background-color:#00d6800d;display:flex;align-items:center;justify-content:center;padding:80px 20px}@media (max-width: 768px){.homi-junior-section{padding:60px 20px}}.homi-junior-container{max-width:1200px;width:100%;margin:0 auto}.homi-junior-header{text-align:center;margin-bottom:3rem}.homi-junior-title{font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:1.5rem;line-height:1.3}.homi-junior-title .homi-junior-title-highlight{background:linear-gradient(180deg,#00d680 50%,#025863);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media (max-width: 768px){.homi-junior-title{font-size:2rem}}.homi-junior-subtitle{font-size:1.1rem;color:#025863;max-width:800px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.homi-junior-subtitle{font-size:1rem}}.homi-junior-content{display:flex;align-items:flex-start;gap:48px;margin-bottom:3rem}@media (max-width: 768px){.homi-junior-content{flex-direction:column;gap:32px}}.homi-junior-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.homi-junior-placeholder-image{width:100%;height:550px;border-radius:32px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media (max-width: 768px){.homi-junior-placeholder-image{min-height:250px}}.homi-junior-placeholder-image img{width:100%;height:100%;object-fit:cover}.homi-junior-features-list{flex:1;display:flex;flex-direction:column;gap:16px}.homi-junior-feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;cursor:pointer}.homi-junior-feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #008c9c26;border-color:#008c9c}.homi-junior-feature-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:20px;flex-shrink:0}.homi-junior-feature-content{flex:1}.homi-junior-feature-content h3{font-size:1.2rem;font-weight:600;color:#025863;margin:0 0 8px;line-height:1.3}.homi-junior-feature-content p{font-size:.95rem;color:#025863;margin:0;line-height:1.5;opacity:.8}.homi-junior-cta{display:flex;justify-content:center;align-items:center;margin-top:2rem}.dashboard-power-section{width:100%;min-height:auto;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 20px}@media (max-width: 768px){.dashboard-power-section{padding:60px 20px}}.dashboard-power-container{max-width:1200px;width:100%;margin:0 auto}.dashboard-power-header{text-align:center;margin-bottom:3rem}.dashboard-power-title{font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:1.5rem;line-height:1.3}@media (max-width: 768px){.dashboard-power-title{font-size:2rem}}.dashboard-power-subtitle{font-size:1.1rem;color:#4b5563;max-width:800px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.dashboard-power-subtitle{font-size:1rem}}.dashboard-power-content{display:flex;align-items:flex-start;gap:48px;margin-bottom:3rem}@media (max-width: 768px){.dashboard-power-content{flex-direction:column;gap:32px}}.dashboard-power-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.dashboard-power-placeholder-image{width:100%;height:380px;border-radius:32px;overflow:hidden;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.dashboard-power-placeholder-image{min-height:250px}}.dashboard-power-placeholder-image img{width:100%;object-fit:cover}.dashboard-power-features-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.dashboard-power-features-grid{grid-template-columns:1fr}}.dashboard-power-feature-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:all .3s ease;cursor:pointer}.dashboard-power-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #008c9c33;border-color:#00d680}.dashboard-power-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#00d680;font-size:24px;flex-shrink:0}.dashboard-power-feature-content{flex:1}.dashboard-power-feature-content h3{font-size:1.2rem;font-weight:600;color:#025863;margin:0 0 8px;line-height:1.3}.dashboard-power-feature-content p{font-size:.95rem;color:#4b5563;margin:0;line-height:1.5}.dashboard-power-cta{display:flex;justify-content:center;align-items:center;margin-top:2rem}.testimonials-section-home{width:100%;min-height:auto;background-color:#00d6800d!important;display:flex;align-items:center;justify-content:center;padding:80px 20px}@media (max-width: 768px){.testimonials-section-home{padding:60px 20px}}.testimonials-container{max-width:1200px;width:100%;margin:0 auto}.testimonials-header{text-align:center;margin-bottom:3rem}.testimonials-title{font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:1.5rem;line-height:1.3}@media (max-width: 768px){.testimonials-title{font-size:2rem}}.testimonials-subtitle{font-size:1.1rem;color:#4b5563;max-width:800px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.testimonials-subtitle{font-size:1rem}}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 968px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;gap:20px}}.testimonial-card{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.testimonial-card.featured{border:2px solid #00d680;box-shadow:0 4px 12px #00d68026}.testimonial-quote-icon{color:#00d680;font-size:32px;margin-bottom:16px;display:flex;align-items:flex-start}.testimonial-text{font-size:1rem;color:#1f2937;font-style:italic;line-height:1.6;margin:0 0 24px;flex:1}.testimonial-author{display:flex;align-items:center;gap:12px;margin-top:auto}.testimonial-avatar{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;color:#1f2937;font-size:48px;flex-shrink:0}.testimonial-author-info{flex:1}.testimonial-author-name{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.3}.testimonial-author-role{font-size:.9rem;color:#4b5563;margin:0;line-height:1.4}.stats-section{background:#f8f9fa;padding:3rem 0}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media (max-width: 768px){.stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.stats-section .stats-grid{grid-template-columns:1fr}}.stats-section .stat-item{text-align:center;padding:2rem 1rem}.stats-section .stat-item .stat-number{font-size:3rem;font-weight:700;color:#22c55e;margin-bottom:.5rem}@media (max-width: 768px){.stats-section .stat-item .stat-number{font-size:2.5rem}}.stats-section .stat-item .stat-label{font-size:1.1rem;color:#6b7280;font-weight:500}.services-section{background:#fff;padding:5rem 0}.services-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:3rem}@media (max-width: 768px){.services-section h2{font-size:2rem}}.services-section .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.services-section .services-grid{grid-template-columns:1fr;gap:1.5rem}}.services-section .service-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease}.services-section .service-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.services-section .service-card .service-icon{font-size:3rem;color:#22c55e;margin-bottom:1.5rem}.services-section .service-card h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.services-section .service-card p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.services-section .service-card ul{list-style:none;padding:0}.services-section .service-card ul li{color:#4b5563;position:relative;padding:.5rem 0 .5rem 1.5rem}.services-section .service-card ul li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.testimonials-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:5rem 0;color:#fff}.testimonials-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem}@media (max-width: 768px){.testimonials-section h2{font-size:2rem}}.testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.testimonials-section .testimonials-grid{grid-template-columns:1fr;gap:1.5rem}}.testimonials-section .testimonial-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.2)}.testimonials-section .testimonial-card .testimonial-content .stars{color:gold;margin-bottom:1rem;font-size:1.2rem}.testimonials-section .testimonial-card .testimonial-content p{font-style:italic;margin-bottom:1.5rem;line-height:1.6}.testimonials-section .testimonial-card .testimonial-content .testimonial-author{display:flex;align-items:center;gap:1rem}.testimonials-section .testimonial-card .testimonial-content .testimonial-author img{width:60px;height:60px;border-radius:50%;object-fit:cover}.testimonials-section .testimonial-card .testimonial-content .testimonial-author h4{font-size:1.1rem;font-weight:600;margin:0}.testimonials-section .testimonial-card .testimonial-content .testimonial-author span{font-size:.9rem;opacity:.8}.pricing-section{background:#f8f9fa;padding:5rem 0}.pricing-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}@media (max-width: 768px){.pricing-section h2{font-size:2rem}}.pricing-section .pricing-subtitle{text-align:center;font-size:1.2rem;color:#6b7280;margin-bottom:3rem}.pricing-section .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}@media (max-width: 768px){.pricing-section .pricing-grid{grid-template-columns:1fr;gap:1.5rem}}.pricing-section .pricing-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 4px 20px #0000001a;border:2px solid transparent;transition:all .3s ease;position:relative}.pricing-section .pricing-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.pricing-section .pricing-card.featured{border-color:#22c55e;transform:scale(1.05)}.pricing-section .pricing-card.featured .popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.pricing-section .pricing-card .pricing-header{text-align:center;margin-bottom:2rem}.pricing-section .pricing-card .pricing-header h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.pricing-section .pricing-card .pricing-header .price{margin-bottom:1rem}.pricing-section .pricing-card .pricing-header .price .currency{font-size:1.5rem;color:#6b7280}.pricing-section .pricing-card .pricing-header .price .amount{font-size:3rem;font-weight:700;color:#22c55e}.pricing-section .pricing-card .pricing-header .price .period{font-size:1rem;color:#6b7280}.pricing-section .pricing-card .pricing-header p{color:#6b7280;font-size:.9rem}.pricing-section .pricing-card .pricing-features{margin-bottom:2rem}.pricing-section .pricing-card .pricing-features .feature{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#4b5563}.pricing-section .pricing-card .pricing-features .feature svg{color:#22c55e}.pricing-section .pricing-card .pricing-btn{display:block;width:100%;padding:1rem;background:#22c55e;color:#fff;text-decoration:none;text-align:center;border-radius:8px;font-weight:600;transition:all .3s ease}.pricing-section .pricing-card .pricing-btn:hover{transform:translateY(-2px)}.cta-section{background:linear-gradient(135deg,#22c55e,#16a34a);padding:4rem 0;color:#fff}.cta-section .cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-section .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}@media (max-width: 768px){.cta-section .cta-content h2{font-size:2rem}}.cta-section .cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-section .cta-content .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-section .cta-content .cta-buttons .btn{padding:1rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-section .cta-content .cta-buttons .btn.btn-primary{background:#fff;color:#22c55e}.cta-section .cta-content .cta-buttons .btn.btn-primary:hover{background:#f8f9fa;transform:translateY(-2px)}.cta-section .cta-content .cta-buttons .btn.btn-secondary{background:transparent;color:#fff;border:2px solid #ffffff}.cta-section .cta-content .cta-buttons .btn.btn-secondary:hover{background:#fff;transform:translateY(-2px)}.footer{background:linear-gradient(deg,#00d680,#025863);color:#fff;padding:60px 20px 30px}@media (max-width: 768px){.footer{padding:40px 20px 20px}}.footer .footer-container{max-width:1200px;margin:0 auto}.footer .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:2rem}@media (max-width: 968px){.footer .footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 768px){.footer .footer-content{grid-template-columns:1fr;gap:2rem}}.footer .footer-section h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.footer .footer-section ul{list-style:none;padding:0;margin:0}.footer .footer-section ul li{margin-bottom:.75rem}.footer .footer-section ul li a{color:#ffffffe6;text-decoration:none;font-size:.95rem;transition:color .3s ease;line-height:1.5}.footer .footer-section ul li a:hover{color:#fff}.footer .footer-description{padding-bottom:30px}.footer .footer-description .footer-logo-wrapper .footer-logo{width:160px;height:auto;max-height:110px;object-fit:contain}.footer .footer-description .footer-description-text{color:#ffffffe6;line-height:1.6;font-size:1rem;margin:0;max-width:400px}.footer .footer-contact .footer-contact-info{display:flex;flex-direction:column;gap:1rem}.footer .footer-contact .footer-contact-item{display:flex;align-items:flex-start;gap:12px;color:#ffffffe6;font-size:.95rem;line-height:1.5}.footer .footer-contact .footer-contact-item .footer-contact-icon{font-size:18px;flex-shrink:0;color:#ffffffe6}.footer .footer-contact .footer-contact-item span{color:#ffffffe6}.footer .footer-bottom-home .footer-bottom-divider-home{width:100%;height:1px;background:#fff3;margin-bottom:2rem}.footer .footer-bottom-home .footer-bottom-content-home{text-align:center}.footer .footer-bottom-home .footer-bottom-content-home p{color:#ffffffe6;margin:0;font-size:.9rem}@media (max-width: 768px){.hero-section{padding:100px 20px 60px;min-height:70vh}.hero-content{text-align:center}.hero-title{font-size:2.5rem;text-align:center}.hero-description{font-size:1.1rem;text-align:center;margin-left:auto;margin-right:auto}.hero-buttons{flex-direction:column;align-items:center;justify-content:center}.hero-buttons .cmp-button-container{width:100%;max-width:280px}.hero-buttons .cmp-button-container .cmp-button{width:100%}.btn{width:100%;max-width:280px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.community-features{grid-template-columns:1fr;gap:1.5rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px) and (max-width: 480px){.features-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.community-content{margin-bottom:20px}.community-content h2,.features-section .features-section-title{font-size:1.8rem}}.simple-plans-section{width:100%;min-height:auto;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 20px}@media (max-width: 768px){.simple-plans-section{padding:60px 20px}}.simple-plans-container{max-width:1200px;width:100%;margin:0 auto}.simple-plans-header{text-align:center;margin-bottom:3rem}.simple-plans-title{font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:1.5rem;line-height:1.3}@media (max-width: 768px){.simple-plans-title{font-size:2rem}}.simple-plans-subtitle{font-size:1.1rem;color:#4b5563;max-width:800px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.simple-plans-subtitle{font-size:1rem}}.simple-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:3rem}@media (max-width: 968px){.simple-plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.simple-plans-grid{grid-template-columns:1fr;gap:20px}}.simple-plan-card{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb;display:flex;flex-direction:column;transition:all .3s ease;position:relative}.simple-plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.simple-plan-card.featured{background:linear-gradient(150deg,#4fb0d9,#003e5c);border:2px solid #00d680;transform:scale(1.05);box-shadow:0 8px 24px #00d68033}@media (max-width: 968px){.simple-plan-card.featured{transform:scale(1)}}.simple-plan-card.featured:hover{transform:scale(1.05) translateY(-4px)}@media (max-width: 968px){.simple-plan-card.featured:hover{transform:translateY(-4px)}}.simple-plan-card.featured .simple-plan-name,.simple-plan-card.featured .simple-plan-price,.simple-plan-card.featured .simple-plan-billing,.simple-plan-card.featured .simple-plan-features li span{color:#fff}.simple-plan-badge{position:absolute;top:-12px;right:20px;background:gold;color:#333;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;box-shadow:0 2px 8px #ffd7004d}.simple-plan-header{text-align:center}.simple-plan-name{font-size:1.5rem;font-weight:600;color:#025863;margin:0 0 16px}.simple-plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.simple-plan-currency{font-size:1.5rem;font-weight:500;color:#025863}.simple-plan-amount{font-size:2.5rem;font-weight:700;color:#025863;line-height:1}.simple-plan-active-color{color:#fff}.simple-plan-period{font-size:1rem;color:#6b7280;font-weight:400}.simple-plan-billing{font-size:.9rem;color:#6b7280;margin:0}.simple-plan-features{list-style:none;padding:0;margin:24px 0;flex:1}.simple-plan-features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:.95rem;color:#4b5563}.simple-plan-features li span{flex:1;line-height:1.5}.simple-plan-check{color:#9ca3af;font-size:18px;flex-shrink:0;margin-top:2px}.simple-plan-check.featured-check{color:#fff}.simple-plan-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#00d680,#008c9c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto}.simple-plan-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00d6804d}.simple-plan-button.current{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#4b5563;cursor:default}.simple-plan-button.current:hover{transform:none;box-shadow:none}.simple-plan-button.featured-btn{background:linear-gradient(135deg,#fff,#f9fafb);color:#025863}.simple-plan-button.featured-btn:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-shadow:0 6px 16px #ffffff4d}@media (max-width: 768px){.simple-plans-section{padding:60px 20px}.simple-plan-card.featured{transform:scale(1)}.simple-plan-amount{font-size:2rem}}.get-in-touch-section{width:100%;background-color:#fff;padding:80px 20px 0;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.get-in-touch-section{padding:60px 20px}}.get-in-touch-container{max-width:1200px;width:100%;margin:0 auto;padding:40px;background-color:#fff}@media (max-width: 768px){.get-in-touch-container{padding:30px 20px;border-width:1px}}.get-in-touch-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}@media (max-width: 968px){.get-in-touch-content{grid-template-columns:1fr;gap:40px}}.contact-form-wrapper .contact-form-title{font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:12px;line-height:1.2}@media (max-width: 768px){.contact-form-wrapper .contact-form-title{font-size:2rem}}.contact-form-wrapper .contact-form-subtitle{font-size:1rem;color:#6b7280;margin-bottom:32px;line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;color:#1f2937;background-color:#fff;transition:all .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-textarea:focus{outline:none;border-color:#00d680;box-shadow:0 0 0 3px #00d6801a}.form-textarea{resize:vertical;min-height:120px}.phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.phone-input-wrapper .country-code-select{padding:12px 36px 12px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;color:#1f2937;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231f2937' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:80px;transition:all .2s ease}.phone-input-wrapper .country-code-select:focus{outline:none;border-color:#00d680;box-shadow:0 0 0 3px #00d6801a}.phone-input-wrapper .phone-input{flex:1}.send-message-btn{padding:14px 28px;background-color:#008c9c;color:#fff;border:none;border-radius:18px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;margin-top:8px}.send-message-btn:hover{background-color:#008c9c;transform:translateY(-2px);box-shadow:0 4px 12px #00d6804d}.send-message-btn:active{transform:translateY(0)}.contact-info-wrapper .contact-info-title{font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:12px;line-height:1.2}@media (max-width: 768px){.contact-info-wrapper .contact-info-title{font-size:2rem}}.contact-info-wrapper .contact-info-subtitle{font-size:1rem;color:#6b7280;margin-bottom:40px;line-height:1.5}.contact-info-items{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 768px){.contact-info-items{grid-template-columns:1fr}}.contact-info-item{display:flex;flex-direction:column;gap:12px;max-width:100%}.contact-info-item:nth-child(3){grid-column:1/-1}.contact-info-icon{width:48px;height:48px;border-radius:8px;border:2px solid #008c9c;display:flex;align-items:center;justify-content:center;color:#008c9c;font-size:1.25rem;margin-bottom:4px;background-color:#00d6800d}.contact-info-heading{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.contact-info-description{font-size:.95rem;color:#6b7280;margin:0;line-height:1.5}.contact-info-link{font-size:1rem;color:#008c9c;text-decoration:none;transition:color .2s ease;line-height:1.6}.contact-info-link:hover{color:#008c9c;text-decoration:underline}.contact-info-link div{margin-bottom:4px}.contact-info-link div:last-child{margin-bottom:0}.frequently-asked-questions-section{width:100%;background-color:#fff;padding:0 20px 80px;display:flex;align-items:center;justify-content:center;position:relative}@media (max-width: 768px){.frequently-asked-questions-section{padding:60px 20px}}.faq-container{max-width:900px;width:100%;margin:0 auto;position:relative;padding-left:40px}@media (max-width: 768px){.faq-container{padding-left:30px;max-width:100%}}.faq-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0}.faq-header{text-align:left;margin-bottom:48px}@media (max-width: 768px){.faq-header{margin-bottom:32px}}.faq-title{font-size:2.5rem;font-weight:700;color:#025863;margin-bottom:16px;line-height:1.2;text-align:center}@media (max-width: 768px){.faq-title{font-size:2rem}}@media (max-width: 480px){.faq-title{font-size:1.75rem}}.faq-subtitle{font-size:1rem;color:#1f2937;line-height:1.6;margin:0;text-align:center}@media (max-width: 768px){.faq-subtitle{font-size:.95rem}}.faq-accordion{display:flex;flex-direction:column;gap:16px}.faq-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.faq-item.active{border-color:#008c9c;box-shadow:0 4px 12px #008c9c1a}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background-color:#fff;border:none;text-align:left;cursor:pointer;font-family:inherit;transition:all .2s ease}.faq-question:hover{background-color:#f9fafb}.faq-question:focus{outline:none;background-color:#f9fafb}@media (max-width: 768px){.faq-question{padding:16px 20px}}.faq-question-text{font-size:16px;font-weight:500;color:#4b5563;flex:1;padding-right:16px;line-height:1.5}@media (max-width: 768px){.faq-question-text{font-size:1rem}}.faq-icon{display:flex;align-items:center;justify-content:center;color:#008c9c;font-size:.875rem;flex-shrink:0;transition:transform .3s ease}.faq-answer{padding:0 24px 20px;animation:slideDown .3s ease}@media (max-width: 768px){.faq-answer{padding:0 20px 16px}}.faq-answer p{font-size:1rem;color:#4b5563;line-height:1.6;margin:0}@media (max-width: 768px){.faq-answer p{font-size:.95rem}}.helpline-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);margin-top:20px}.helpline-page .hero-section{text-align:center;color:#fff;background:#0000004d}.helpline-page .hero-section .hero-content{max-width:800px;margin:0 auto;padding:0 20px}.helpline-page .hero-section .hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.helpline-page .hero-section .hero-content p{font-size:1.3rem;margin-bottom:40px;opacity:.9}.helpline-page .hero-section .hero-content .hero-stats{display:flex;justify-content:center;gap:60px;margin-top:40px}.helpline-page .hero-section .hero-content .hero-stats .stat{text-align:center}.helpline-page .hero-section .hero-content .hero-stats .stat h3{font-size:2.5rem;font-weight:700;color:#f8e71c;margin-bottom:10px}.helpline-page .hero-section .hero-content .hero-stats .stat p{font-size:1rem;margin:0;opacity:.8}.helpline-page .contact-info-section{padding:80px 0;background:#fff}.helpline-page .contact-info-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.helpline-page .contact-info-section .container h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:50px;color:#333}.helpline-page .contact-info-section .container .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.helpline-page .contact-info-section .container .contact-grid .contact-card{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:15px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.helpline-page .contact-info-section .container .contact-grid .contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.helpline-page .contact-info-section .container .contact-grid .contact-card .contact-icon{font-size:2.5rem;color:#667eea;margin-bottom:20px}.helpline-page .contact-info-section .container .contact-grid .contact-card h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#333}.helpline-page .contact-info-section .container .contact-grid .contact-card p{color:#666;margin:5px 0;font-size:1rem}.helpline-page .demo-form-section{padding:80px 0;background:#f8f9fa}.helpline-page .demo-form-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.helpline-page .demo-form-section .container .form-container{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start}.helpline-page .demo-form-section .container .form-container .form-content{background:#fff;padding:40px;border-radius:15px;box-shadow:0 5px 15px #0000001a}.helpline-page .demo-form-section .container .form-container .form-content h2{font-size:2rem;font-weight:700;margin-bottom:15px;color:#008c9c}.helpline-page .demo-form-section .container .form-container .form-content p{color:#666;margin-bottom:30px;font-size:1.1rem}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group{margin-bottom:20px}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#008c9c}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group input,.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group select,.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group textarea{width:100%;padding:12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group input:focus,.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group select:focus,.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-group textarea{resize:vertical;min-height:100px}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .submit-btn{width:100%;padding:15px 30px;background:#008c9c;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.helpline-page .demo-form-section .container .form-container .form-sidebar .sidebar-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:30px}.helpline-page .demo-form-section .container .form-container .form-sidebar .sidebar-card h3{font-size:1.3rem;font-weight:600;margin-bottom:20px;color:#008c9c}.helpline-page .demo-form-section .container .form-container .form-sidebar .sidebar-card ul{list-style:none;padding:0}.helpline-page .demo-form-section .container .form-container .form-sidebar .sidebar-card ul li{border-bottom:1px solid #f0f0f0;color:#666;position:relative;padding:10px 0 10px 20px}.helpline-page .demo-form-section .container .form-container .form-sidebar .sidebar-card ul li:before{content:"✓";position:absolute;left:0;color:#008c9c;font-weight:700}.helpline-page .demo-form-section .container .form-container .form-sidebar .sidebar-card ul li:last-child{border-bottom:none}.helpline-page .faq-section{padding:80px 0;background:#fff}.helpline-page .faq-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.helpline-page .faq-section .container h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:50px;color:#333}.helpline-page .faq-section .container .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.helpline-page .faq-section .container .faq-grid .faq-item{background:#f8f9fa;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000001a}.helpline-page .faq-section .container .faq-grid .faq-item h3{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#333}.helpline-page .faq-section .container .faq-grid .faq-item p{color:#666;line-height:1.6}.helpline-page .cta-section{padding:80px 0;background:linear-gradient(135deg,#667eea,#764ba2);text-align:center;color:#fff}.helpline-page .cta-section .container{max-width:800px;margin:0 auto;padding:0 20px}.helpline-page .cta-section .container h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.helpline-page .cta-section .container p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.helpline-page .cta-section .container .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.helpline-page .cta-section .container .cta-buttons .btn{padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.helpline-page .cta-section .container .cta-buttons .btn:hover{transform:translateY(-2px)}.helpline-page .cta-section .container .cta-buttons .btn.btn-primary{background:#f8e71c;color:#333}.helpline-page .cta-section .container .cta-buttons .btn.btn-primary:hover{box-shadow:0 5px 15px #f8e71c66}.helpline-page .cta-section .container .cta-buttons .btn.btn-secondary{background:transparent;color:#fff;border:2px solid white}.helpline-page .cta-section .container .cta-buttons .btn.btn-secondary:hover{background:#fff;color:#667eea}@media (max-width: 768px){.helpline-page .hero-section{padding:100px 0 60px}.helpline-page .hero-section .hero-content h1{font-size:2.5rem}.helpline-page .hero-section .hero-content p{font-size:1.1rem}.helpline-page .hero-section .hero-content .hero-stats{flex-direction:column;gap:30px}.helpline-page .hero-section .hero-content .hero-stats .stat h3{font-size:2rem}.helpline-page .demo-form-section .container .form-container{grid-template-columns:1fr;gap:30px}.helpline-page .demo-form-section .container .form-container .form-content .demo-form .form-row,.helpline-page .faq-section .container .faq-grid{grid-template-columns:1fr}.helpline-page .cta-section .container .cta-buttons{flex-direction:column;align-items:center}.helpline-page .cta-section .container .cta-buttons .btn{width:100%;max-width:300px}}@media (max-width: 480px){.helpline-page .hero-section .hero-content h1{font-size:2rem}.helpline-page .contact-info-section,.helpline-page .demo-form-section,.helpline-page .faq-section,.helpline-page .cta-section{padding:60px 0}}.terms-title{font-size:28px;font-weight:600;text-align:center}.terms-section{border-bottom:1px solid #e0e0e0;margin-bottom:20px}.terms-section .section-number{font-size:20px;font-weight:600}.terms-section .section-content p{font-size:16px}.privacy-title{font-size:28px;font-weight:600;text-align:center}.privacy-section{border-bottom:1px solid #e0e0e0;margin-bottom:20px}.privacy-section .section-number{font-size:20px;font-weight:600;margin-bottom:15px}.privacy-section .section-content p{font-size:16px;line-height:1.6;margin-bottom:12px}.privacy-section .section-content ul{font-size:16px;line-height:1.8;margin-bottom:15px;padding-left:20px}.privacy-section .section-content ul li{margin-bottom:8px}.privacy-section .section-content a{color:#008c9c;text-decoration:none}.privacy-section .section-content a:hover{text-decoration:underline}.privacy-section .section-content .subsection-title{font-size:18px;font-weight:600;margin-top:20px;margin-bottom:12px}.landing-page{min-height:100vh;font-family:Arial,sans-serif}.landing-page *{box-sizing:border-box}.landing-page body{margin:0;padding:0;font-family:Arial,sans-serif}@media (max-width: 768px){.landing-page .homepage{padding-top:60px}}.landing-page .btn{font-family:inherit;cursor:pointer;transition:all .3s ease}.landing-page .btn:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.landing-page a,.landing-page a:hover{text-decoration:none}.landing-page section{margin:0;padding:0}.coming-soon-container{display:flex;justify-content:center;align-items:center;padding:2rem}.coming-soon-content{text-align:center;max-width:600px}.coming-soon-content h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-content .coming-soon-message{background:#fff;padding:3rem 2rem;border-radius:16px;box-shadow:0 10px 25px #0000001a;border:1px solid #e5e7eb}.coming-soon-content .coming-soon-message h2{color:#1a1a1a;font-size:1.75rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.coming-soon-content .coming-soon-message h2:before{content:"🚀";font-size:1.5rem}.coming-soon-content .coming-soon-message p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0}.app-licence-heading{margin-bottom:2rem}.app-licence-content .sub-tab-content{min-height:400px}.app-licence-content .overview-content .overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.app-licence-content .overview-content .info-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.app-licence-content .overview-content .info-cards-container .info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.app-licence-content .overview-content .info-cards-container .info-card .info-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f3f4f6}.app-licence-content .overview-content .info-cards-container .info-card .info-card-header h4{margin:0;color:#1a1a1a;font-size:1.125rem;font-weight:600}.app-licence-content .overview-content .info-cards-container .info-card .info-card-header .info-card-icon{color:#6b7280;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#f9fafb}.app-licence-content .overview-content .info-cards-container .info-card .info-card-content{padding:1rem 1.5rem 1.5rem}.app-licence-content .overview-content .info-cards-container .info-card .info-card-content .info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f9fafb}.app-licence-content .overview-content .info-cards-container .info-card .info-card-content .info-row:last-child{border-bottom:none}.app-licence-content .overview-content .info-cards-container .info-card .info-card-content .info-row .label{font-weight:500;color:#374151;font-size:.875rem}.app-licence-content .overview-content .info-cards-container .info-card .info-card-content .info-row .value{color:#111827;font-weight:500;text-align:right;max-width:200px}.app-licence-content .overview-content .info-cards-container .info-card .info-card-content .info-row .value .tag{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.app-licence-content .overview-content .info-cards-container .info-card .info-card-content .info-row .value .tag.production{background:#dbeafe;color:#1d4ed8}.app-licence-content .overview-content .info-cards-container .info-card .info-card-content .info-row .value .tag.active{background:#d1fae5;color:#059669}.app-licence-content .license-details-content .license-header{text-align:center;margin-bottom:2rem}.app-licence-content .license-details-content .license-header h3{color:#1a1a1a;margin-bottom:.5rem;font-size:1.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.app-licence-content .license-details-content .license-header h3:before{content:"👑";font-size:1.5rem}.app-licence-content .license-details-content .license-header p{color:#666;margin:0;font-size:1rem}.app-licence-content .license-details-content .license-main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.app-licence-content .license-details-content .license-main-content .license-info-section,.app-licence-content .license-details-content .license-main-content .licensed-features-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.app-licence-content .license-details-content .license-main-content .license-info-section h4,.app-licence-content .license-details-content .license-main-content .licensed-features-section h4{color:#1a1a1a;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;border-bottom:2px solid #f3f4f6;padding-bottom:.75rem}.app-licence-content .license-details-content .license-main-content .license-info-section .license-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.app-licence-content .license-details-content .license-main-content .license-info-section .license-info-grid .info-column .info-row{display:flex;flex-direction:column;margin-bottom:1rem}.app-licence-content .license-details-content .license-main-content .license-info-section .license-info-grid .info-column .info-row .label{font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.25rem}.app-licence-content .license-details-content .license-main-content .license-info-section .license-info-grid .info-column .info-row .value{color:#111827;font-weight:500}.app-licence-content .license-details-content .license-main-content .license-info-section .license-info-grid .info-column .info-row .value.license-key{background:#f9fafb;padding:.5rem .75rem;border-radius:6px;border:1px solid #e5e7eb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.app-licence-content .license-details-content .license-main-content .license-info-section .license-info-grid .info-column .info-row .value .tag{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#d1fae5;color:#059669}.app-licence-content .license-details-content .license-main-content .licensed-features-section .features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.app-licence-content .license-details-content .license-main-content .licensed-features-section .features-grid .features-column .App-feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.app-licence-content .license-details-content .license-main-content .licensed-features-section .features-grid .features-column .App-feature-item .App-feature-icon{color:#059669;font-weight:700;font-size:1.125rem;background:#d1fae5;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-licence-content .license-details-content .license-main-content .licensed-features-section .features-grid .features-column .App-feature-item .App-feature-name{color:#374151;font-weight:500;font-size:.875rem}.app-licence-content .license-details-content .license-summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.app-licence-content .license-details-content .license-summary-stats .summary-stat{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;text-align:center}.app-licence-content .license-details-content .license-summary-stats .summary-stat h4{color:#374151;margin-bottom:1rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.app-licence-content .license-details-content .license-summary-stats .summary-stat .stat-number{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0}.app-licence-content .subscription-content .subscription-main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.app-licence-content .subscription-content .subscription-main-content .current-plan-section,.app-licence-content .subscription-content .subscription-main-content .addon-services-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.app-licence-content .subscription-content .subscription-main-content .current-plan-section h4,.app-licence-content .subscription-content .subscription-main-content .addon-services-section h4{color:#1a1a1a;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.app-licence-content .subscription-content .subscription-main-content .current-plan-section h4:before,.app-licence-content .subscription-content .subscription-main-content .addon-services-section h4:before{content:"⚡";font-size:1.125rem}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-name{margin-bottom:1.5rem}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-name .plan-title{font-size:1.5rem;font-weight:700;color:#1a1a1a}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-info .info-row:last-child{border-bottom:none}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-info .info-row .label{font-weight:500;color:#374151;font-size:.875rem}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-info .info-row .value{color:#111827;font-weight:500;text-align:right}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-info .info-row .value .tag{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-info .info-row .value .tag.active{background:#d1fae5;color:#059669}.app-licence-content .subscription-content .subscription-main-content .current-plan-section .plan-details .plan-info .info-row .value .tag.enabled{background:#dbeafe;color:#1d4ed8}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list{display:flex;flex-direction:column;gap:1.5rem}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card{background:#f9fafb;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-header .service-name{font-weight:600;color:#1a1a1a;font-size:1rem}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-header .tag{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#d1fae5;color:#059669}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-usage{margin-bottom:1rem}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-usage .usage-text{display:block;font-size:.875rem;color:#374151;margin-bottom:.5rem}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-usage .progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-usage .progress-bar .progress-fill{height:100%;background:#3b82f6;border-radius:4px;transition:width .3s ease}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-cost{display:flex;justify-content:space-between;align-items:center}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-cost .cost-label{font-size:.875rem;color:#6b7280}.app-licence-content .subscription-content .subscription-main-content .addon-services-section .services-list .service-card .service-cost .cost-amount{font-weight:600;color:#1a1a1a;font-size:1rem}.app-licence-content .usage-analytics-content .usage-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card h4{color:#374151;margin-bottom:1rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card .usage-value{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card .usage-capacity{font-size:1rem;color:#6b7280;margin-bottom:1.5rem}.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card .progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:1rem}.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card .progress-bar .progress-fill{height:100%;background:#3b82f6;border-radius:4px;transition:width .3s ease}.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card .usage-details{display:flex;justify-content:space-between;align-items:center}.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card .usage-details .used,.app-licence-content .usage-analytics-content .usage-metrics-grid .usage-card .usage-details .remaining{font-size:.875rem;color:#6b7280;font-weight:500}.app-licence-content .usage-analytics-content .usage-summary-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.app-licence-content .usage-analytics-content .usage-summary-section h3{color:#1a1a1a;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.app-licence-content .usage-analytics-content .usage-summary-section p{color:#6b7280;margin-bottom:2rem;font-size:1rem}.app-licence-content .usage-analytics-content .usage-summary-section .summary-cards{display:flex;gap:1.5rem;flex-wrap:wrap}.app-licence-content .usage-analytics-content .usage-summary-section .summary-cards .summary-card{flex:1;min-width:200px;padding:1.5rem;border-radius:8px;text-align:center;border:1px solid #e5e7eb}.app-licence-content .usage-analytics-content .usage-summary-section .summary-cards .summary-card.active-users{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.app-licence-content .usage-analytics-content .usage-summary-section .summary-cards .summary-card.residential-units{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.app-licence-content .usage-analytics-content .usage-summary-section .summary-cards .summary-card.storage-used{background:linear-gradient(135deg,#e9d5ff,#c4b5fd);border-color:#a78bfa}.app-licence-content .usage-analytics-content .usage-summary-section .summary-cards .summary-card.api-calls{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#f59e0b}.app-licence-content .usage-analytics-content .usage-summary-section .summary-cards .summary-card .summary-value{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.app-licence-content .usage-analytics-content .usage-summary-section .summary-cards .summary-card .summary-label{font-size:.875rem;color:#374151;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.app-licence-content .overview-stats,.app-licence-content .analytics-grid{grid-template-columns:1fr}.app-licence-content .info-cards-container,.app-licence-content .license-main-content,.app-licence-content .license-summary-stats,.app-licence-content .subscription-main-content{grid-template-columns:1fr;gap:1.5rem}.app-licence-content .license-info .info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.app-licence-content .license-info .info-row .label{min-width:auto}}.terms-conditions-container{font-family:Arial,sans-serif;margin:0;line-height:1.6}.terms-conditions-container .terms-container{margin:20px auto;background:#fff;box-shadow:0 10px 30px #0000001a;border-radius:12px;overflow:hidden}.terms-conditions-container .header h1{margin:0 0 10px;font-size:28px;font-weight:600}.terms-conditions-container .header p{margin:0;opacity:.9;font-size:16px}.terms-conditions-container .term-content{padding:20px}.terms-conditions-container .intro{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:30px;border-left:4px solid #667eea}.terms-conditions-container .intro p{margin:0;color:#666;font-size:15px;font-weight:500}.terms-conditions-container .terms-section{margin-bottom:25px}.terms-conditions-container .terms-section h2{color:#333;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.terms-conditions-container .terms-section p{color:#555;font-size:14px;line-height:1.6;margin:0 0 15px}.terms-conditions-container .terms-section:last-child{margin-bottom:0}@media print{.terms-conditions-container{background:#fff}.terms-conditions-container .container{box-shadow:none;margin:0;border-radius:0}.terms-conditions-container .header{background:#667eea!important;-webkit-print-color-adjust:exact;color-adjust:exact}}.roles-card-container{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:flex-start}.roles-summary-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-top:20px}.roles-card-footer{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-top:1.5rem}.roles-card-footer .roles-card-footer-header{display:flex;flex-direction:row;gap:10px}.roles-card-footer .roles-card-footer-header .roles-card-footer-header-icon{width:20px;height:20px;color:#3b82f6}.role-assignments-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.role-assign-card{background:#fff;border-radius:12px;padding:24px;display:flex;gap:32px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;margin-bottom:16px}.role-assign-card .user-details-section{display:flex;flex-direction:row;align-items:flex-start;min-width:280px;flex:1}.role-assign-card .user-details-section .user-avatar{width:50px;height:50px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.role-assign-card .user-details-section .user-avatar .avatar-initials{font-size:24px;font-weight:600;color:#008c9c}.role-assign-card .user-details-section .user-info{flex:1}.role-assign-card .user-details-section .user-info .user-name-container{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.role-assign-card .user-details-section .user-info .user-name-container .user-name{font-size:20px;font-weight:700;color:#1f2937;margin:0}.role-assign-card .user-details-section .user-info .user-name-container .pending-changes-indicator{display:flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.role-assign-card .user-details-section .user-info .user-name-container .pending-changes-indicator .clock-icon{width:14px;height:14px}.role-assign-card .user-details-section .user-info .contact-info{display:flex;flex-direction:column;gap:8px}.role-assign-card .user-details-section .user-info .contact-info .contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.role-assign-card .user-details-section .user-info .contact-info .contact-item .contact-icon{width:16px;height:16px;color:#9ca3af}.role-assign-card .role-management-section{margin-right:20px;display:flex;flex-direction:row;gap:16px;flex:1;justify-content:flex-start}.role-assign-card .role-management-section .section-title{font-size:14px;font-weight:500;color:#9ca3af;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.role-assign-card .role-management-section .current-roles{min-width:140px}.role-assign-card .role-management-section .current-roles .current-role-container{display:flex;flex-wrap:wrap;gap:8px}.role-assign-card .role-management-section .current-roles .current-role-container .current-role-badge{display:inline-flex;align-items:center;gap:8px;background:#e3f2fd;color:#008c9c;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.role-assign-card .role-management-section .current-roles .current-role-container .current-role-badge .role-icon{width:16px;height:16px}.role-assign-card .role-management-section .current-roles .role-name-display{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 18px;background:linear-gradient(135deg,#008c9c,#006b7a);color:#fff;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #008c9c40;transition:all .2s ease}.role-assign-card .role-management-section .current-roles .role-name-display:hover{box-shadow:0 4px 12px #008c9c59;transform:translateY(-1px)}.role-assign-card .role-management-section .current-roles .role-name-display .role-name-icon{width:16px;height:16px;flex-shrink:0;opacity:.95}.role-assign-card .role-management-section .current-roles .role-name-display .role-name-label{opacity:.9;font-weight:500;letter-spacing:.3px}.role-assign-card .role-management-section .current-roles .role-name-display .role-name-value{font-weight:700;text-transform:capitalize;letter-spacing:.2px}.role-assign-card .role-management-section .assign-roles{min-width:160px}.role-assign-card .role-management-section .assign-roles .role-options{display:flex;flex-direction:column;gap:12px}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 0}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label .role-checkbox{display:none}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label .checkbox-custom{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label .checkbox-custom:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label .role-checkbox:checked+.checkbox-custom{background:#008c9c;border-color:#008c9c}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label .role-checkbox:checked+.checkbox-custom:after{opacity:1}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label .role-option-icon{width:20px;height:20px;color:#6b7280}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label .role-option-name{font-size:14px;font-weight:500;color:#374151}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label:hover .checkbox-custom{border-color:#008c9c}.role-assign-card .role-management-section .assign-roles .role-options .role-option .role-checkbox-label:hover .role-option-icon{color:#008c9c}.role-assign-card .role-management-section .new-roles{min-width:140px}.role-assign-card .role-management-section .new-roles .new-role-container{display:flex;flex-wrap:wrap;gap:8px}.role-assign-card .role-management-section .new-roles .new-role-container .new-role-badge{display:inline-flex;align-items:center;gap:8px;background:#e3f2fd;color:#008c9c;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.role-assign-card .role-management-section .new-roles .new-role-container .new-role-badge .role-icon{width:16px;height:16px}.role-assign-card .role-management-section .role-dropdown-section{min-width:160px}.role-assign-card .role-management-section .role-dropdown-section .form-group{margin-bottom:0}.role-assign-card .role-management-section .password-options{min-width:160px}.role-assign-card .role-management-section .password-options .password-option-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 0}.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label .password-checkbox{display:none}.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label .checkbox-custom{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label .checkbox-custom:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label .password-checkbox:checked+.checkbox-custom{background:#008c9c;border-color:#008c9c}.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label .password-checkbox:checked+.checkbox-custom:after{opacity:1}.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label .password-option-text{font-size:14px;font-weight:500;color:#374151;white-space:nowrap}.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label:hover .checkbox-custom{border-color:#008c9c}.role-assign-card .role-management-section .password-options .new-password-section .password-input-container{position:relative;display:flex;align-items:center;margin-bottom:12px}.role-assign-card .role-management-section .password-options .new-password-section .password-input-container .password-input{width:100%;padding:12px 40px 12px 12px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:all .2s ease}.role-assign-card .role-management-section .password-options .new-password-section .password-input-container .password-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 3px #008c9c1a}.role-assign-card .role-management-section .password-options .new-password-section .password-input-container .password-input::placeholder{color:#9ca3af}.role-assign-card .role-management-section .password-options .new-password-section .password-input-container .password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s ease}.role-assign-card .role-management-section .password-options .new-password-section .password-input-container .password-toggle-btn:hover{color:#008c9c}.role-assign-card .role-management-section .password-options .new-password-section .save-password-btn{background:#008c9c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.role-assign-card .role-management-section .password-options .new-password-section .save-password-btn:hover:not(:disabled){background:#006b7a;transform:translateY(-1px);box-shadow:0 4px 8px #008c9c33}.role-assign-card .role-management-section .password-options .new-password-section .save-password-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.role-assign-card .action-buttons{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.role-assign-card .action-buttons .reset-button,.role-assign-card .action-buttons .apply-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.role-assign-card .action-buttons .reset-button:hover,.role-assign-card .action-buttons .apply-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.role-assign-card .action-buttons .reset-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.role-assign-card .action-buttons .reset-button:hover{background:#e5e7eb;border-color:#9ca3af}.role-assign-card .action-buttons .apply-button{background:#3b82f6;color:#fff}.role-assign-card .action-buttons .apply-button:hover{background:#2563eb}@media (max-width: 768px){.role-assign-card{flex-direction:column;gap:24px;padding:20px;margin-bottom:12px}.role-assign-card .user-details-section{min-width:auto}.role-assign-card .user-details-section .user-avatar{width:60px;height:60px}.role-assign-card .user-details-section .user-avatar .avatar-initials{font-size:20px}.role-assign-card .user-details-section .user-info .user-name-container .user-name{font-size:18px}.role-assign-card .user-details-section .user-info .user-name-container .pending-changes-indicator{font-size:11px;padding:3px 10px}.role-assign-card .user-details-section .user-info .user-name-container .pending-changes-indicator .clock-icon{width:12px;height:12px}.role-assign-card .user-details-section .user-info .contact-info .contact-item{font-size:13px}.role-assign-card .role-management-section{flex-direction:column;gap:20px}.role-assign-card .role-management-section .current-roles,.role-assign-card .role-management-section .assign-roles,.role-assign-card .role-management-section .new-roles,.role-assign-card .role-management-section .password-options{min-width:auto}.role-assign-card .role-management-section .current-roles .role-name-display,.role-assign-card .role-management-section .assign-roles .role-name-display,.role-assign-card .role-management-section .new-roles .role-name-display,.role-assign-card .role-management-section .password-options .role-name-display{font-size:13px;padding:8px 16px;margin-top:10px}.role-assign-card .role-management-section .role-options .role-option .role-checkbox-label .role-option-name,.role-assign-card .role-management-section .password-options .password-option-container .password-option .password-checkbox-label .password-option-text,.role-assign-card .role-management-section .password-options .new-password-section .password-input-container .password-input{font-size:13px}.role-assign-card .role-management-section .password-options .new-password-section .save-password-btn{font-size:13px;padding:8px 16px}}.search-filter-section{display:flex;gap:12px;align-items:center;flex-wrap:nowrap;justify-content:space-between}.search-filter-section .search-filter-container{display:flex;gap:12px;align-items:center;flex-wrap:nowrap;width:50%;flex-shrink:0}.search-filter-section .search-filter-left{flex:1;min-width:0}.search-filter-section .filter-dropdown{position:relative;width:120px;flex-shrink:0}.search-filter-section .filter-dropdown .role-filter-select{padding:10px 34px 10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;color:#374151;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease}.search-filter-section .filter-dropdown .dropdown-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#6b7280;pointer-events:none}.search-filter-section .role-action-buttons{flex-shrink:0;margin-left:auto}.role-assignments-container{background:#f8f9fa;border-radius:12px;padding:0;margin-bottom:20px}.role-assignments-card-footer{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-top:1.5rem}.role-assignments-summary-container{display:flex;flex-direction:row;margin-top:20px;gap:50px}.role-assignments-card-footer-header{display:flex;flex-direction:row;gap:10px}.role-assignments-card-footer-header-icon{width:20px;height:20px;color:#008c9c}.role-action-buttons{display:flex;gap:12px}.role-action-buttons .reset-all-button,.role-action-buttons .apply-all-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.role-action-buttons .reset-all-button:hover,.role-action-buttons .apply-all-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.role-action-buttons .reset-all-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.role-action-buttons .reset-all-button:hover{background:#e5e7eb;border-color:#9ca3af}.role-action-buttons .apply-all-button{background:#3b82f6;color:#fff}.role-action-buttons .apply-all-button:hover{background:#2563eb}.invoice-override-page{min-height:100vh}.invoice-override-page .page-header{display:flex;align-items:center;margin-bottom:32px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.invoice-override-page .page-header .header-icon{width:48px;height:48px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff}.invoice-override-page .page-header .header-content h1{margin:0 0 8px;font-size:24px;font-weight:600;color:#1f2937}.invoice-override-page .page-header .header-content p{margin:0;color:#6b7280;font-size:14px}.invoice-override-page .search-section{margin-bottom:24px}.invoice-override-page .invoice-details-section,.invoice-override-page .line-items-section,.invoice-override-page .summary-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:100%}.invoice-override-page .invoice-details-section .section-header,.invoice-override-page .line-items-section .section-header,.invoice-override-page .summary-section .section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.invoice-override-page .invoice-details-section .section-header .section-label,.invoice-override-page .line-items-section .section-header .section-label,.invoice-override-page .summary-section .section-header .section-label{font-size:16px;font-weight:600;color:#008c9c;text-transform:uppercase;letter-spacing:.5px}.invoice-override-page .search-section{background:#f3f4f6;border-radius:12px;padding:24px;margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box}.invoice-override-page .search-section .section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.invoice-override-page .search-section .section-header .section-label{font-size:16px;font-weight:600;color:#008c9c;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.invoice-override-page .search-section .section-header .section-label:before{content:"🔍";font-size:18px}.invoice-override-page .search-section .search-form{display:flex;align-items:end;gap:20px;width:100%}.invoice-override-page .search-section .search-form .field-group{flex:1;min-width:0}.invoice-override-page .search-section .search-form .field-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.invoice-override-page .search-section .search-form .field-group .unit-input{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.invoice-override-page .search-section .search-form .field-group .unit-input:focus{outline:none;border-color:#3b82f6}.invoice-override-page .search-section .search-form .fetch-btn{height:fit-content;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.invoice-override-page .search-section .search-form .fetch-btn:hover{background:#2563eb}.invoice-override-page .invoice-details-section .invoice-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.invoice-override-page .invoice-details-section .invoice-details-grid .detail-item{display:flex;flex-direction:column;gap:8px}.invoice-override-page .invoice-details-section .invoice-details-grid .detail-item label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.invoice-override-page .invoice-details-section .invoice-details-grid .detail-item .detail-value{font-size:16px;font-weight:600;color:#1f2937}.invoice-override-page .invoice-details-section .invoice-details-grid .detail-item .detail-value.amount{color:#059669}.invoice-override-page .invoice-details-section .invoice-details-grid .detail-item .status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice-override-page .invoice-details-section .invoice-details-grid .detail-item .status-badge.partially-paid{background:#fef3c7;color:#92400e}.invoice-override-page .line-items-section .custom-table-container .custom-table{width:100%;border-collapse:collapse}.invoice-override-page .line-items-section .custom-table-container .custom-table thead tr{background:#f9fafb}.invoice-override-page .line-items-section .custom-table-container .custom-table thead tr th{padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:14px}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr{border-bottom:1px solid #e5e7eb}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr:hover{background:#f9fafb}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td{padding:16px;font-size:14px;color:#374151}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .line-item-number{font-weight:600;color:#1f2937}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .description-text{color:#374151}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .type-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .type-badge.charge{background:#dbeafe;color:#1e40af}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .type-badge.late-fee{background:#fee2e2;color:#dc2626}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .amount-text{font-weight:600;color:#059669}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .status-text{color:#6b7280}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container{position:relative;display:inline-block;width:32px;height:32px;overflow:visible}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-trigger{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:#6b7280;width:100%;height:100%}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-trigger:hover{background-color:#f3f4f6;color:#374151}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-trigger:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;width:90px;overflow:hidden;margin-top:4px}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-menu .dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;font-size:12px;color:#374151;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-menu .dropdown-item:last-child{border-bottom:none}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-menu .dropdown-item:hover{background-color:#f9fafb;color:#1f2937}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-menu .dropdown-item.active{background-color:#eff6ff;color:#1e40af;font-weight:600}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-menu .dropdown-item:focus{outline:none;background-color:#f3f4f6}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .no-actions{color:#9ca3af}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .comment-cell .comment-text{color:#374151;flex:1;min-width:0}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .comment-cell .more-btn{color:#3b82f6;text-decoration:underline;cursor:pointer;flex-shrink:0}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .comment-cell .more-btn:hover{color:#2563eb}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .no-comment{color:#9ca3af;font-style:italic}.invoice-override-page .summary-section .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.invoice-override-page .summary-section .summary-cards .summary-card{padding:20px;background:#f9fafb;border-radius:8px;border:2px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}.invoice-override-page .summary-section .summary-cards .summary-card.final{border-color:#008c9c;background:#eff6ff}.invoice-override-page .summary-section .summary-cards .summary-card label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.invoice-override-page .summary-section .summary-cards .summary-card .summary-value{font-size:18px;font-weight:700;color:#1f2937}.invoice-override-page .summary-section .summary-cards .summary-card .summary-value.final{color:#059669}.invoice-override-page .footer-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px}.invoice-override-page .footer-actions .cancel-btn{padding:12px 24px;border:2px solid #d1d5db;background:transparent;color:#374151;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.invoice-override-page .footer-actions .cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.invoice-override-page .footer-actions .submit-btn{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.invoice-override-page .footer-actions .submit-btn:hover{background:#2563eb}.invoice-override-page .comment-modal{min-width:500px;max-width:700px;width:100%}.invoice-override-page .comment-modal .comment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.invoice-override-page .comment-modal .comment-modal-header .comment-modal-title{margin:0;font-size:18px;font-weight:600;color:#1f2937}.invoice-override-page .comment-modal .comment-modal-header .close-btn{padding:4px;min-width:auto;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.invoice-override-page .comment-modal .comment-modal-header .close-btn:hover{background-color:#f3f4f6}.invoice-override-page .comment-modal .comment-modal-contents{margin-bottom:20px}.invoice-override-page .comment-modal .comment-modal-contents .comment-texts{padding:15px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;line-height:1.6;color:#374151;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}.invoice-override-page .comment-modal .comment-modal-footer{display:flex;justify-content:flex-end;padding-top:15px;border-top:1px solid #e5e7eb}.invoice-override-page .comment-modal .comment-modal-footer .close-button{min-width:100px}@media (max-width: 768px){.invoice-override-page{padding:16px}.invoice-override-page .search-section .search-form{flex-direction:column;align-items:stretch}.invoice-override-page .search-section .search-form .form-fields{flex-direction:column}.invoice-override-page .invoice-details-section .invoice-details-grid,.invoice-override-page .summary-section .summary-cards{grid-template-columns:1fr}.invoice-override-page .footer-actions{flex-direction:column}.invoice-override-page .comment-modal{min-width:90vw;max-width:90vw}.invoice-override-page .line-items-section .custom-table-container .custom-table tbody tr td .action-dropdown-container .action-dropdown-menu{right:0;left:auto;width:90px;top:100%;margin-top:4px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.override-waiveoff-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-headers{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-title{font-size:20px;font-weight:600;color:#111827;margin:0}.close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease}.close-btn:hover{background-color:#f3f4f6;color:#374151}.close-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-form{padding:0 24px 24px}.form-content{display:flex;flex-direction:column}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.form-input{padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder{color:#9ca3af}.form-textarea{padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s ease;background-color:#fff}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea::placeholder{color:#9ca3af}.error-message{color:#ef4444;font-size:12px;font-weight:500;margin-top:4px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 640px){.override-waiveoff-modal{width:95%;margin:20px}.modal-header{padding:20px 20px 0}.modal-form{padding:0 20px 20px}.modal-title{font-size:18px}.modal-footer{flex-direction:column;gap:8px}}.audit-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.audit-item:hover{box-shadow:0 4px 12px #00000026;border-color:#d1d5db}.audit-item__left{flex-shrink:0}.audit-item__icons{display:flex;flex-direction:column;align-items:center;gap:8px}.audit-item__action-icon{width:25px;height:25px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.audit-item__action-icon--create{background:#3b82f6}.audit-item__action-icon--update{background:#10b981}.audit-item__action-icon--delete{background:#ef4444}.audit-item__action-icon--read{background:#8b5cf6}.audit-item__action-icon--default{background:#6b7280}.audit-item__status-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.audit-item__status-icon--success{background:#10b981}.audit-item__status-icon--warning{background:#f59e0b}.audit-item__status-icon--error{background:#ef4444}.audit-item__status-icon--default{background:#6b7280}.audit-item__content{flex:1;min-width:0}.audit-item__main{display:flex;flex-direction:column;gap:12px}.audit-item__action{font-size:16px;font-weight:600;color:#111827;margin:0;line-height:1.4}.audit-item__meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.audit-item__initiator,.audit-item__timestamp{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.audit-item__meta-icon{color:#9ca3af;flex-shrink:0}.audit-item__details{display:flex;flex-direction:column;gap:8px;margin-top:8px}.audit-item__detail-item{display:flex;align-items:center;gap:8px;font-size:14px}.audit-item__detail-label{font-weight:500;color:#374151;min-width:80px}.audit-item__detail-value{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f9fafb;padding:2px 6px;border-radius:4px;font-size:13px}.audit-item__right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.audit-item__view-details-btn{display:flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.audit-item__view-details-btn:hover{background:#2563eb;transform:translateY(-1px)}.audit-item__view-details-btn:active{transform:translateY(0)}.audit-item__view-details-btn svg{flex-shrink:0}.audit-item__badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.audit-item__badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.audit-item__badge--success{background:#d1fae5;color:#047857}.audit-item__badge--warning{background:#fef3c7;color:#d97706}.audit-item__badge--error{background:#fee2e2;color:#dc2626}.audit-item__badge--action{background:#e0e7ff;color:#3730a3}@media (max-width: 768px){.audit-item{flex-direction:column;gap:12px}.audit-item__right{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.audit-item__badges{flex-direction:row;gap:8px}.audit-item__meta{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.audit-item{padding:16px}.audit-item__action{font-size:15px}.audit-item__view-details-btn{padding:6px 12px;font-size:13px}.audit-item__badge{font-size:11px;padding:3px 8px}}.notifications-page{padding:24px;max-width:1200px;margin:0 auto}.notifications-page .notifications-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.notifications-page .notifications-header .header-content h2{margin:0;display:flex;align-items:center;gap:8px}.notifications-page .notifications-header .header-content h2 .anticon{color:#008c9c}.notifications-page .notifications-header .header-content .ant-typography{margin:4px 0 0}.notifications-page .notifications-header .header-actions .ant-btn-group .ant-btn{border-radius:6px}.notifications-page .notifications-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.notifications-page .notifications-card .ant-card-body{padding:0}.notifications-page .notifications-list .notification-item{padding:16px 24px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:all .2s ease;position:relative}.notifications-page .notifications-list .notification-item:hover{background-color:#f5f5f5}.notifications-page .notifications-list .notification-item:last-child{border-bottom:none}.notifications-page .notifications-list .notification-item.unread{background-color:#e6f7ff;border-left:4px solid rgb(0,140,156)}.notifications-page .notifications-list .notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#008c9c}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar{margin-right:16px;position:relative}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar .notification-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f0f0f0;border-radius:50%}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar .notification-avatar .notification-icon{font-size:18px}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar .notification-avatar .unread-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background-color:#ff4d4f;border-radius:50%;border:2px solid white}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .notification-title{margin-bottom:8px}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .notification-title .ant-typography{margin:0}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .notification-title .ant-tag{margin-left:8px;font-size:10px;padding:2px 6px;border-radius:4px}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .notification-description .ant-typography{margin:0;line-height:1.4}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .notification-description .notification-meta{margin-top:4px;display:flex;gap:8px;align-items:center}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .notification-description .notification-meta .ant-typography{font-size:12px;color:#00000073}@media (max-width: 768px){.notifications-page{padding:16px}.notifications-page .notifications-header{flex-direction:column;gap:16px;align-items:stretch}.notifications-page .notifications-header .header-actions .ant-btn-group{width:100%;display:flex}.notifications-page .notifications-header .header-actions .ant-btn-group .ant-btn{flex:1}.notifications-page .notifications-header .header-actions .ant-space{width:100%;justify-content:stretch}.notifications-page .notifications-header .header-actions .ant-space .ant-btn{flex:1}.notifications-page .notifications-list .notification-item{padding:12px 16px}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar{margin-right:12px}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar .notification-avatar{width:32px;height:32px}.notifications-page .notifications-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar .notification-avatar .notification-icon{font-size:14px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-item{animation:slideInUp .3s ease-out}.ant-empty{padding:48px 24px}.ant-empty .ant-empty-description .ant-typography{color:#00000073}.notifications-header .header-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.notifications-title{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0}.notifications-card{border-radius:8px;background:#fff;border:1px solid #f0f0f0;padding:12px}.notifications-list{list-style:none;margin:0;padding:0}.notifications-list .notification-item{display:flex;gap:12px;padding:16px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer}.notifications-list .notification-item:hover{background:#f5f5f5}.notifications-list .notification-item:last-child{border-bottom:none}.notifications-list .notification-item.unread{background:#e6f7ff}.notification-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f0f0f0;border-radius:50%}.notification-icon{font-size:18px}.unread-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background-color:#ff4d4f;border-radius:50%;border:2px solid #fff}.notification-content{flex:1;min-width:0}.notification-title{display:flex;align-items:center;gap:8px}.notification-description{margin-top:4px}.notification-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.secondary-text{color:#00000073}.type-tag{display:inline-block;font-size:12px;line-height:18px;padding:0 8px;border-radius:999px;border:1px solid #d9d9d9;text-transform:capitalize}.type-success{color:#389e0d;border-color:#b7eb8f;background:#f6ffed}.type-error{color:#cf1322;border-color:#ffa39e;background:#fff1f0}.type-warning{color:#d48806;border-color:#ffe58f;background:#fffbe6}.type-processing{color:#008c9c;border-color:#91caff;background:#e6f4ff}.badge{display:inline-block;min-width:18px;padding:0 6px;font-size:12px;line-height:18px;color:#fff;text-align:center;background:#008c9c;border-radius:9px}.divider{height:1px;background:#f0f0f0;margin:8px 0 12px}.button-group{display:inline-flex;gap:8px;margin-right:8px}.btn{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid #d9d9d9;background:#fff;color:#262626;border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn:hover{background:#f5f5f5}.btn-primary{background:#008c9c;border-color:#008c9c;color:#fff}.btn-primary:hover{background:#007a8a;border-color:#007a8a}.btn-default{background:#fff}.btn-danger{background:#fff5f5;color:#cf1322;border-color:#ffa39e}.btn-danger:hover{background:#ffecec}.empty-state{display:flex;align-items:center;gap:12px;padding:12px;color:#8c8c8c}.empty-icon{font-size:20px}.profile-container-wrapper{margin:0 auto}.profile-container-wrapper h2{color:#333;margin-bottom:30px;font-size:28px;font-weight:600}.profile-layout{display:flex;gap:50px;align-items:flex-start}.profile-sidebar{flex:0 0 300px;background:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px;position:sticky;top:20px}.profile-content{flex:1;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px;margin-bottom:20px;background:#f8f9fa}.profile-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px;margin-bottom:20px}.profile-header{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.profile-header .profile-image-container{position:relative;display:flex;align-items:center;justify-content:center}.profile-header .profile-image-container .profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid #e0e0e0}.profile-header .profile-image-container .profile-avatar .profile-avatar-image{width:100%;height:100%;object-fit:cover}.profile-header .profile-image-container .profile-avatar .profile-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;border-radius:50%}.profile-header .profile-image-container .upload-button{position:absolute;bottom:0;right:0;background:#007bff;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .3s ease}.profile-header .profile-image-container .upload-button:hover{background:#0056b3;transform:scale(1.1)}.profile-header .profile-image-container .upload-button svg{width:18px;height:18px;color:#fff!important;fill:#fff!important;stroke:#fff!important;stroke-width:2;display:block;flex-shrink:0;margin:0;padding:0}.profile-header .profile-image-container .upload-button *{color:#fff!important;fill:#fff!important;stroke:#fff!important}.profile-header .profile-info{text-align:center;width:100%}.profile-header .profile-info .profile-name{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.profile-header .profile-info .profile-name p{font-size:20px;font-weight:600;margin:0}.profile-header .profile-info .profile-name .edit-profile-btn{background:#007bff;color:#fff;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.profile-header .profile-info .profile-name .edit-profile-btn:hover{background:#0056b3;transform:scale(1.1)}.profile-header .profile-info .profile-name .edit-profile-btn svg{font-size:18px}.profile-header .profile-info .profile-email{font-size:14px;opacity:.7}.profile-header .profile-info .profile-role{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.profile-password-section{margin-top:20px;padding-top:20px}.profile-password-section .change-password-btn{width:100%;margin-bottom:10px}.profile-password-section .password-change-form h4{font-size:16px;font-weight:600;margin:0 0 15px}.profile-password-section .password-change-form .profile-edit-actions{display:flex;flex-direction:column;gap:10px;margin-top:15px}.profile-password-section .password-change-form .profile-edit-actions button{width:100%}.profile-password-section .profile-section-buttons{display:flex;flex-direction:column;gap:10px}.profile-edit-container{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px}.profile-edit-container h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.profile-edit-container .profile-role-display{margin:15px 0;padding:10px;background:#e9ecef;border-radius:6px;border-left:4px solid #007bff}.profile-edit-container .profile-role-display label{margin:0;font-weight:500}.profile-edit-container .profile-edit-actions{display:flex;gap:15px;margin-top:20px;justify-content:flex-end}.profile-loading-skeleton{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px}.profile-menu-section{padding-top:20px}.profile-menu-section h3{margin:0 0 20px;font-size:20px;font-weight:600}.profile-menu-list{display:flex;flex-direction:column;gap:8px}.profile-menu-item{display:flex;align-items:center;padding:12px 0;cursor:pointer;transition:all .3s ease;border:none;background:transparent;border-bottom:1px solid transparent}.profile-menu-item:hover{color:#008c9c}.profile-menu-item.active{color:#008c9c;font-weight:600;border-bottom:2px solid #008c9c;background:#008c9c0d}.profile-menu-item.active .profile-menu-label{color:#008c9c;font-weight:600}.profile-menu-item .profile-menu-label{color:#008c9c;font-size:16px;font-weight:500;transition:all .3s ease}.member-details-section{margin-bottom:40px}.member-details-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}.member-details-display .member-info-section{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.member-details-display .member-info-section h4{margin:0 0 15px;font-size:18px;font-weight:600;color:#333;padding-bottom:8px}.member-details-display .member-info-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.member-details-display .member-info-section .section-header h4{margin:0;border-bottom:none;padding-bottom:0}.member-details-display .member-info-section .section-header .edit-personal-info-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.member-details-display .member-info-section .section-header .edit-personal-info-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.member-details-display .member-info-section .profile-info-grid{display:grid;grid-template-columns:1fr;gap:15px}@media (min-width: 768px){.member-details-display .member-info-section .profile-info-grid{grid-template-columns:1fr 1fr}}.member-details-display .member-info-section .info-item{display:flex;flex-direction:column;gap:5px;padding:8px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff;height:12vh}.member-details-display .member-info-section .info-item .info-label{font-weight:600;color:#555;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.member-details-display .member-info-section .info-item .info-value{color:#333;font-size:16px;word-break:break-word;line-height:1.4}.member-details-display .member-info-section .json-details summary{list-style:none;padding:10px 15px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.member-details-display .member-info-section .json-details summary:hover{background:#e9ecef}.member-details-display .member-info-section .json-details summary::-webkit-details-marker{display:none}.member-details-display .member-info-section .json-details summary:before{content:"▶";margin-right:8px;transition:transform .3s ease}.member-details-display .member-info-section .json-details[open] summary:before{transform:rotate(90deg)}.member-details-display .member-info-section .json-details .json-display{margin-top:15px}.member-details-display .member-info-section .json-details .json-display pre{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e0e0e0;overflow:auto;font-size:12px;line-height:1.5;max-height:300px;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace}.account-section,.password-section{margin-bottom:40px}.account-section h3,.password-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}.account-form .profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.account-form .profile-form-row{grid-template-columns:1fr}}.personal-info-form .profile-form-row{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}@media (max-width: 768px){.personal-info-form .profile-form-row{grid-template-columns:1fr}}.personal-info-form .profile-form-row:first-child{grid-template-columns:1fr}.personal-info-form .profile-form-actions{margin-top:20px;display:flex;justify-content:flex-start}.personal-info-form .profile-form-actions .save-change-btn{background:#000;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.personal-info-form .profile-form-actions .save-change-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.password-form{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.password-form .password-profile-form-row{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}@media (max-width: 768px){.password-form .password-profile-form-row{flex-direction:column;gap:15px}}.password-form .form-actions{margin-top:20px;display:flex;justify-content:flex-start}.password-form .form-actions .save-change-btn{background:#000;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.password-form .form-actions .save-change-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.terms-conditions-section{margin-bottom:40px}.terms-conditions-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}.terms-conditions-section .terms-container{background:#fff;box-shadow:0 10px 30px #0000001a;border-radius:12px;overflow:hidden;margin-top:20px;margin-bottom:20px}.terms-conditions-section .term-content{padding:20px}.terms-conditions-section .intro{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:30px;border-left:4px solid #667eea}.terms-conditions-section .intro p{margin:0;color:#666;font-size:15px;font-weight:500}.terms-conditions-section .terms-section{margin-bottom:25px}.terms-conditions-section .terms-section h2{color:#333;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.terms-conditions-section .terms-section p{color:#555;font-size:14px;line-height:1.6;margin:0 0 15px}.terms-conditions-section .terms-section:last-child{margin-bottom:0}.default-content{text-align:center;padding:60px 20px}.default-content h3{margin:0 0 15px;font-size:24px;font-weight:600;color:#333}.default-content p{font-size:16px;color:#666;line-height:1.5}.account-form .profile-form-row,.password-form .profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.account-form .profile-form-row,.password-form .profile-form-row{grid-template-columns:1fr}}.account-form .form-group,.password-form .form-group{display:flex;flex-direction:column;gap:8px}.account-form .form-group label,.password-form .form-group label{font-size:14px;font-weight:500;color:#333;margin-bottom:5px}.account-form .form-group input,.password-form .form-group input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.account-form .form-group input:focus,.password-form .form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;background:#fff}.account-form .form-group input:read-only,.password-form .form-group input:read-only{cursor:not-allowed;opacity:.7;background:#f8f9fa}.account-form .password-form-actions,.password-form .password-form-actions{margin-top:20px;display:flex;gap:15px;justify-content:flex-end}@media (max-width: 768px){.account-form .password-form-actions,.password-form .password-form-actions{flex-direction:column;gap:10px}}.account-form .password-form-actions .save-change-btn,.password-form .password-form-actions .save-change-btn{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.account-form .password-form-actions .save-change-btn:hover:not(:disabled),.password-form .password-form-actions .save-change-btn:hover:not(:disabled){background:#45a049}.account-form .password-form-actions .save-change-btn:disabled,.password-form .password-form-actions .save-change-btn:disabled{background:#ccc;cursor:not-allowed}.account-form .password-form-actions .cancel-btn,.password-form .password-form-actions .cancel-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.account-form .password-form-actions .cancel-btn:hover,.password-form .password-form-actions .cancel-btn:hover{background:#5a6268}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:20px;font-weight:600}.modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close-btn:hover{background:#f0f0f0;color:#333}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa;border-radius:0 0 12px 12px}@media (max-width: 768px){.profile-container-wrapper{padding:15px}.profile-layout{flex-direction:column;gap:20px}.profile-sidebar{flex:none;position:static;width:100%}.profile-header{flex-direction:column;text-align:center;gap:20px}.profile-password-section .profile-edit-actions{flex-direction:column}.profile-menu-grid{grid-template-columns:1fr}.profile-edit-actions{flex-direction:column}.modal-content{max-width:95%;margin:10px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.preferences-container{display:flex;gap:40px;margin-top:20px}@media (max-width: 768px){.preferences-container{flex-direction:column;gap:30px}}.notification-section{flex:1;background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.notification-section h5{font-size:16px;font-weight:600;margin-bottom:20px;color:#2d3748}.notification-items{display:flex;flex-direction:column;gap:15px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.notification-item:last-child{border-bottom:none}.notification-label{flex:1}.notification-label span{font-size:14px;font-weight:500;color:#4a5568}.notification-toggle{display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#008c9c}input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-slider:hover{box-shadow:0 0 5px #0003}.dark-theme .preferences-container .notification-section{background:#2d3748;border-color:#4a5568}.dark-theme .preferences-container .notification-section h5{color:#e2e8f0}.dark-theme .preferences-container .notification-item{border-bottom-color:#4a5568}.dark-theme .preferences-container .notification-item .notification-label span{color:#a0aec0}.help-support-container{padding:40px 20px;max-width:1200px;margin:0 auto;background:#f8f9fa;min-height:100vh}.help-support-container .help-support-header{text-align:center;margin-bottom:40px}.help-support-container .help-support-header h1{color:#008c9c;font-size:36px;font-weight:700;margin:0 0 10px}.help-support-container .help-support-header .header-subtitle{color:#666;font-size:18px;margin:0 0 30px}.help-support-container .help-support-header .search-form{max-width:600px;margin:0 auto}.help-support-container .help-support-header .search-form .search-input-container{position:relative;display:flex;align-items:center}.help-support-container .help-support-header .search-form .search-input-container .search-icon{position:absolute;left:16px;color:#666;font-size:20px;z-index:1}.help-support-container .help-support-header .search-form .search-input-container .search-input{width:100%;padding:16px 16px 16px 50px;border:1px solid #e0e0e0;border-radius:12px;font-size:16px;background:#fff;outline:none;transition:all .3s ease}.help-support-container .help-support-header .search-form .search-input-container .search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.help-support-container .help-support-header .search-form .search-input-container .search-input::placeholder{color:#999}.help-support-container .information-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}@media (max-width: 768px){.help-support-container .information-cards{grid-template-columns:1fr}}.help-support-container .information-cards .info-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.help-support-container .information-cards .info-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.help-support-container .information-cards .info-card h3{color:#556176;font-size:20px;font-weight:600;margin:0 0 15px}.help-support-container .information-cards .info-card p{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.help-support-container .information-cards .info-card .card-link{background:none;border:none;color:#008c9c;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease}.help-support-container .information-cards .info-card .card-link:hover{color:#0056b3}.help-support-container .information-cards .info-card .card-link svg{font-size:16px}.help-support-container .support-request-section{text-align:center;margin-bottom:40px}.help-support-container .support-request-section h2{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.help-support-container .support-request-section p{color:#666;font-size:16px;margin:0 0 30px}.help-support-container .support-request-section .support-status-box{max-width:500px;margin:0 auto;background:#fff;border:2px dashed #e0e0e0;border-radius:12px;padding:40px 30px;text-align:center}.help-support-container .support-request-section .support-status-box .status-icon{width:60px;height:60px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.help-support-container .support-request-section .support-status-box .status-icon .exclamation-icon{width:30px;height:30px;border-radius:50%;background:#ccc;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.help-support-container .support-request-section .support-status-box .status-message{color:#999;font-size:16px;margin:0 0 20px}.help-support-container .support-request-section .support-status-box .create-request-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.help-support-container .support-request-section .support-status-box .create-request-btn:hover{background:#0056b3;transform:translateY(-1px)}.help-support-container .contact-us-section{margin-bottom:40px}.help-support-container .contact-us-section h2{color:#333;font-size:24px;font-weight:600;text-align:center;margin:0 0 30px}.help-support-container .contact-us-section .contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.help-support-container .contact-us-section .contact-cards{grid-template-columns:1fr}}.help-support-container .contact-us-section .contact-cards .contact-card{background:#fff;padding:30px 20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:all .3s ease}.help-support-container .contact-us-section .contact-cards .contact-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.help-support-container .contact-us-section .contact-cards .contact-card .contact-card-icon{font-size:32px;color:#008c9c;margin-bottom:15px}.help-support-container .contact-us-section .contact-cards .contact-card h3{color:#333;font-size:18px;font-weight:600;margin:0 0 10px}.help-support-container .contact-us-section .contact-cards .contact-card p{color:#666;font-size:14px;margin:0}.help-support-container .emergency-contacts-section h2{color:#333;font-size:24px;font-weight:600;text-align:center;margin:0 0 30px}.help-support-container .emergency-contacts-section .emergency-contacts-list{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.help-support-container .emergency-contacts-section .emergency-contacts-list .emergency-contact-item{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #f0f0f0}.help-support-container .emergency-contacts-section .emergency-contacts-list .emergency-contact-item:last-child{border-bottom:none}.help-support-container .emergency-contacts-section .emergency-contacts-list .emergency-contact-item .contact-role{color:#333;font-size:16px;font-weight:500}.help-support-container .emergency-contacts-section .emergency-contacts-list .emergency-contact-item .contact-number{color:#008c9c;font-size:16px;font-weight:600}.feedback-container{padding:20px;max-width:1200px;margin:0 auto;background-color:#f8f9fa;min-height:100vh}.feedback-container .feedback-header{text-align:center;margin-bottom:40px}.feedback-container .feedback-header h2{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#2c3e50}.feedback-container .feedback-header p{font-size:1.1rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.6}.feedback-container .feedback-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:0 auto}@media (max-width: 768px){.feedback-container .feedback-content{grid-template-columns:1fr;gap:20px}}.feedback-container .feedback-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:30px}.feedback-container .feedback-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.feedback-container .feedback-card h3{font-size:1.5rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.feedback-container .feedback-card p{color:#6c757d;margin-bottom:20px;line-height:1.5}.feedback-container .app-store-buttons{display:flex;gap:15px;margin-top:20px}@media (max-width: 480px){.feedback-container .app-store-buttons{flex-direction:column}}.feedback-container .app-store-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.feedback-container .app-store-btn.app-store{background:#00c7c1;color:#fff}.feedback-container .app-store-btn.app-store:hover{background:linear-gradient(135deg,#0056cc,#003d99);transform:translateY(-2px)}.feedback-container .app-store-btn.play-store{background:#008c9c;color:#fff}.feedback-container .app-store-btn.play-store:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);transform:translateY(-2px)}.feedback-container .app-store-btn .store-icon{font-size:1.2rem}.feedback-container .rating-section{margin:20px 0}.feedback-container .star-rating{display:flex;gap:5px;margin-bottom:15px}.feedback-container .star-rating .star-btn{background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s ease}.feedback-container .star-rating .star-btn:hover{transform:scale(1.1)}.feedback-container .star-rating .star-btn:focus{outline:none}.feedback-container .feedback-textarea{width:100%;padding:15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.feedback-container .feedback-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.feedback-container .feedback-textarea::placeholder{color:#adb5bd}.feedback-container .submit-btn{width:100%;margin-top:15px;padding:12px 24px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.feedback-container .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.feedback-container .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.feedback-container{padding:15px}.feedback-container .feedback-header{margin-bottom:30px}.feedback-container .feedback-header h2{font-size:2rem}.feedback-container .feedback-header p{font-size:1rem}.feedback-container .feedback-card{padding:20px}.feedback-container .feedback-card h3{font-size:1.3rem}}@media (max-width: 480px){.feedback-container .feedback-header h2{font-size:1.8rem}.feedback-container .feedback-card{padding:15px}}.user-guide{padding:20px}.user-guide__item{margin-bottom:10px}.user-guide__header{width:100%;background-color:#008c9c;color:#fff;padding:15px;cursor:pointer;border-radius:5px;font-weight:700;font-size:16px;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;height:10vh}.user-guide__header:hover{background-color:#006b7a;transform:translateY(-1px);box-shadow:0 4px 8px #008c9c4d}.user-guide__header-left{display:flex;align-items:center;gap:10px}.user-guide__content{background-color:#f5f5f5;padding:15px;border:1px solid #ddd;border-radius:0 0 5px 5px;margin-top:0;animation:slideDown .3s ease}.user-guide__title{margin:0 0 10px;color:#333;font-size:18px;font-weight:600}.user-guide__description{color:#555;line-height:1.6}.user-guide__description ol{margin:0;padding-left:20px}.user-guide__description li{margin-bottom:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.society-deposit-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal-content{background:#fff;padding:24px;border-radius:12px;width:95vw;max-width:1400px;min-width:30vw;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0000001a}.modal-overlay .modal-content .society-deposit_header h2{color:#008c9c}.modal-overlay .society-deposit-modal-close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:right;justify-content:right}.modal-overlay .society-deposit-modal-close-button:hover{background-color:#f0f0f0}.modal-overlay .society-deposit-modal-close-button svg{color:#666}.modal-overlay .society-deposit-modal-body{width:100%}.modal-overlay .society-deposit-modal__form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.modal-overlay .society-deposit-modal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.modal-overlay label{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:.9em}.modal-overlay input[type=text],.modal-overlay input[type=date],.modal-overlay select,.modal-overlay textarea{width:100%;padding:10px 15px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;color:#333}.modal-overlay input[type=text]:focus,.modal-overlay input[type=date]:focus,.modal-overlay select:focus,.modal-overlay textarea:focus{outline:none;border-color:silver}.modal-overlay textarea{min-height:120px;resize:vertical}.modal-overlay .radio-group{display:flex;gap:20px;padding:10px 15px;border:1px solid #e0e0e0;border-radius:4px;margin-top:-1px}.modal-overlay .radio-group label{display:flex;align-items:center;gap:5px;cursor:pointer;margin-bottom:0;font-weight:400;color:#333}.modal-overlay .radio-group label input[type=radio]{width:auto;margin:0}.modal-overlay input[type=file]{display:none}.modal-overlay .society-deposit-modal__file-chosen-text{display:block;padding:10px 15px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;background-color:#f8f8f8;color:#555;cursor:pointer}.modal-overlay .society-deposit-modal__file-chosen-text:before{content:"Choose File";display:inline-block;background:#e0e0e0;border:1px solid #ccc;border-radius:3px;padding:5px 10px;outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-weight:700;font-size:10pt;margin-right:10px}.modal-overlay .society-deposit-modal__file-chosen-text:hover:before{border-color:#aaa}.society-deposit-modal__checkbox-group{display:flex;flex-direction:row;gap:10px}.society-deposit-modal__checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;color:#333;margin-bottom:0}.society-deposit-modal__checkbox-group label input[type=checkbox]{width:auto;margin:0}.society-deposit-modal__footer{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.society-deposit-modal__full-width-button{width:100%;margin-top:-20px}.society-deposit-modal__success-message{color:green;margin-bottom:10px}.society-deposit-modal__error-message{color:red;margin-bottom:10px}.society-deposit-modal__description-row{grid-column:1/-1;width:100%;display:flex;flex-direction:column;align-items:flex-start}.society-deposit-modal__form-group.society-deposit-modal__description-row{grid-column:1/-1}@media (max-width: 1200px){.society-deposit-modal__form{grid-template-columns:1fr}}@media (max-width: 768px){.society-deposit-modal__content{width:95%;padding:20px}.society-deposit-modal__form{grid-template-columns:1fr;gap:15px}}.society-deposit-modal__form-group{margin-bottom:10px}.society-deposit-modal__form-group.multiselect-dropdown{position:relative}.multiselect-dropdown .dropdown-content{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;min-width:220px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000014;padding:8px 0;z-index:10}.multiselect-dropdown .checkbox-option{display:flex;align-items:center;padding:4px 12px;cursor:pointer}.multiselect-dropdown .checkbox-option input[type=checkbox]{margin-right:8px}.multiselect-dropdown .dropdown-header{background:#f7f7f7;border:1px solid #ccc;border-radius:4px;padding:8px 12px;cursor:pointer;min-width:220px}.society-deposit-view-modal .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.society-deposit-view-modal .society-deposit-view-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.society-deposit-view-modal .society-deposit-view-header h2{color:#008c9c;font-size:24px;font-weight:600;margin:0}.society-deposit-view-modal .society-deposit-view-body{padding:0}.society-deposit-view-modal .society-deposit-view-form{display:flex;flex-direction:column;gap:20px}.society-deposit-view-modal .society-deposit-view-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;border-left:2px solid #008c9c;border-radius:8px;padding:20px;background:#f9fafb;margin-bottom:20px}.society-deposit-view-modal .society-deposit-view-notes{margin-bottom:20px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0;min-height:60px;white-space:pre-wrap;word-break:break-word}.society-deposit-view-modal .society-deposit-view-attachments{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.attachment-previews{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.attachment-previews .attachment-preview-item{position:relative;display:inline-block;margin-right:10px;margin-bottom:10px}.attachment-previews .attachment-preview-item img{width:100px;height:100px;object-fit:cover;border-radius:6px;border:1px solid #ddd;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.attachment-previews .attachment-preview-item img:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.society-deposit-view-modal .society-deposit-view-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.society-deposit-view-modal .society-deposit-view-header{padding-bottom:16px;margin-bottom:20px}.society-deposit-view-modal .society-deposit-view-header h2{font-size:20px}}@media (max-width: 480px){.society-deposit-view-modal .society-deposit-view-info-grid{padding:12px}.society-deposit-view-modal .attachment-previews .attachment-preview-item img{width:80px;height:80px}}.mom-modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:24px;scrollbar-width:none}.mom-modal-content::-webkit-scrollbar{width:0;height:0}.mom-modal-content::-webkit-scrollbar-track,.mom-modal-content::-webkit-scrollbar-thumb{display:none}.mom-modal-subtitle{font-size:14px;color:#6b7280;margin-bottom:24px;line-height:1.5}.meeting-type-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.meeting-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;text-align:center;min-height:140px;position:relative}.meeting-type-card:hover{border-color:#008c9c;box-shadow:0 4px 12px #008c9c1a}.meeting-type-card.active{border-color:#008c9c;background:#f0fdfd;box-shadow:0 4px 12px #008c9c26}.meeting-type-card .meeting-type-icon{width:48px;height:48px;color:#008c9c;margin-bottom:12px}.meeting-type-card .meeting-type-content h3{font-size:16px;font-weight:600;color:#008c9c;margin:0 0 4px}.meeting-type-card .meeting-type-content p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.meeting-type-card .meeting-type-radio{position:absolute;opacity:0;pointer-events:none}.mom-section{margin-bottom:32px}.mom-section .section-headers{display:flex;gap:8px}.mom-section .section-headers .section-icon{width:20px;height:20px;color:#008c9c}.mom-section .section-headers .section-title{font-size:18px;font-weight:600;color:#008c9c;margin-bottom:10px}.mom-section .section-title{font-size:18px;font-weight:600;color:#008c9c;margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.textarea-container{position:relative}.textarea-container .textarea-edit-icon{position:absolute;bottom:12px;right:12px;width:18px;height:18px;color:#9ca3af;pointer-events:none;z-index:1}.textarea-container .cmp-textarea-input .form-field .textarea-field{padding-right:40px}.action-items-container{display:flex;flex-direction:column;gap:12px}.action-items-container .action-item-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr auto;gap:12px;align-items:flex-end}@media (max-width: 768px){.action-items-container .action-item-row{grid-template-columns:1fr;gap:8px}}.action-items-container .action-item-row .remove-action-item-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;transition:all .2s}.action-items-container .action-item-row .remove-action-item-btn:hover{background:#fecaca;border-color:#fca5a5}.action-items-container .action-item-row .remove-action-item-btn:active{transform:scale(.95)}.action-items-container .cmp-button-container{align-self:flex-start;margin-top:4px}.action-items-container .cmp-button-container .cmp-button{min-width:40px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px}.action-items-container .cmp-button-container .cmp-button .button-icon{margin:0}.mom-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.mom-modal-footer .cmp-button-container{min-width:120px}@media (max-width: 768px){.mom-modal-content{padding:16px;max-width:95%}.meeting-type-selection{grid-template-columns:1fr;gap:12px}.meeting-type-card{min-height:120px;padding:20px}.meeting-type-card .meeting-type-icon{width:40px;height:40px;margin-bottom:8px;color:#008c9c}.meeting-type-card .meeting-type-content h3{font-size:15px}.meeting-type-card .meeting-type-content p{font-size:12px}.mom-section{margin-bottom:24px}.mom-section .section-title{font-size:16px}.mom-modal-footer{flex-direction:column-reverse}.mom-modal-footer .cmp-button-container{width:100%;min-width:unset}.mom-modal-footer .cmp-button-container .cmp-button{width:100%}}.mom-view-header .mom-view-close-btn{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s;border-radius:4px}.mom-view-header .mom-view-close-btn:hover{color:#374151;background:#f3f4f6}.mom-view-header .mom-view-close-btn:active{transform:scale(.95)}.mom-view-header .mom-view-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.3;padding-right:40px}.mom-view-header .mom-view-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.mom-view-info-section{margin-bottom:32px}.mom-view-info-section .mom-view-section-title{font-size:18px;font-weight:600;color:#008c9c;margin:0 0 16px}.mom-view-info-section .mom-view-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}@media (max-width: 768px){.mom-view-info-section .mom-view-info-grid{grid-template-columns:1fr;gap:12px}}.mom-view-info-section .mom-view-info-item{display:flex;flex-direction:column;gap:4px}.mom-view-info-section .mom-view-info-label{font-size:14px;font-weight:500;color:#6b7280}.mom-view-info-section .mom-view-info-value{font-size:15px;color:#111827;font-weight:400}.mom-view-attendees-section{margin-bottom:32px}.mom-view-attendees-section .mom-view-section-title{font-size:18px;font-weight:600;color:#008c9c;margin:0 0 16px}.mom-view-attendees-section .mom-view-attendees-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px 20px}@media (max-width: 600px){.mom-view-attendees-section .mom-view-attendees-list{grid-template-columns:1fr}}.mom-view-attendees-section .mom-view-attendee-item{display:flex;align-items:center;gap:12px;padding:8px 0;min-height:44px}.mom-view-attendees-section .mom-view-attendee-check{color:#10b981;flex-shrink:0}.mom-view-attendees-section .mom-view-attendee-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:15px;color:#111827}.mom-view-attendees-section .mom-view-attendee-name{font-weight:500}.mom-view-attendees-section .mom-view-attendee-apartment,.mom-view-attendees-section .mom-view-attendee-role{color:#6b7280;font-weight:400}.mom-view-attendees-section .mom-view-empty{color:#9ca3af;font-size:14px;font-style:italic;margin:0}.mom-view-decisions-section{margin-bottom:32px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.mom-view-decisions-section .mom-view-section-title{font-size:18px;font-weight:600;color:#008c9c;margin:0 0 16px}.mom-view-decisions-section .mom-view-decisions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;overflow-x:hidden}.mom-view-decisions-section .mom-view-decision-item{font-size:15px;color:#111827;line-height:1.6;padding-left:20px;position:relative;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box}.mom-view-decisions-section .mom-view-decision-item:before{content:"•";position:absolute;left:0;color:#008c9c;font-size:20px;line-height:1}.mom-view-decisions-section .mom-view-empty{color:#9ca3af;font-size:14px;font-style:italic;list-style:none;padding-left:0}.mom-view-decisions-section .mom-view-decisions-toggle{margin-top:12px;background:none;border:none;color:#008c9c;font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}.mom-view-decisions-section .mom-view-decisions-toggle:hover{text-decoration:underline}.mom-view-decisions-section .mom-view-decisions-toggle:focus-visible{outline:2px solid #008c9c;outline-offset:2px}.mom-view-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.mom-view-actions .mom-view-btn-close,.mom-view-actions .mom-view-btn-download{min-width:120px}@media (max-width: 768px){.mom-view-actions{flex-direction:column-reverse}.mom-view-actions .mom-view-btn-close,.mom-view-actions .mom-view-btn-download{width:100%}}.mom-card{border-radius:12px;padding:20px;background:#fff;border:1px solid #c6cbd1;box-shadow:0 2px 4px #0000001a;font-family:Segoe UI,sans-serif;margin-bottom:20px;transition:all .3s ease;width:100%;box-sizing:border-box;overflow:hidden}.mom-card:hover{box-shadow:0 6px 12px #00000026}.mom-card-header{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.mom-card-avatar{width:48px;height:48px;border-radius:12px;background:#f3e8ff;color:#008c9c;font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mom-card-title-section{flex:1;min-width:0}.mom-card-meta{display:flex;flex-direction:column;gap:6px}.mom-card-title-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mom-card-title{font-weight:600;font-size:18px;color:#1f2937;margin:0;line-height:1.4}.mom-card-tags{display:flex;align-items:center;gap:10px;margin-left:auto}.mom-card-created-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.mom-card-created-info .mom-card-created-text{color:#4b5563}.mom-card-created-info .mom-card-created-dot{color:#d1d5db}.mom-card-created-info .mom-card-created-date{color:#9ca3af}.mom-card-meta-row{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:#4b5563;margin:8px 0 14px}.mom-card-meta-row span{display:flex;align-items:center;gap:6px;white-space:nowrap}.mom-card-meta-row .mom-card-icon{color:#008c9c;flex-shrink:0}.mom-card-body{font-size:14px;color:#374151;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mom-card-header .badge{font-size:12px;padding:4px 12px;border-radius:16px;font-weight:500;white-space:nowrap}.moveout-modal .moveout-section{margin-bottom:24px;padding:20px;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.moveout-modal .moveout-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.moveout-modal .moveout-section .section-header .section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.moveout-modal .moveout-section .section-header .optional-badge{margin-left:auto;padding:4px 12px;background:#f3f4f6;color:#6b7280;border-radius:12px;font-size:12px;font-weight:500}.moveout-modal .moveout-section .section-subtitle{font-size:14px;color:#6b7280;margin:-8px 0 16px}.moveout-modal .moveout-section .section-description{font-size:14px;color:#6b7280;margin:-8px 0 16px;line-height:1.5}.moveout-modal .moveout-section .section-content{display:flex;flex-direction:column;gap:20px}.moveout-modal .occupant-details .detail-row{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:6px;margin-bottom:8px}.moveout-modal .occupant-details .detail-row .detail-info{display:flex;flex-direction:column;gap:4px;flex:1}.moveout-modal .occupant-details .detail-row .detail-info .detail-label{font-size:12px;color:#6b7280;font-weight:500}.moveout-modal .occupant-details .detail-row .detail-info .detail-value{font-size:14px;color:#1f2937;font-weight:500}.moveout-modal .pending-dues-summary{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:16px}.moveout-modal .pending-dues-summary .summary-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.moveout-modal .pending-dues-summary .summary-header .summary-title{font-size:14px;font-weight:600;color:#1f2937}.moveout-modal .pending-dues-summary .dues-list{display:flex;flex-direction:column;gap:12px}.moveout-modal .pending-dues-summary .dues-list .due-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e5e7eb}.moveout-modal .pending-dues-summary .dues-list .due-item:last-child{border-bottom:none}.moveout-modal .pending-dues-summary .dues-list .due-item.total{margin-top:8px;padding-top:12px;border-top:2px solid #e5e7eb;font-weight:600}.moveout-modal .pending-dues-summary .dues-list .due-item.total .due-label{color:#1f2937;font-size:16px}.moveout-modal .pending-dues-summary .dues-list .due-item.total .due-amount{color:#dc2626;font-size:18px}.moveout-modal .pending-dues-summary .dues-list .due-item .due-label{flex:1;font-size:14px;color:#374151}.moveout-modal .pending-dues-summary .dues-list .due-item .due-amount{font-size:14px;font-weight:600;color:#1f2937}.moveout-modal .asset-handover-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:8px}.moveout-modal .asset-handover-item .asset-label-row{display:flex;align-items:center;gap:8px}.moveout-modal .asset-handover-item .asset-label-row .asset-label{font-size:14px;font-weight:500;color:#374151}.moveout-modal .asset-handover-item .toggle-container{display:flex;align-items:center;justify-content:space-between;gap:12px}.moveout-modal .asset-handover-item .toggle-container .toggle-label{font-size:14px;color:#6b7280;font-weight:500}.moveout-modal .asset-handover-item .parking-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.moveout-modal .file-upload-hint{font-size:12px;color:#6b7280;margin-top:-12px;margin-bottom:0}.moveout-modal .submit-section{margin:32px 0 16px;display:flex;justify-content:center}.moveout-modal .submit-section button{display:flex;align-items:center;justify-content:center;padding:12px 24px;font-size:16px;font-weight:600}.moveout-modal .info-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#e0f2fe;border-radius:8px;margin-top:16px;margin-bottom:24px}.moveout-modal .info-message span{font-size:14px;color:#0369a1;line-height:1.5}@media (max-width: 768px){.moveout-modal .asset-handover-item .parking-inputs{grid-template-columns:1fr}}.role-access-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease;font-family:Segoe UI,sans-serif}.role-access-card:hover{box-shadow:0 4px 12px #00000026}.role-access-card__header{margin-bottom:16px}.role-access-card__header-left{display:flex;align-items:flex-start;gap:12px}.role-access-card__icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;background:#fce7f3;border-radius:8px;padding:12px}.role-access-card__shield-icon{width:24px;height:24px;stroke-width:2}.role-access-card__icon-wrapper--red{background:#fce7f3}.role-access-card__icon-wrapper--red .role-access-card__shield-icon{color:#dc2626;stroke:#dc2626;fill:none}.role-access-card__icon-wrapper--blue{background:#dbeafe}.role-access-card__icon-wrapper--blue .role-access-card__shield-icon{color:#2563eb;stroke:#2563eb;fill:none}.role-access-card__icon-wrapper--light-blue{background:#e0f2fe}.role-access-card__icon-wrapper--light-blue .role-access-card__shield-icon{color:#0ea5e9;stroke:#0ea5e9;fill:none}.role-access-card__icon-wrapper--green{background:#dcfce7}.role-access-card__icon-wrapper--green .role-access-card__shield-icon{color:#16a34a;stroke:#16a34a;fill:none}.role-access-card__icon-wrapper--orange{background:#fed7aa}.role-access-card__icon-wrapper--orange .role-access-card__shield-icon{color:#ea580c;stroke:#ea580c;fill:none}.role-access-card__icon-wrapper--purple{background:#f3e8ff}.role-access-card__icon-wrapper--purple .role-access-card__shield-icon{color:#9333ea;stroke:#9333ea;fill:none}.role-access-card__title-section{flex:1;min-width:0}.role-access-card__title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.role-access-card__title{font-size:24px;font-weight:500;color:#1f2937;margin:0;line-height:1.2}.role-access-card__type-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#f3f4f6;color:#4b5563;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.role-access-card__type-badge--default{background:#008c9c;color:#fff}.role-access-card__type-badge--custom{background:#16a34a;color:#fff}.role-access-card__description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.role-access-card__stats{display:flex;align-items:center;gap:20px;margin-bottom:16px}.role-access-card__stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#4b5563}.role-access-card__stat-icon{width:16px;height:16px;color:#6b7280;flex-shrink:0}.role-access-card__stat-text{font-weight:400}.role-access-card__permissions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.role-access-card__permission-tag{display:inline-flex;align-items:center;padding:6px 12px;background:#f3f4f6;color:#4b5563;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.role-access-card__permission-tag--more{background:#f3f4f6;color:#6b7280}.role-access-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #f3f4f6}.role-access-card__action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;font-family:Segoe UI,sans-serif}.role-access-card__action-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.role-access-card__action-btn:active{transform:translateY(1px)}.role-access-card__action-btn--icon-only{padding:8px;min-width:36px}.role-access-card__action-btn--delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.role-access-card__action-icon{width:16px;height:16px;flex-shrink:0}@media (max-width: 768px){.role-access-card{padding:20px}.role-access-card__title{font-size:20px}.role-access-card__stats{flex-direction:column;align-items:flex-start;gap:12px}.role-access-card__actions{flex-wrap:wrap}.role-access-card__action-btn{flex:1;min-width:100px}}.role-access-modal{padding:0;max-width:1200px;width:100%;background:#fff;border-radius:12px}.role-access-modal__subtitle{font-size:14px;color:#6b7280;margin:-8px 0 24px;padding:0 24px;display:block}.role-access-modal__section{margin-bottom:32px}.role-access-modal__section:last-child{margin-bottom:0}.role-access-modal__section-title{font-size:18px;font-weight:600;color:#008c9c;margin:0 0 16px}.role-access-modal__section-header .role-access-modal__section-title{margin:0}.role-access-modal__role-details{display:grid;grid-template-columns:1fr auto;gap:20px;margin-bottom:20px;align-items:start}@media (max-width: 768px){.role-access-modal__role-details{grid-template-columns:1fr}}.role-access-modal__role-name{flex:1}.role-access-modal__role-color{display:flex;flex-direction:column;gap:8px;min-width:200px}.role-access-modal__color-label{font-size:14px;font-weight:500;color:#008c9c}.role-access-modal__color-picker{display:flex;align-items:center;gap:12px;position:relative}.role-access-modal__color-preview{width:40px;height:40px;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0;cursor:pointer}.role-access-modal__color-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;font-family:monospace;min-width:120px}.role-access-modal__color-input:focus{outline:none;border-color:#008c9c;box-shadow:0 0 0 2px #008c9c1a}.role-access-modal__color-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.role-access-modal__color-picker-input{position:absolute;opacity:0;width:40px;height:40px;cursor:pointer;z-index:1}.role-access-modal__description{margin-top:0}.role-access-modal__section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.role-access-modal__section-icon{color:#008c9c;flex-shrink:0}.role-access-modal__instruction{font-size:14px;color:#6b7280;margin:0 0 12px}.role-access-modal__application-dropdown-wrapper{position:relative}.role-access-modal__application-dropdown{position:relative;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.role-access-modal__application-dropdown:hover:not(.disabled){border-color:#008c9c}.role-access-modal__application-dropdown.open{border-color:#008c9c;box-shadow:0 0 0 2px #008c9c1a}.role-access-modal__application-dropdown.disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.role-access-modal__application-dropdown-input{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;color:#1f2937;min-height:40px}.role-access-modal__application-placeholder{color:#9ca3af}.role-access-modal__application-chevron{color:#6b7280;transition:transform .2s ease;flex-shrink:0}.role-access-modal__application-chevron.rotated{transform:rotate(180deg)}.role-access-modal__application-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;max-height:300px;overflow-y:auto;margin-bottom:8px}.role-access-modal__application-option{display:flex;align-items:flex-start;padding:12px 16px;cursor:pointer;transition:background-color .15s ease;gap:12px}.role-access-modal__application-option:hover{background-color:#f9fafb}.role-access-modal__application-option:not(:last-child){border-bottom:1px solid #f3f4f6}.role-access-modal__application-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#008c9c;margin-top:2px;flex-shrink:0}.role-access-modal__application-checkbox:disabled{cursor:not-allowed;opacity:.6}.role-access-modal__application-info{flex:1;display:flex;flex-direction:column;gap:4px}.role-access-modal__application-label{font-size:14px;font-weight:500;color:#1f2937}.role-access-modal__application-description{font-size:13px;color:#6b7280;line-height:1.4}.role-access-modal__permissions-header{display:flex;gap:8px}.role-access-modal__permissions-icon{width:20px;height:20px;color:#008c9c}.role-access-modal__permissions-table-wrapper{display:flex;flex-direction:column;gap:24px}.role-access-modal__module-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.role-access-modal__module-section-title{font-size:16px;font-weight:600;color:#008c9c;margin:0;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.role-access-modal__table-container{overflow-x:auto}.role-access-modal__empty-state{padding:32px;text-align:center;color:#6b7280;font-size:14px}.role-access-modal__permissions-table{width:100%;border-collapse:collapse;background:#fff}.role-access-modal__permissions-table thead{background:#fff;border-bottom:1px solid #e5e7eb}.role-access-modal__permissions-table thead th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.role-access-modal__permissions-table thead th:first-child{border-top-left-radius:8px}.role-access-modal__permissions-table thead th:last-child{border-top-right-radius:8px}.role-access-modal__permissions-table tbody tr{border-bottom:1px solid #f3f4f6}.role-access-modal__permissions-table tbody tr:last-child{border-bottom:none}.role-access-modal__permissions-table tbody tr:hover{background:#f9fafb}.role-access-modal__permissions-table tbody td{padding:16px;text-align:center;font-size:14px;color:#1f2937}.role-access-modal__permissions-table tbody td:first-child{text-align:left}.role-access-modal__module-cell{display:flex;align-items:center;gap:8px}.role-access-modal__module-icon{color:#6b7280;flex-shrink:0}.role-access-modal__checkbox{width:18px;height:18px;cursor:pointer;accent-color:#008c9c}.role-access-modal__checkbox:disabled{cursor:not-allowed;opacity:.6}.role-access-modal__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.role-access-modal__btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.role-access-modal__btn--cancel{background:#fff;color:#4b5563;border:1px solid #d1d5db}.role-access-modal__btn--cancel:hover{background:#f9fafb;border-color:#9ca3af}.role-access-modal__btn--submit{background:#008c9c;color:#fff}.role-access-modal__btn--submit:hover{background:#006b77}.role-access-modal__btn--submit:active{transform:translateY(1px)}@media (max-width: 768px){.role-access-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.role-access-modal__form{padding:0 16px 16px}.role-access-modal__permissions-table-wrapper{overflow-x:scroll}.role-access-modal__permissions-table{min-width:700px}.role-access-modal__actions{flex-direction:column-reverse}.role-access-modal__btn{width:100%}}.role-access-modal .sub-heading{padding:24px 24px 0;margin-bottom:0}.role-preparation{font-family:Segoe UI,sans-serif}.role-preparation__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.role-preparation__header-left{display:flex;align-items:flex-start;gap:16px}.role-preparation__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:8px;color:#4b5563;transition:all .2s ease;flex-shrink:0;margin-top:4px}.role-preparation__back-btn:hover{background:#f3f4f6;color:#1f2937}.role-preparation__title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.2}.role-preparation__subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.role-preparation__create-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#14b8a6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.role-preparation__create-btn:hover{background:#0d9488;transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.role-preparation__create-btn:active{transform:translateY(0)}.role-preparation__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.role-preparation__nav-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;flex-wrap:wrap}.role-preparation__nav-section .tabs-container{width:100%;flex:1}.role-preparation__tabs{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:8px}.role-preparation__tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.role-preparation__tab:hover{color:#1f2937;background:#ffffff80}.role-preparation__tab.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.role-preparation__tab svg{width:18px;height:18px}.role-preparation__search{position:relative;display:flex;align-items:center;min-width:300px;flex:1;max-width:400px}.role-preparation__search-icon{position:absolute;left:12px;color:#9ca3af;width:18px;height:18px;pointer-events:none}.role-preparation__search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease}.role-preparation__search-input::placeholder{color:#9ca3af}.role-preparation__search-input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.role-preparation__cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.role-preparation__matrix-placeholder{display:flex;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;color:#6b7280;font-size:16px}@media (max-width: 1024px){.role-preparation__cards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.role-preparation{padding:16px}.role-preparation__header{flex-direction:column;gap:16px}.role-preparation__create-btn{width:100%;justify-content:center}.role-preparation__stats{grid-template-columns:1fr}.role-preparation__nav-section{flex-direction:column;align-items:stretch}.role-preparation__tabs{width:100%;justify-content:stretch}.role-preparation__tab{flex:1;justify-content:center}.role-preparation__search{min-width:100%;max-width:100%}.role-preparation__cards-grid{grid-template-columns:1fr}}.promotion-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease;position:relative}.promotion-card:hover{box-shadow:0 4px 12px #0000001a}.promotion-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.promotion-card__title{margin:0;font-size:18px;font-weight:600;color:#14b8a6;line-height:1.4;flex:1}.promotion-card__header-actions{display:flex;align-items:center;gap:12px}.promotion-card__status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.promotion-card__status--published{background-color:#d1fae5;color:#065f46}.promotion-card__status--unpublished{background-color:#fee2e2;color:#991b1b}.promotion-card__menu{position:relative}.promotion-card__menu-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease;padding:0}.promotion-card__menu-button:hover{background:#f3f4f6;color:#374151}.promotion-card__menu-button svg{width:20px;height:20px}.promotion-card__dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e5e7eb;min-width:140px;z-index:100;overflow:hidden}.promotion-card__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;text-align:left}.promotion-card__dropdown-item:hover{background:#f3f4f6}.promotion-card__dropdown-item:first-child{border-bottom:1px solid #f3f4f6}.promotion-card__dropdown-item svg{width:16px;height:16px;flex-shrink:0}.promotion-card__dropdown-item span{flex:1}.promotion-card__description{margin:0;font-size:14px;color:#9ca3af;line-height:1.5}.promotion-card__dates{display:flex;flex-direction:column;gap:6px}.promotion-card__date-item{display:flex;align-items:center;gap:8px;font-size:14px}.promotion-card__date-label{color:#6b7280;font-weight:500}.promotion-card__date-value{color:#374151;font-weight:500}.promotion-card__stats{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f3f4f6;margin-top:4px}.promotion-card__stat{display:flex;flex-direction:column;gap:4px}.promotion-card__stat-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.promotion-card__stat-value{font-size:16px;color:#374151;font-weight:600}@media (max-width: 640px){.promotion-card{padding:16px}.promotion-card__title{font-size:16px}.promotion-card__stats{flex-direction:column;align-items:flex-start;gap:12px}}.promotionmodal__view{width:100%;max-width:800px;padding:0}.promotionmodal__view .promotionmodal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.promotionmodal__view .promotionmodal__header .promotionmodal__title{font-size:24px;font-weight:600;color:#14b8a6;margin:0}.promotionmodal__view .promotionmodal__header .promotionmodal__close-button{background:none;border:none;cursor:pointer;padding:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;width:32px;height:32px}.promotionmodal__view .promotionmodal__header .promotionmodal__close-button:hover{background:#f3f4f6;color:#374151}.promotionmodal__view .promotionmodal__header .promotionmodal__close-button svg{width:20px;height:20px}.promotionmodal__view .promotionmodal__description-section{padding-bottom:24px}.promotionmodal__view .promotionmodal__description-section label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.promotionmodal__view .promotionmodal__description-section .description-text{font-size:15px;line-height:1.7;color:#4b5563;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #14b8a6;word-wrap:break-word;overflow-wrap:break-word}.promotionmodal__view .promotionmodal__description-section .description-text :global p{margin:0 0 8px}.promotionmodal__view .promotionmodal__description-section .description-text :global p:last-child{margin-bottom:0}.promotionmodal__view .promotionmodal__description-section .description-text :global ul,.promotionmodal__view .promotionmodal__description-section .description-text :global ol{margin:8px 0;padding-left:20px}.promotionmodal__view .promotionmodal__description-section .description-text :global li{margin:4px 0}.promotionmodal__view .promotionmodal__details-section .promotionmodal__details-section-grid{display:grid;grid-template-columns:repeat(2,1fr);background:#f9fafb;border-left:4px solid #14b8a6;border-radius:8px}@media (max-width: 768px){.promotionmodal__view .promotionmodal__details-section .promotionmodal__details-section-grid{grid-template-columns:1fr;gap:16px}}.promotionmodal__view .promotionmodal__details-section .promotionmodal__details-section-item{display:flex;align-items:flex-start;gap:14px;padding:10px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.promotionmodal__view .promotionmodal__details-section .promotionmodal__details-section-item .icon{color:#14b8a6;width:20px;height:20px;flex-shrink:0;margin-top:2px}.promotionmodal__view .promotionmodal__details-section .promotionmodal__details-section-item .content{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.promotionmodal__view .promotionmodal__details-section .promotionmodal__details-section-item .content .label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.promotionmodal__view .promotionmodal__details-section .promotionmodal__details-section-item .content .value{font-size:15px;font-weight:500;color:#1f2937;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.promotionmodal__view>div:only-child{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.modal-content{max-width:850px!important;width:90%!important;padding:32px!important;overflow-y:auto;max-height:90vh}@media (max-width: 640px){.modal-content{padding:20px!important;width:95%!important}}.playstore-download-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:20px;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.playstore-download-container{text-align:center;max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.homi-logo{max-width:200px;width:100%;height:auto}@media (max-width: 768px){.homi-logo{max-width:150px}}@media (max-width: 480px){.homi-logo{max-width:120px}}.brand-logo{font-size:2rem;font-weight:600;color:#008c9c;letter-spacing:1px}.oops-text{font-size:5rem;font-weight:700;color:#ff6b35;line-height:1;margin-top:-45px}@media (max-width: 768px){.oops-text{font-size:4rem}}@media (max-width: 480px){.oops-text{font-size:3rem}}.message-text{font-size:1.125rem;color:#008c9c;margin:0;line-height:1.6;max-width:500px}@media (max-width: 768px){.message-text{font-size:1rem}}.message-text-desktop{font-size:1.125rem;color:#008c9c;margin:0;line-height:1.6;max-width:500px}.store-buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-top:32px}@media (min-width: 480px){.store-buttons{flex-direction:row;gap:20px}}.store-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:200px;box-shadow:0 4px 6px #0000001a}@media (max-width: 480px){.store-btn{width:100%;min-width:unset}}.store-btn .store-icon{font-size:1.5rem}.store-btn span{font-weight:600}.store-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.store-btn:active{transform:translateY(0)}.app-store-btn{background:linear-gradient(180deg,#007aff,#0051d5);color:#fff}.app-store-btn:hover{background:linear-gradient(180deg,#0051d5,#003d99)}.play-store-btn{background:linear-gradient(180deg,#008c9c,#006b78);color:#fff}.play-store-btn:hover{background:linear-gradient(180deg,#006b78,#004a54)}