html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 68px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--primary: #f97316;--primary-dark: #ea580c;--primary-light: rgba(249, 115, 22, .12);--secondary: #7c3aed;--secondary-light: rgba(124, 58, 237, .12);--bg: #0a0c12;--bg-card: rgba(16, 20, 32, .8);--bg-surface: rgba(24, 30, 46, .7);--border: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .16);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #06b6d4;--grad-primary: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--grad-secondary: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--grad-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-glass: linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);--shadow: 0 8px 32px rgba(0,0,0,.4);--shadow-glow-primary: 0 0 30px rgba(249, 115, 22, .3);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;max-height:100vh;overflow:hidden;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);background-image:radial-gradient(at 20% 0%,rgba(249,115,22,.12) 0px,transparent 60%),radial-gradient(at 80% 100%,rgba(124,58,237,.08) 0px,transparent 60%);background-attachment:fixed}h1,h2,h3,h4,h5{font-family:Outfit,sans-serif;letter-spacing:-.02em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);transition:border-color var(--transition)}.glass-card:hover{border-color:var(--border-bright)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge.active{background:#10b98126;color:#34d399}.badge.expiring{background:#f59e0b26;color:#fbbf24}.badge.expired{background:#ef444426;color:#f87171}.badge.day{background:#06b6d426;color:#22d3ee}.badge.week{background:#7c3aed26;color:#a78bfa}.badge.month{background:#f9731626;color:#fb923c}.btn{display:inline-flex;align-items:center;gap:6px;padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 15px #f9731659}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f9731673}.btn-secondary{background:#ffffff12;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff1f}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef444440}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-icon{padding:.5rem;border-radius:var(--radius-sm)}.whatsapp-icon{width:19px;height:19px;flex:0 0 19px;fill:#25d366;display:block}.table-actions,.action-buttons,.user-actions{display:flex;align-items:center;gap:8px}.table-actions{flex-wrap:nowrap}.actions-column-heading{text-align:center!important}table th,table td{text-align:left!important;vertical-align:middle!important}table .member-photo-column,table .actions-column-heading{text-align:center!important}table td>.member-cell,table td>.method,table td>.table-actions,table td>.action-buttons{justify-content:center!important}table td>.table-actions,table td>.action-buttons{width:max-content;max-width:100%;margin-inline:auto}.members-table th:nth-child(3),.members-table td:nth-child(3),.members-table th:nth-child(4),.members-table td:nth-child(4),.members-table th:nth-child(6),.members-table td:nth-child(6),.members-table th:nth-child(7),.members-table td:nth-child(7),.members-table th:nth-child(8),.members-table td:nth-child(8){text-align:center!important}.ms-table th:nth-child(3),.ms-table td:nth-child(3),.ms-table th:nth-child(4),.ms-table td:nth-child(4),.ms-table th:nth-child(5),.ms-table td:nth-child(5),.ms-table th:nth-child(6),.ms-table td:nth-child(6),.ms-table th:nth-child(8),.ms-table td:nth-child(8),.ms-table th:nth-child(9),.ms-table td:nth-child(9),.expiring-list th:nth-child(3),.expiring-list td:nth-child(3),.expiring-list th:nth-child(4),.expiring-list td:nth-child(4),.expiring-list th:nth-child(5),.expiring-list td:nth-child(5),.expiring-list th:nth-child(6),.expiring-list td:nth-child(6){text-align:center!important}.ms-table th:nth-child(7),.ms-table td:nth-child(7){text-align:right!important}.data-table th:nth-child(n+3),.data-table td:nth-child(n+3){text-align:center!important}.data-table td:nth-child(n+3)>div{justify-content:center!important}.movements-ledger th:nth-child(1),.movements-ledger td:nth-child(1),.movements-ledger th:nth-child(4),.movements-ledger td:nth-child(4),.movements-ledger th:nth-child(6),.movements-ledger td:nth-child(6),.courtesy-ledger th:nth-child(1),.courtesy-ledger td:nth-child(1),.courtesy-ledger th:nth-child(3),.courtesy-ledger td:nth-child(3){text-align:center!important}.movements-ledger th:nth-child(5),.movements-ledger td:nth-child(5),.courtesy-ledger th:nth-child(6),.courtesy-ledger td:nth-child(6),.table-wrap th:nth-child(n+2),.table-wrap td:nth-child(n+2){text-align:right!important}.table-actions .btn:not(.btn-icon),.expiring-list td .btn:not(.btn-icon),.ms-table td .btn:not(.btn-icon){width:118px!important;min-width:118px!important;height:38px!important;min-height:38px!important;padding:0 .65rem!important;justify-content:center;box-sizing:border-box;line-height:1;white-space:nowrap}.members-table td .btn-icon,.ms-table td .btn-icon,.expiring-list td .btn-icon,.group-footer .btn-icon,.user-actions .icon-action,.table-scroll td .mat-mdc-icon-button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;display:inline-grid!important;place-items:center;box-sizing:border-box;flex:0 0 38px}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.82rem;color:var(--text-secondary);font-weight:500;margin-bottom:.35rem}.form-control{width:100%;padding:.7rem 1rem;background:#101420d9;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;outline:none;transition:all var(--transition);box-shadow:inset 0 1px 3px #0000004d}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),inset 0 1px 3px #0000004d}.form-control::placeholder{color:var(--text-muted)}input[type=date],input[type=date].form-control{color-scheme:dark!important;accent-color:#f97316!important;background-color:#101420!important;color:var(--text-primary)!important;border:1px solid var(--border-bright)!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=date].form-control::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.65) sepia(100%) saturate(800%) hue-rotate(340deg);opacity:.95;transition:opacity .2s,transform .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.mat-datepicker-content{background-color:#101420!important;color:var(--text-primary)!important;border:1px solid var(--border-bright)!important;border-radius:var(--radius-md)!important;box-shadow:0 16px 36px #0009!important}.mat-calendar-body-selected{background-color:#f97316!important;color:#fff!important}.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:#f97316!important}.mat-calendar-body-cell:hover .mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:#f9731633!important}.mat-calendar-table-header,.mat-calendar-body-label,.mat-calendar-period-button{color:var(--text-primary)!important}.mat-calendar-table-header th{color:var(--text-muted)!important}.mat-calendar-next-button,.mat-calendar-previous-button{color:var(--text-primary)!important}.mat-date-field .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: 10px;--mdc-outlined-text-field-outline-color: rgba(255, 255, 255, .16);--mdc-outlined-text-field-focus-outline-color: #f97316;--mdc-outlined-text-field-label-text-color: #94a3b8;--mdc-outlined-text-field-input-text-color: #f1f5f9;background:#101420d9}.mat-datepicker-toggle button{color:#f97316!important}.search-bar{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem!important;height:48px!important;min-height:48px!important;max-height:48px!important;box-sizing:border-box!important;margin-bottom:1.25rem;width:100%;overflow:hidden}.search-bar .search-icon{color:var(--primary)!important;font-size:22px!important;flex-shrink:0!important}.search-bar .search-input{flex:1;height:100%!important;background:none!important;border:none!important;outline:none!important;color:var(--text-primary)!important;font-size:.95rem!important;padding:0!important;margin:0!important}.search-bar .search-input::placeholder{color:var(--text-muted)}.search-bar .search-clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px!important;height:28px!important;padding:0!important;border-radius:50%;flex-shrink:0!important;transition:color .15s,background .15s}.search-bar .search-clear-btn:hover{color:#f87171;background:#f871711f}tr:has(.member-thumb:hover),tr:has(.att-photo:hover),.attendance-row:has(.att-photo:hover){position:relative!important;z-index:999!important}td:has(.member-thumb:hover),td:has(.att-photo:hover){position:relative!important;z-index:999!important;overflow:visible!important}.member-thumb,.att-photo,.exp-photo,.avatar-circle{flex-shrink:0!important;aspect-ratio:1 / 1!important;object-fit:cover!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease!important;cursor:pointer;position:relative}img.member-thumb:hover,img.att-photo:hover,img.exp-photo:hover,img.avatar-circle:hover{transform:scale(2.2)!important;transform-origin:center center!important;z-index:9999!important;box-shadow:0 10px 30px #000000e6,0 0 15px var(--primary)!important;position:relative!important;border-radius:50%!important}.date-picker-wrapper .mat-date-field{width:150px!important;margin-bottom:-.25rem}.date-picker-wrapper .mat-mdc-form-field-subscript-wrapper{display:none!important}.date-picker-wrapper .mat-mdc-text-field-wrapper{height:38px!important;padding:0 .6rem!important;border-radius:var(--radius-sm)!important}.date-picker-wrapper .mat-mdc-form-field-flex{height:38px!important;align-items:center!important}.date-picker-wrapper .mat-mdc-form-field-infix{padding-top:6px!important;padding-bottom:6px!important;min-height:38px!important;font-size:.85rem!important;font-weight:600!important}.date-picker-wrapper .mat-datepicker-toggle{display:flex!important;align-items:center!important}.date-picker-wrapper .mat-mdc-icon-button{width:32px!important;height:32px!important;padding:4px!important}select,select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#101420!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>")!important;background-repeat:no-repeat!important;background-position:right .85rem center!important;background-size:1.15rem!important;padding-right:2.75rem!important;color:var(--text-primary)!important;border:1px solid var(--border-bright)!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;outline:none!important;font-family:inherit;transition:all var(--transition)}select:focus,select.form-control:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light)!important}select option,select.form-control option{background-color:#121624!important;color:#f8fafc!important;padding:.75rem 1rem!important;font-size:.9rem!important}select option:hover,select option:focus,select option:checked,select.form-control option:hover,select.form-control option:focus,select.form-control option:checked{background-color:#1e293b!important;color:var(--primary)!important}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scanPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--primary) 50%,transparent)}50%{box-shadow:0 0 0 20px transparent}}@keyframes focusRecord{0%,to{background:transparent;box-shadow:inset 0 0 0 transparent}50%{background:color-mix(in srgb,var(--primary) 18%,var(--bg-card));box-shadow:inset 4px 0 0 var(--primary)}}.focus-pulse{animation:focusRecord .72s ease-in-out 4;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeSlideIn .35s ease-out forwards}.spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.modal-overlay{position:fixed;inset:0;z-index:2000;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalBackdropIn .18s ease-out both}@media(max-width:768px){html,body{height:100dvh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto}}.modal-panel{width:100%;max-width:620px;max-height:92vh;overflow-y:auto;padding:1.5rem;position:relative;animation:modalPanelIn .24s cubic-bezier(.2,.8,.2,1) both}.modal-backdrop{animation:modalBackdropIn .18s ease-out both}.modal-backdrop>.modal-card{animation:modalPanelIn .24s cubic-bezier(.2,.8,.2,1) both}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-panel,.modal-backdrop,.modal-backdrop>.modal-card{animation:none!important}}.members-table,.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.form-row,.grid-2-col{grid-template-columns:1fr!important}.modal-panel{padding:1.15rem;width:95vw}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr!important}}.member-thumb,.member-thumb-sm,.member-photo,.photo-preview,.group-member-avatar img,.g-avatar,.att-photo,.att-avatar,.exp-photo,.member-cell img,.members-table img,.table-container img,td img{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,z-index .22s ease,border-color .22s ease!important;transform-origin:left bottom!important;cursor:pointer!important;will-change:transform}.member-thumb:hover,.member-thumb-sm:hover,.member-photo:hover,.photo-preview:hover,.group-member-avatar img:hover,.g-avatar:hover,.att-photo:hover,.att-avatar:hover,.exp-photo:hover,.member-cell img:hover,.members-table img:hover,.table-container img:hover,td img:hover{transform:scale(3.5)!important;transform-origin:left bottom!important;z-index:999999!important;position:relative!important;box-shadow:0 12px 36px #00000061,0 0 24px color-mix(in srgb,var(--primary) 62%,transparent)!important;border-radius:50%!important;border:2px solid var(--primary)!important}th.member-photo-column,td.member-photo-column{position:sticky!important;left:0;width:54px!important;min-width:54px!important;max-width:54px!important;padding:.45rem .6rem!important;box-sizing:border-box;text-align:center;background:var(--bg-card)!important;box-shadow:7px 0 10px -10px #000000f2}th.member-photo-column{z-index:15!important}td.member-photo-column{z-index:5!important}td.member-photo-column .member-photo-wrap,td.member-photo-column .member-thumb-placeholder,td.member-photo-column .att-photo-wrap,td.member-photo-column .att-avatar{margin:0 auto}@media(min-width:769px){th.member-name-column,td.member-name-column{position:sticky!important;left:54px;min-width:205px!important;max-width:205px!important;box-sizing:border-box;background:var(--bg-card)!important;box-shadow:8px 0 12px -10px #000000f2}th.member-name-column{z-index:14!important}td.member-name-column{z-index:4!important}th.member-photo-column,td.member-photo-column{box-shadow:none}}.mat-mdc-select.material-select{display:block;position:relative;min-height:42px;padding:0!important;color:var(--text-primary)!important;cursor:pointer}.material-select .mat-mdc-select-value,.material-select .mat-mdc-select-arrow{color:var(--text-primary)!important}.material-select .mat-mdc-select-trigger{position:relative!important;width:100%!important;height:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;padding:0 14px!important;box-sizing:border-box!important;cursor:pointer!important}.material-select .mat-mdc-select-arrow svg{fill:var(--primary)!important}.app-select-panel.mat-mdc-select-panel{padding:6px!important;border:1px solid var(--border-bright);border-radius:10px!important;background:#151925!important;box-shadow:0 18px 45px #0000008c!important}.app-select-panel .mat-mdc-option{min-height:44px;border-radius:7px;color:var(--text-primary)!important}.app-select-panel .mat-mdc-option:hover{background:#f973161f!important}.app-select-panel .mat-mdc-option.mdc-list-item--selected{background:#f9731633!important}.app-select-panel .mat-pseudo-checkbox{display:none}.mat-mdc-tooltip .mat-mdc-tooltip-surface,.mat-mdc-tooltip .mdc-tooltip__surface{padding:7px 10px!important;border:1px solid rgba(148,163,184,.28);border-radius:7px!important;color:#f8fafc!important;background:#202635!important;box-shadow:0 8px 24px #0000006b;font-size:.78rem!important;font-weight:500;letter-spacing:.01em}:root{--brand: #7c3aed;--primary: var(--brand);--primary-dark: color-mix(in srgb, var(--brand) 82%, #000);--primary-light: color-mix(in srgb, var(--brand) 14%, transparent);--secondary: color-mix(in srgb, var(--brand) 70%, #64748b);--secondary-light: color-mix(in srgb, var(--secondary) 14%, transparent);--grad-primary: var(--primary);--grad-secondary: var(--secondary);--grad-success: var(--success);--grad-glass: var(--bg-card);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-glow-primary: none;--on-primary: #fff;--mat-sys-primary: var(--primary);--mat-sys-on-primary: var(--on-primary);--mat-sys-primary-container: var(--primary-light);--mat-sys-on-primary-container: var(--primary)}.mat-icon{font-family:Material Symbols Outlined!important;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";-webkit-font-smoothing:antialiased;font-feature-settings:"liga"}:root[data-theme=dark]{--bg: #101114;--bg-card: #17181c;--bg-surface: #202126;--border: #303137;--border-bright: #484a52;--text-primary: #f1f1f4;--text-secondary: #b7b8c0;--text-muted: #898b94;--shadow: 0 1px 2px rgba(0,0,0,.14), 0 6px 18px rgba(0,0,0,.1);--mat-sys-surface: var(--bg-card);--mat-sys-surface-container: var(--bg-surface);--mat-sys-on-surface: var(--text-primary);--mat-sys-on-surface-variant: var(--text-secondary);--mat-sys-outline: var(--border-bright);--mat-sys-outline-variant: var(--border);--success-action-bg: rgba(16,185,129,.18);--success-action-border: rgba(52,211,153,.48);--success-action-text:#6ee7b7}:root[data-theme=light]{--bg: #f6f7f9;--bg-card: #fff;--bg-surface: #eef0f3;--border: #dfe1e6;--border-bright: #b7bbc4;--text-primary: #202124;--text-secondary: #5f6368;--text-muted: #7b8088;--shadow: 0 1px 2px rgba(20,25,35,.08), 0 6px 18px rgba(20,25,35,.05);--mat-sys-surface: var(--bg-card);--mat-sys-surface-container: var(--bg-surface);--mat-sys-on-surface: var(--text-primary);--mat-sys-on-surface-variant: var(--text-secondary);--mat-sys-outline: var(--border-bright);--mat-sys-outline-variant: var(--border);--success-action-bg:#d1fae5;--success-action-border:#6ee7b7;--success-action-text:#047857}body{background:var(--bg)!important;background-image:none!important}h1,h2,h3,h4,h5{font-family:Inter,system-ui,sans-serif;letter-spacing:-.025em}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.glass-card:hover{border-color:var(--border)}.btn{border-radius:8px;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-success,.btn-renew,.assign-ms-btn{background:var(--success-action-bg)!important;border:1px solid var(--success-action-border)!important;color:var(--success-action-text)!important;box-shadow:none!important;border-radius:8px!important;font-family:Inter,system-ui,sans-serif!important;font-weight:700!important}.btn-success:hover:not(:disabled),.btn-renew:hover:not(:disabled),.assign-ms-btn:hover:not(:disabled){background:color-mix(in srgb,var(--success-action-bg) 82%,var(--success-action-text))!important}.btn-secondary{background:var(--bg-surface);border-color:var(--border)}.tab-btn.active{background:color-mix(in srgb,var(--primary) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--primary) 42%,transparent)!important;color:var(--primary)!important}.form-control{background:var(--bg-card);border-color:var(--border-bright);border-radius:8px;box-shadow:none}.form-control:focus{box-shadow:0 0 0 3px var(--primary-light)}.search-bar,.tabs-nav,.table-container,.modal-panel{background:var(--bg-card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--shadow)!important}.app-select-panel.mat-mdc-select-panel{background:var(--bg-card)!important;border-color:var(--border)!important;box-shadow:var(--shadow)!important}.app-select-panel .mat-mdc-option:hover{background:var(--primary-light)!important}.app-select-panel .mat-mdc-option.mdc-list-item--selected{background:var(--primary-light)!important;color:var(--primary)!important}.mat-datepicker-content{background:var(--bg-card)!important;border-color:var(--border)!important;box-shadow:var(--shadow)!important}.mat-calendar-body-selected{background:var(--primary)!important}.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:var(--primary)!important}.mat-datepicker-toggle,.mat-datepicker-toggle button,.mat-datepicker-toggle .mat-icon-button{color:var(--primary)!important}.mat-calendar-body-cell:hover .mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background:var(--primary-light)!important}.mat-date-field .mdc-text-field--outlined{--mdc-outlined-text-field-focus-outline-color:var(--primary);--mdc-outlined-text-field-caret-color:var(--primary);--mdc-outlined-text-field-container-color:var(--bg-card);--mdc-outlined-text-field-input-text-color:var(--text-primary);background:var(--bg-card)}table th{background:var(--bg-card)!important}.appearance-menu.mat-mdc-menu-panel{max-width:none!important;overflow:hidden!important}.appearance-menu .mat-mdc-menu-content{padding:0!important;overflow:hidden!important}.appearance-menu .mat-mdc-slide-toggle{--mat-slide-toggle-selected-icon-color:var(--primary);--mat-slide-toggle-selected-handle-color:#fff;--mat-slide-toggle-selected-hover-handle-color:#fff;--mat-slide-toggle-selected-focus-handle-color:#fff;--mat-slide-toggle-selected-pressed-handle-color:#fff;--mat-slide-toggle-selected-hover-state-layer-color:transparent;--mat-slide-toggle-selected-focus-state-layer-color:transparent;--mat-slide-toggle-selected-pressed-state-layer-color:transparent;--mat-slide-toggle-selected-track-color:var(--primary);--mat-slide-toggle-selected-hover-track-color:var(--primary);--mat-slide-toggle-selected-focus-track-color:var(--primary);--mat-slide-toggle-selected-pressed-track-color:var(--primary);--mdc-switch-selected-track-color:var(--primary);--mdc-switch-selected-hover-track-color:var(--primary);--mdc-switch-selected-focus-track-color:var(--primary);--mdc-switch-selected-pressed-track-color:var(--primary);--mdc-switch-selected-handle-color:#fff;--mdc-switch-selected-hover-handle-color:#fff;--mdc-switch-selected-focus-handle-color:#fff;--mdc-switch-selected-pressed-handle-color:#fff}.appearance-menu .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__icon--on,.appearance-menu .mat-mdc-slide-toggle:hover .mdc-switch--selected .mdc-switch__icon--on,.appearance-menu .mat-mdc-slide-toggle:focus-within .mdc-switch--selected .mdc-switch__icon--on{fill:var(--primary)!important;opacity:1!important}.appearance-menu .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__icon--off{opacity:0!important}.appearance-menu .mat-mdc-slide-toggle:hover .mdc-switch__handle,.appearance-menu .mat-mdc-slide-toggle:focus-within .mdc-switch__handle{background:#fff!important}.appearance-menu .mat-mdc-slide-toggle:hover .mdc-switch__handle:after,.appearance-menu .mat-mdc-slide-toggle:focus-within .mdc-switch__handle:after,.appearance-menu .mat-mdc-slide-toggle:active .mdc-switch__handle:after{background:#fff!important}@media(max-width:768px){.members-table th:first-child,.members-table td:first-child,.ms-table th:first-child,.ms-table td:first-child,.table-container th:first-child,.table-container td:first-child{background:var(--bg-card)!important}}