body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#111}body.dark-mode .main-content{background-color:#141414;color:#f5f5f5}body.dark-mode a:not(.ant-btn):not(.ant-menu-item){color:#1890ff}body.dark-mode a:not(.ant-btn):not(.ant-menu-item):hover{color:#40a9ff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){.ant-modal-content{padding:0!important}}:root{--dm-bg-primary:#141414;--dm-bg-card:#1f1f1f;--dm-bg-secondary:#262626;--dm-bg-tertiary:#303030;--dm-border:#444;--dm-border-light:#303030;--dm-text-primary:#f5f5f5;--dm-text-secondary:#b8b8b8;--dm-highlight:#1890ff;--dm-highlight-hover:#40a9ff;--dm-success:#52c41a;--dm-warning:#faad14;--dm-danger:#ff4d4f;--dm-shadow:#0003}body.dark-mode{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode,body.dark-mode .fee-dashboard-container,body.dark-mode .reconciliations-layout,body.dark-mode .table-view{background-color:#141414;background-color:var(--dm-bg-primary)}body.dark-mode .analytics-section,body.dark-mode .ant-card,body.dark-mode .chart-section,body.dark-mode .collection-performance-section,body.dark-mode .collection-summary-section,body.dark-mode .dashboard-card,body.dark-mode .dues-section,body.dark-mode .dues-summary-section,body.dark-mode .event-card,body.dark-mode .fee-item-card,body.dark-mode .page-card,body.dark-mode .projected-collections-section,body.dark-mode .reconciliations-card,body.dark-mode .search-card,body.dark-mode .section-card,body.dark-mode .stat-card,body.dark-mode .transaction-card,body.dark-mode .transaction-list-container,body.dark-mode .transaction-methods-section,body.dark-mode .transaction-summary-table{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-color:#303030!important;border-color:var(--dm-border-light)!important;box-shadow:0 2px 8px #0003!important;box-shadow:0 2px 8px var(--dm-shadow)!important}body.dark-mode .ant-card-head,body.dark-mode .ant-table-summary,body.dark-mode .collection-card,body.dark-mode .dues-card,body.dark-mode .empty-notes-state,body.dark-mode .empty-state,body.dark-mode .fee-item-card-header,body.dark-mode .filter-card,body.dark-mode .guardian-item,body.dark-mode .info-card,body.dark-mode .metric-card,body.dark-mode .mobile-card-header,body.dark-mode .no-fee-items,body.dark-mode .no-transactions,body.dark-mode .note-card,body.dark-mode .transaction-card-footer,body.dark-mode .transaction-card-header{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border-color:#303030!important;border-color:var(--dm-border-light)!important}body.dark-mode .page-heading{font-size:28px;font-weight:700;margin:0 0 30px;text-align:justify}body.dark-mode .analytics-title,body.dark-mode .ant-card-head-title,body.dark-mode .ant-form-item-label>label,body.dark-mode .ant-modal-body p,body.dark-mode .ant-modal-close-x,body.dark-mode .ant-modal-title,body.dark-mode .ant-statistic-content,body.dark-mode .ant-typography,body.dark-mode .bank-method-display,body.dark-mode .card-amount,body.dark-mode .card-value,body.dark-mode .chart-title,body.dark-mode .collection-performance-title,body.dark-mode .collection-progress-title,body.dark-mode .collection-summary-title,body.dark-mode .concession-amount,body.dark-mode .dashboard-card-summary,body.dark-mode .dues-summary-title,body.dark-mode .dues-title,body.dark-mode .event-card-content,body.dark-mode .fee-concessions-title,body.dark-mode .fee-dashboard-title,body.dark-mode .fee-item-amount,body.dark-mode .fee-item-detail,body.dark-mode .fee-item-name,body.dark-mode .fee-items-title,body.dark-mode .metric-card .ant-progress-text,body.dark-mode .metric-card .ant-statistic-content,body.dark-mode .metric-card-value,body.dark-mode .note-text,body.dark-mode .notes-title,body.dark-mode .page-heading,body.dark-mode .page-title,body.dark-mode .progress-amount,body.dark-mode .projected-collections-title,body.dark-mode .reconciliations-card .ant-card-head-title,body.dark-mode .section-title,body.dark-mode .student-info,body.dark-mode .summary-value,body.dark-mode .transaction-card-child,body.dark-mode .transaction-list-container h4.ant-typography,body.dark-mode .transaction-methods-title,body.dark-mode .transactions-title{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-empty-description,body.dark-mode .ant-form-item-extra,body.dark-mode .ant-input-number-handler-down-inner,body.dark-mode .ant-input-number-handler-up-inner,body.dark-mode .ant-input-prefix,body.dark-mode .ant-picker-suffix,body.dark-mode .ant-select-arrow,body.dark-mode .ant-statistic-title,body.dark-mode .ant-tabs-tab,body.dark-mode .ant-typography.ant-typography-secondary,body.dark-mode .card-title,body.dark-mode .dashboard-card-title,body.dark-mode .detail-label,body.dark-mode .due-now-label,body.dark-mode .guardian-contacts,body.dark-mode .guardian-phone,body.dark-mode .installment-info,body.dark-mode .metric-card .ant-statistic-title,body.dark-mode .metric-card-percentage,body.dark-mode .metric-card-title,body.dark-mode .no-concessions,body.dark-mode .note-meta,body.dark-mode .progress-separator,body.dark-mode .reconciliations-card .ant-card-head-extra,body.dark-mode .student-id,body.dark-mode .summary-label,body.dark-mode .transaction-card-handler,body.dark-mode .transaction-date,body.dark-mode .transaction-id,body.dark-mode .transaction-id-container,body.dark-mode .transaction-label,body.dark-mode .transaction-method{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .custom-table .ant-table-thead>tr>th,body.dark-mode .fee-items-table .ant-table-thead>tr>th,body.dark-mode .table-header,body.dark-mode .transaction-summary-table .ant-table-thead>tr>th,body.dark-mode .unified-transactions-view .ant-table-thead>tr>th{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;border-bottom:1px solid #444!important;border-bottom:1px solid var(--dm-border)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .custom-table .row-even td,body.dark-mode .fee-items-table .ant-table-row:nth-child(2n) td,body.dark-mode .fee-items-table .row-even td,body.dark-mode .row-even,body.dark-mode .unified-transactions-view .ant-table-row:nth-child(2n) td,body.dark-mode .unified-transactions-view .row-even td{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .custom-table .row-odd td,body.dark-mode .fee-items-table .ant-table-row:nth-child(odd) td,body.dark-mode .fee-items-table .row-odd td,body.dark-mode .row-odd,body.dark-mode .unified-transactions-view .ant-table-row:nth-child(odd) td,body.dark-mode .unified-transactions-view .row-odd td{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table-tbody>tr.ant-table-row:hover>td,body.dark-mode .fee-items-table .ant-table-row:hover>td{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important}body.dark-mode .transaction-summary-table .ant-table-tbody>tr:nth-child(3),body.dark-mode .transaction-summary-table .ant-table-tbody>tr:nth-child(3)>td,body.dark-mode .transaction-summary-table .ant-table-tbody>tr>td:first-child{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .fee-items-total-row{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important}body.dark-mode .fee-items-total-row td{border-top:1px solid #444!important;border-top:1px solid var(--dm-border)!important}body.dark-mode .ant-table-summary-row td{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border-top:1px solid #303030!important;border-top:1px solid var(--dm-border-light)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .concessions-summary-table .ant-table-summary-row td,body.dark-mode .concessions-summary-table .fee-items-total-row td,body.dark-mode .fee-items-total-row td{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border-top-color:#303030!important;border-top-color:var(--dm-border-light)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table-summary-cell strong,body.dark-mode .concessions-summary-table .ant-table-summary-cell strong,body.dark-mode .fee-items-total-label strong{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .status-paid{background-color:#2e7d3233;border:1px solid #2e7d324d;color:#81c784}body.dark-mode .status-partial{background-color:#f57c0033;border:1px solid #f57c004d;color:#ffb74d}body.dark-mode .status-unpaid{background-color:#c6282833;border:1px solid #c628284d;color:#e57373}body.dark-mode .amount-success,body.dark-mode .ant-table-summary-row .ant-typography-success,body.dark-mode .ant-typography.ant-typography-success,body.dark-mode .transaction-amount.payment{color:#52c41a!important;color:var(--dm-success)!important}body.dark-mode .amount-danger,body.dark-mode .ant-table-summary-row .ant-typography-danger,body.dark-mode .ant-typography.ant-typography-danger,body.dark-mode .due-now-value,body.dark-mode .overdue-date,body.dark-mode .transaction-amount.refund{color:#ff4d4f!important;color:var(--dm-danger)!important}body.dark-mode .amount-warning{color:#faad14!important;color:var(--dm-warning)!important}body.dark-mode .amount-caution{color:#fa8c16!important}body.dark-mode .transaction-card.payment{border-left:4px solid #52c41a!important;border-left:4px solid var(--dm-success)!important}body.dark-mode .transaction-card.refund{border-left:4px solid #ff4d4f!important;border-left:4px solid var(--dm-danger)!important}body.dark-mode .overdue-date{background-color:#ff4d4f26!important;border:1px solid #ff4d4f4d!important;font-weight:600}body.dark-mode .due-now-card.has-due{background:#2a1215}body.dark-mode .due-now-card.no-due{background:#162312}body.dark-mode .canceled-card,body.dark-mode .canceled-row td,body.dark-mode .transaction-card.void-card,body.dark-mode .void-row td{background-color:#ff000026!important}body.dark-mode .transaction-card.void-card .transaction-amount,body.dark-mode .transaction-card.void-card .transaction-card-child,body.dark-mode .transaction-card.void-card .transaction-card-date,body.dark-mode .transaction-card.void-card .transaction-card-method,body.dark-mode .transaction-card.void-card .transaction-id-container,body.dark-mode .void-row .child-link,body.dark-mode .void-row .transaction-amount,body.dark-mode .void-row .transaction-date,body.dark-mode .void-row .transaction-id,body.dark-mode .void-row .transaction-method{color:#909090!important}body.dark-mode .ant-input,body.dark-mode .ant-input-affix-wrapper,body.dark-mode .ant-input-number,body.dark-mode .ant-picker,body.dark-mode .ant-select-selector{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border-color:#434343!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-input-number-handler-wrap{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;border-left-color:#434343!important}body.dark-mode .ant-input:hover{border-color:#1890ff;border-color:var(--dm-highlight)}body.dark-mode .ant-input-focused,body.dark-mode .ant-input:focus{border-color:#1890ff;border-color:var(--dm-highlight);box-shadow:0 0 0 2px #1890ff33}body.dark-mode .ant-input-disabled{background-color:#303030;background-color:var(--dm-bg-tertiary);color:#ffffff4d}body.dark-mode .transaction-button.payment{background-color:#10b981!important;border-color:#10b981!important}body.dark-mode .transaction-button.payment:hover{background-color:#059669!important;border-color:#059669!important}body.dark-mode .transaction-button.refund{background-color:#ef4444!important;border-color:#ef4444!important}body.dark-mode .transaction-button.refund:hover{background-color:#dc2626!important;border-color:#dc2626!important}body.dark-mode .more-button:hover{background-color:#ffffff1a!important}body.dark-mode .ant-btn:focus,body.dark-mode .ant-btn:hover{border-color:#40a9ff;border-color:var(--dm-highlight-hover);color:#fff}body.dark-mode .child-link,body.dark-mode .custom-table a,body.dark-mode .event-card a{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .child-link:hover,body.dark-mode .custom-table a:hover,body.dark-mode .event-card a:hover{color:#40a9ff!important;color:var(--dm-highlight-hover)!important;text-decoration:underline}body.dark-mode .progress-bar-background{background-color:#303030;background-color:var(--dm-bg-tertiary)}body.dark-mode .dashboard-card:hover,body.dark-mode .event-card:hover,body.dark-mode .metric-card:hover{box-shadow:0 4px 12px #0000004d!important}body.dark-mode .dashboard-card-active{border-color:#1890ff!important;border-color:var(--dm-highlight)!important;box-shadow:0 0 0 2px #1890ff33!important}body.dark-mode .concession-tag{background-color:#1890ff26!important}body.dark-mode .ant-tag{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .ant-tag-blue{background-color:#1890ff1a!important;border-color:#1890ff4d!important;color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .fee-concessions-title:before{background:linear-gradient(180deg,#1890ff,#69c0ff)}body.dark-mode .note-card{border-left:4px solid #1890ff!important;border-left:4px solid var(--dm-highlight)!important}body.dark-mode .notes-carousel::-webkit-scrollbar-track{background:#ffffff0d!important}body.dark-mode .notes-carousel::-webkit-scrollbar-thumb{background-color:#fff3!important}body.dark-mode .ant-picker-panel-container,body.dark-mode .ant-select-dropdown,body.dark-mode .ant-table-filter-dropdown{background-color:#303030;background-color:var(--dm-bg-tertiary)}body.dark-mode .ant-modal-confirm .ant-modal-content,body.dark-mode .ant-modal-content{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;box-shadow:0 3px 6px -4px #0000007a,0 6px 16px 0 #00000052,0 9px 28px 8px #0003!important}body.dark-mode .ant-modal-confirm .ant-modal-header,body.dark-mode .ant-modal-header{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-bottom:1px solid #303030!important;border-bottom:1px solid var(--dm-border-light)!important}body.dark-mode .ant-modal-confirm .ant-modal-footer,body.dark-mode .ant-modal-footer{border-top:1px solid #303030!important;border-top:1px solid var(--dm-border-light)!important}body.dark-mode .ant-modal-confirm-body .ant-modal-confirm-content,body.dark-mode .ant-modal-confirm-content,body.dark-mode .ant-modal-confirm-title,body.dark-mode .ant-modal-title{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-modal-close{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .ant-modal-close:hover{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-modal-confirm-body .anticon{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .ant-modal-confirm-error .ant-modal-confirm-body .anticon{color:#ff4d4f!important;color:var(--dm-danger)!important}body.dark-mode .ant-modal-confirm-success .ant-modal-confirm-body .anticon{color:#52c41a!important;color:var(--dm-success)!important}body.dark-mode .ant-modal-confirm-warning .ant-modal-confirm-body .anticon{color:#faad14!important;color:var(--dm-warning)!important}body.dark-mode .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1890ff;color:var(--dm-highlight)}body.dark-mode .recharts-surface{background-color:initial}body.dark-mode .recharts-cartesian-grid-horizontal line,body.dark-mode .recharts-cartesian-grid-vertical line{stroke:#303030;stroke:var(--dm-bg-tertiary)}body.dark-mode .recharts-legend-item-text{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;border-color:#444!important;border-color:var(--dm-border)!important}body.dark-mode .recharts-tooltip-item-name,body.dark-mode .recharts-tooltip-item-separator{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .ant-empty-img-simple-ellipse{fill:#141414;fill:var(--dm-bg-primary)}body.dark-mode .ant-empty-img-simple-g,body.dark-mode .ant-empty-img-simple-path{stroke:#303030;stroke:var(--dm-bg-tertiary)}body.dark-mode .ant-empty,body.dark-mode .ant-empty:hover,body.dark-mode .ant-table-placeholder,body.dark-mode .ant-table-placeholder .ant-empty,body.dark-mode .ant-table-placeholder .ant-empty:hover,body.dark-mode .ant-table-placeholder:hover,body.dark-mode .ant-table-tbody>tr.ant-table-placeholder,body.dark-mode .ant-table-tbody>tr.ant-table-placeholder .ant-empty-image,body.dark-mode .ant-table-tbody>tr.ant-table-placeholder .ant-empty-image:hover,body.dark-mode .ant-table-tbody>tr.ant-table-placeholder .ant-empty-normal,body.dark-mode .ant-table-tbody>tr.ant-table-placeholder .ant-empty-normal:hover,body.dark-mode .ant-table-tbody>tr.ant-table-placeholder:hover,body.dark-mode .ant-table-tbody>tr.ant-table-placeholder>td,body.dark-mode .ant-table-tbody>tr.ant-table-placeholder>td:hover{background-color:initial!important}body.dark-mode .ant-table :hover,body.dark-mode .custom-table :hover{background-color:inherit!important}body.dark-mode .ant-table .ant-table-tbody tr:hover>td,body.dark-mode .custom-table .ant-table-tbody tr:hover>td{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .ant-table .ant-table-tbody tr.ant-table-placeholder:hover>td,body.dark-mode .custom-table .ant-table-tbody tr.ant-table-placeholder:hover>td{background-color:initial!important}body.dark-mode .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper{background-color:#1f1f1f;background-color:var(--dm-bg-card)}body.dark-mode .ant-table{background-color:initial}body.dark-mode .profile-card{background:linear-gradient(90deg,#1f1f1f,#262626);background:linear-gradient(to right,var(--dm-bg-card),var(--dm-bg-secondary))}body.dark-mode .profile-avatar{border-color:#262626;border-color:var(--dm-bg-secondary);box-shadow:0 2px 8px #0003;box-shadow:0 2px 8px var(--dm-shadow)}body.dark-mode .ant-descriptions-item-content,body.dark-mode .ant-descriptions-item-label{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-descriptions-item-label .anticon{color:#b8b8b8;color:var(--dm-text-secondary)}body.dark-mode .ant-tag{border-color:#1890ff33}body.dark-mode .ant-table-summary>tr>td,body.dark-mode .invoice-card .ant-table-summary>tr>td{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border-bottom:1px solid #303030!important;border-bottom:1px solid var(--dm-border-light)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table-summary .ant-typography,body.dark-mode .ant-table-summary .ant-typography strong{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table-summary .ant-form-item-control-input{background-color:initial!important}body.dark-mode .ant-table-summary .ant-input-number{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border-color:#303030!important;border-color:var(--dm-border-light)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table-summary .ant-input-number-handler-wrap{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;border-left-color:#303030!important;border-left-color:var(--dm-border-light)!important}body.dark-mode .ant-table-summary .ant-input-number-handler-down-inner,body.dark-mode .ant-table-summary .ant-input-number-handler-up-inner{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .reconciliations-layout{background:#141414;background:var(--dm-bg-primary)}body.dark-mode .reconciliations-header{background:#1f1f1f;background:var(--dm-bg-card);box-shadow:0 1px 4px #0003;box-shadow:0 1px 4px var(--dm-shadow)}body.dark-mode .back-button{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .reconciliations-header .page-title{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .reconciliations-header .ant-select-selector{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border-color:#434343!important}body.dark-mode .reconciliations-header .ant-radio-button-wrapper{background-color:#262626;background-color:var(--dm-bg-secondary);border-color:#434343;color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .reconciliations-header .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){background-color:#1890ff;background-color:var(--dm-highlight);border-color:#1890ff;border-color:var(--dm-highlight);color:#fff}body.dark-mode .full-width-progress{background-color:#1f1f1f;background-color:var(--dm-bg-card);box-shadow:0 2px 8px #0003;box-shadow:0 2px 8px var(--dm-shadow)}body.dark-mode .collection-progress-section{background-color:#1f1f1f;background-color:var(--dm-bg-card);border-radius:4px;padding:20px}body.dark-mode .collection-progress-section .progress-bar-background,body.dark-mode .collection-progress-section div[style*="backgroundColor: #edf2f7"]{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important}body.dark-mode .collection-progress-section div[style*="color: #718096"]{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .collection-progress-section div[style*="backgroundColor: #4A5568"]{background-color:#b8b8b8!important}body.dark-mode .fee-assignment-table .ant-table-thead>tr>th{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;border-bottom:1px solid #444!important;border-bottom:1px solid var(--dm-border)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .fee-assignment-table .ant-table-tbody>tr>td{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-bottom:1px solid #303030!important;border-bottom:1px solid var(--dm-border-light)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .fee-assignment-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .fee-assignment-table .ant-table-tbody>tr:hover>td{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important}body.dark-mode .fee-column-header:hover{background-color:#1890ff1a!important;box-shadow:0 0 0 1px #1890ff33!important}body.dark-mode .fee-assignment-table [style*="color: #666"]{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .fee-assignment-table .fee-column-header [style*="color: #1890ff"],body.dark-mode .fee-assignment-table [style*="color: #1890ff"]{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .fee-assignment-table .ant-checkbox-wrapper{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .fee-assignment-table .ant-checkbox-inner{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border-color:#444!important;border-color:var(--dm-border)!important}body.dark-mode .fee-assignment-table .ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff!important;background-color:var(--dm-highlight)!important;border-color:#1890ff!important;border-color:var(--dm-highlight)!important}body.dark-mode .fee-assignment-table .ant-checkbox-disabled .ant-checkbox-inner{background-color:#1890ff1a!important;border-color:#303030!important;border-color:var(--dm-border-light)!important}body.dark-mode .fee-assignment-table .ant-card{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-color:#303030!important;border-color:var(--dm-border-light)!important}body.dark-mode .fee-assignment-table label{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .fee-assignment-table .ant-table-header{background-color:initial!important}body.dark-mode .sidebar{background-color:#141414;background-color:var(--dm-bg-primary);border-right:1px solid #444;border-right:1px solid var(--dm-border)}body.dark-mode .sidebar-logo{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .sidebar .ant-menu.ant-menu-dark{background-color:#141414;background-color:var(--dm-bg-primary)}body.dark-mode .sidebar .ant-menu-dark .ant-menu-item-selected{background-color:#1890ff;background-color:var(--dm-highlight)}body.dark-mode .sidebar .ant-menu-dark .ant-menu-item:hover,body.dark-mode .sidebar .ant-menu-dark .ant-menu-submenu-title:hover{background-color:#262626;background-color:var(--dm-bg-secondary)}body.dark-mode .sidebar .ant-menu-dark .ant-menu-submenu-selected .ant-menu-submenu-title{color:#1890ff;color:var(--dm-highlight)}body.dark-mode .sidebar .user-details,body.dark-mode .sidebar .user-info{color:#b8b8b8;color:var(--dm-text-secondary)}body.dark-mode .sidebar-content::-webkit-scrollbar-track{background:#141414;background:var(--dm-bg-primary)}body.dark-mode .sidebar-content::-webkit-scrollbar-thumb{background-color:#444;background-color:var(--dm-border);border-radius:3px}body.dark-mode .sidebar-content::-webkit-scrollbar-thumb:hover{background-color:#303030;background-color:var(--dm-border-light)}body.dark-mode .sidebar .ant-menu-dark .ant-menu-inline.ant-menu-sub{background-color:#262626;background-color:var(--dm-bg-secondary)}body.dark-mode .sidebar .ant-divider{border:0}body.dark-mode .sidebar .ant-switch{background-color:#303030;background-color:var(--dm-bg-tertiary)}body.dark-mode .sidebar .ant-switch-checked{background-color:#1890ff;background-color:var(--dm-highlight)}body.dark-mode .copilot-icon{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .copilot-icon:hover{color:#1890ff;color:var(--dm-highlight)}body.dark-mode .approval-notification{background:#fa8c161a!important;border:1px solid #fa8c164d!important}body.dark-mode .approval-notification .ant-typography{color:#fa8c16!important}body.dark-mode .invoice-header,body.dark-mode .invoice-info{background:#262626!important;background:var(--dm-bg-secondary)!important}body.dark-mode .invoice-info{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .attachments{background:#262626!important;background:var(--dm-bg-secondary)!important}body.dark-mode .attachment-viewer iframe{border-color:#444!important;border-color:var(--dm-border)!important}body.dark-mode .fee-concessions-empty-state{background:#262626!important;background:var(--dm-bg-secondary)!important;border-color:#303030!important;border-color:var(--dm-border-light)!important}body.dark-mode .fee-concessions-empty-state .ant-empty-description{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .student-transactions-empty-state{background:#262626!important;background:var(--dm-bg-secondary)!important;border-color:#303030!important;border-color:var(--dm-border-light)!important}body.dark-mode .student-transactions-empty-state .ant-empty-description{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .guardians-compact{border-color:#303030!important;border-color:var(--dm-border-light)!important}body.dark-mode .guardians-compact,body.dark-mode .guardians-row{background:#262626!important;background:var(--dm-bg-secondary)!important}body.dark-mode .guardian-compact{border-color:#303030!important;border-color:var(--dm-border-light)!important}body.dark-mode .guardian-compact,body.dark-mode .guardian-header-compact{background:#1f1f1f!important;background:var(--dm-bg-card)!important}body.dark-mode .guardian-info-compact,body.dark-mode .guardian-name-compact{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .contact-compact,body.dark-mode .detail-item,body.dark-mode .guardian-contacts-compact{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .more-guardians{background:#303030!important;background:var(--dm-bg-tertiary)!important}body.dark-mode .more-guardians,body.dark-mode .no-guardians{border-color:#303030!important;border-color:var(--dm-border-light)!important;color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .no-guardians{background:#262626!important;background:var(--dm-bg-secondary)!important}body.dark-mode .payment-receipt-container{background:#141414!important;background:var(--dm-bg-primary)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .payment-receipt{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-color:#303030!important;border-color:var(--dm-border-light)!important;box-shadow:0 2px 12px #0003!important;box-shadow:0 2px 12px var(--dm-shadow)!important}body.dark-mode .void-receipt{background-color:#8b00001a!important}body.dark-mode .void-details{background-color:#8b000026!important;border-color:#8b00004d!important}body.dark-mode .receipt-header{border-bottom-color:#303030!important;border-bottom-color:var(--dm-border-light)!important}body.dark-mode .receipt-title h1{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .receipt-meta,body.dark-mode .receipt-number{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .receipt-allocation-details,body.dark-mode .receipt-meta,body.dark-mode .receipt-payment-info,body.dark-mode .receipt-student-info{border-bottom-color:#444!important;border-bottom-color:var(--dm-border)!important}body.dark-mode .receipt-allocation-details h2,body.dark-mode .receipt-payment-info h2,body.dark-mode .receipt-student-info h2{border-bottom-color:#444!important;border-bottom-color:var(--dm-border)!important;color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .organization-info,body.dark-mode .organization-info b{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .info-label{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .info-value{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .allocation-table{border-color:#444!important;border-color:var(--dm-border)!important}body.dark-mode .allocation-table td,body.dark-mode .allocation-table th{border-color:#444!important;border-color:var(--dm-border)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .allocation-table th{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .allocation-table tr:nth-child(2n){background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .no-allocations,body.dark-mode .receipt-notes{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .receipt-footer{border-top-color:#303030!important;border-top-color:var(--dm-border-light)!important}body.dark-mode .thank-you-message{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .receipt-disclaimer{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .receipt-error,body.dark-mode .receipt-loading{background:#1f1f1f!important;background:var(--dm-bg-card)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .my-planned-activities-widget{background:#1f1f1f!important;background:var(--dm-bg-card)!important;box-shadow:0 2px 8px #0003!important;box-shadow:0 2px 8px var(--dm-shadow)!important}body.dark-mode .my-planned-activities-widget h2{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .parent-lesson-name{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .child-activity{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .my-planned-activities-widget .ant-table{background-color:initial!important}body.dark-mode .my-planned-activities-widget .ant-table-thead>tr>th{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;border-bottom:1px solid #444!important;border-bottom:1px solid var(--dm-border)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .my-planned-activities-widget .ant-table-tbody>tr>td{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-bottom:1px solid #303030!important;border-bottom:1px solid var(--dm-border-light)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .my-planned-activities-widget .ant-table-tbody>tr:nth-child(2n)>td{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .my-planned-activities-widget .ant-table-tbody>tr:hover>td{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important}body.dark-mode .guardian-dashboard{background-color:#141414!important;background-color:var(--dm-bg-primary)!important}body.dark-mode .guardian-actions-card,body.dark-mode .guardian-children-card,body.dark-mode .guardian-contact-card,body.dark-mode .guardian-events-card{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-color:#303030!important;border-color:var(--dm-border-light)!important;box-shadow:0 2px 8px #0003!important;box-shadow:0 2px 8px var(--dm-shadow)!important}body.dark-mode .guardian-dashboard-header .ant-typography{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .child-item,body.dark-mode .event-item{border-bottom-color:#303030!important;border-bottom-color:var(--dm-border-light)!important}body.dark-mode .child-grade{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .event-type{background-color:#1890ff26!important}body.dark-mode .contact-icon,body.dark-mode .event-icon,body.dark-mode .event-type{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .child-item:hover,body.dark-mode .event-item:hover{background-color:#1890ff0d!important}body.dark-mode .ant-table-fixed-header .ant-table-scroll .ant-table-header{background-color:initial!important}body.dark-mode .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;border-bottom:1px solid #444!important;border-bottom:1px solid var(--dm-border)!important;border-right:1px solid #444!important;border-right:1px solid var(--dm-border)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-right:1px solid #303030!important;border-right:1px solid var(--dm-border-light)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table .ant-table-tbody>tr:nth-child(2n)>td.ant-table-cell-fix-left{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .ant-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important}body.dark-mode .ant-table-wrapper .ant-table-container .ant-table-body td.ant-table-cell-fix-left,body.dark-mode .ant-table-wrapper .ant-table-container .ant-table-header th.ant-table-cell-fix-left{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important}body.dark-mode .ant-table-cell-fix-left:after{box-shadow:inset 10px 0 8px -8px #00000026!important}body.dark-mode .ant-table-cell-fix-right:before{box-shadow:inset -10px 0 8px -8px #00000026!important}body.dark-mode .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-right{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important;border-bottom:1px solid #444!important;border-bottom:1px solid var(--dm-border)!important;border-left:1px solid #444!important;border-left:1px solid var(--dm-border)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-right{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border-left:1px solid #303030!important;border-left:1px solid var(--dm-border-light)!important;color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .ant-table .ant-table-tbody>tr:nth-child(2n)>td.ant-table-cell-fix-right{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .ant-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-right{background-color:#303030!important;background-color:var(--dm-bg-tertiary)!important}body.dark-mode .ant-table-wrapper .ant-table-container .ant-table-body td.ant-table-cell-fix-right,body.dark-mode .ant-table-wrapper .ant-table-container .ant-table-header th.ant-table-cell-fix-right{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important}body.dark-mode .doctor-consultation-list,body.dark-mode .doctor-consultation-page{background-color:#141414;background-color:var(--dm-bg-primary)}body.dark-mode .consultation-info-card,body.dark-mode .consultation-summary-card,body.dark-mode .procedures-card{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border:1px solid #444!important;border:1px solid var(--dm-border)!important}body.dark-mode .consultation-header-info{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .employee-code{color:#b8b8b8!important;color:var(--dm-text-secondary)!important}body.dark-mode .consultation-title-section h2{color:#f5f5f5!important;color:var(--dm-text-primary)!important}body.dark-mode .card-icon,body.dark-mode .price-text{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .total-price-text{color:#52c41a!important;color:var(--dm-success)!important}body.dark-mode .pricing-breakdown{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important;border:1px solid #303030!important;border:1px solid var(--dm-border-light)!important}body.dark-mode .price-row{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .total-amount{color:#52c41a!important;color:var(--dm-success)!important}body.dark-mode .search-results-dropdown{background-color:#1f1f1f!important;background-color:var(--dm-bg-card)!important;border:1px solid #444!important;border:1px solid var(--dm-border)!important;box-shadow:0 4px 12px #0000004d!important}body.dark-mode .search-result-item{border-bottom:1px solid #303030!important;border-bottom:1px solid var(--dm-border-light)!important;color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .search-result-item:hover{background-color:#262626!important;background-color:var(--dm-bg-secondary)!important}body.dark-mode .search-result-main{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .search-result-price{color:#1890ff!important;color:var(--dm-highlight)!important}body.dark-mode .no-search-results,body.dark-mode .search-loading{color:#b8b8b8;color:var(--dm-text-secondary)}body.dark-mode .summary-item{color:#f5f5f5;color:var(--dm-text-primary)}body.dark-mode .summary-item h3{color:#f5f5f5!important;color:var(--dm-text-primary)!important}.sidebar{background-color:#001529;display:flex;flex-direction:column;height:100vh;left:0;position:fixed!important;top:0;transform:translateX(0);transition:transform .3s ease;width:220px;z-index:101}.sidebar-content{flex-grow:1;overflow-x:hidden;overflow-y:auto}.sidebar-logo{color:azure;cursor:pointer;font-size:24px;font-weight:700;text-align:left}.sidebar.visible{transform:translateX(0)}.sidebar-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 16px 8px}.copilot-icon{color:#fff;cursor:pointer;font-size:24px;transition:color .3s ease}.copilot-icon:hover{color:#ff0}@media (max-width:767px){.sidebar{transform:translateX(-100%)}.sidebar.visible{padding-top:40px}}.sidebar-footer{flex-shrink:0}.user-details{color:grey;flex-shrink:0;padding:16px}.user-info{color:grey;font-size:.875rem}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#001529}.sidebar-content::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background-color:#555}.sidebar .ant-menu-item{height:auto;line-height:1.5;padding:12px 16px}.sidebar .ant-menu-item-icon+span{display:inline-block;vertical-align:middle}.sidebar .ant-menu-item a{color:inherit;display:block}.sidebar .ant-menu-submenu-title{height:auto;line-height:1.5;padding:12px 16px}.sidebar .ant-menu-submenu-title .ant-menu-title-content{display:block}.sidebar .ant-menu-item,.sidebar .ant-menu-submenu-title{padding-left:12px!important}.sidebar .ant-menu-sub .ant-menu-item{padding-left:24px!important}.sidebar .ant-divider{margin:8px 0!important}.mobile-header{align-items:center;background-color:#001529;display:flex;justify-content:space-between;left:0;padding:10px;position:fixed;right:0;top:0;z-index:100}@supports (padding:max(0px)){.mobile-header{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top))}}@media (display-mode:standalone){.mobile-header{padding-top:calc(10px + env(safe-area-inset-top))}}.hamburger-icon{color:azure;cursor:pointer;font-size:24px;margin-right:12px}.logo-link{align-items:center;display:flex;flex:1 1}.logo{color:azure!important;font-size:24px;font-weight:700}.install-button{background-color:initial;border:1px solid #fff;border-radius:4px;color:azure;cursor:pointer;font-size:16px;margin-right:12px;padding:8px 16px;transition:background-color .3s,color .3s}.install-button:hover{background-color:#fff;color:#001529}.voice-command-mobile{border-radius:4px;color:azure;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .3s ease}.voice-command-mobile:hover{background-color:#ffffff1a;transform:scale(1.05)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.public-landing-page{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;will-change:auto}.container{margin:0 auto;max-width:1200px;padding:0 clamp(12px,4vw,24px)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000000d;left:0;padding:clamp(12px,3vw,20px) 0;position:fixed;right:0;top:0;transform:translateZ(0);will-change:transform;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 clamp(12px,4vw,24px)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,6vw,32px);font-weight:800;letter-spacing:-.5px}.header-actions{align-items:center;display:flex;gap:clamp(8px,3vw,24px)}.contact-number{align-items:center;border-radius:8px;color:#666;display:flex;font-size:clamp(12px,3.5vw,16px);font-weight:500;padding:clamp(6px,2vw,10px) clamp(8px,3vw,16px);text-decoration:none}.contact-number:hover{background:#667eea1a;color:#667eea}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:clamp(12px,3.5vw,16px);font-weight:600;padding:clamp(8px,2.5vw,12px) clamp(16px,4vw,24px)}.login-btn:hover{opacity:.9}.hero{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2 50%,#667eea);display:flex;min-height:clamp(70vh,100vh,100vh);overflow:hidden;padding:120px 0 60px;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:900px;padding:0 clamp(12px,4vw,24px);position:relative;text-align:center;z-index:2}.hero-main{max-width:800px;text-align:center}.hero-title{color:#1a1a1a;font-size:clamp(32px,10vw,72px);font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:clamp(20px,5vw,32px)}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#555;font-size:clamp(16px,5vw,28px);font-weight:500;line-height:1.5;margin-bottom:clamp(24px,6vw,48px);margin-left:auto;margin-right:auto;max-width:800px}.cta-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 30px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(14px,4vw,18px);font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;min-height:clamp(40px,10vw,48px);padding:clamp(14px,3.5vw,18px) clamp(24px,6vw,36px);text-align:center;text-transform:uppercase;touch-action:manipulation}.cta-primary:hover{opacity:.9}.cta-primary.large{font-size:18px;padding:20px 40px}.cta-primary.massive{border-radius:20px;font-size:20px;padding:24px 48px}.cta-text{display:inline-block;line-height:1.3}.btn-short-text{display:none}.btn-full-text{display:inline}.hero-visual{align-items:center;display:flex;justify-content:center}.dashboard-preview{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:500px;overflow:hidden;width:100%}.preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:16px 20px}.preview-dots{display:flex;gap:6px}.preview-dots span{background:#dee2e6;border-radius:50%;height:8px;width:8px}.preview-dots span:first-child{background:#ff5f56}.preview-dots span:nth-child(2){background:#ffbd2e}.preview-dots span:nth-child(3){background:#27ca3f}.preview-title{color:#666;font-size:12px;font-weight:500}.preview-content{display:flex;height:300px}.preview-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;padding:20px 0;width:140px}.sidebar-item{align-items:center;color:#666;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:12px 20px}.sidebar-item.active{background:#667eea;color:#fff}.sidebar-item:hover:not(.active){background:#e9ecef}.preview-main{background:#fff;flex:1 1;padding:20px}.stat-cards{display:flex;gap:12px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;flex:1 1;padding:12px;text-align:center}.stat-icon{font-size:16px;margin-bottom:4px}.stat-number{font-size:14px;font-weight:700;margin-bottom:2px}.stat-label{font-size:10px;opacity:.8}.chart-area{background:#f8f9fa;border-radius:8px;height:120px;padding:16px}.chart-bars{align-items:end;display:flex;gap:8px;height:100%}.bar{background:linear-gradient(0deg,#667eea,#764ba2);border-radius:2px;flex:1 1;min-height:20px;opacity:.8}.features{background:#fff;padding:120px 0;position:relative}.section-header{margin-bottom:80px;text-align:center}.section-header h2{color:#1a1a1a;font-size:48px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.section-header p{color:#666;font-size:20px;margin:0 auto;max-width:600px}.features-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(2,1fr)}.feature-card{background:#fff;border:1px solid #667eea1a;border-radius:24px;box-shadow:0 8px 40px #00000014;overflow:hidden;padding:48px;position:relative}.feature-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.feature-visual{align-items:center;display:flex;flex-direction:column;margin-bottom:32px}.feature-icon-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin-bottom:24px;width:80px}.feature-illustration{display:flex;justify-content:center;width:100%}.student-cards{display:flex;flex-direction:column;gap:12px}.student-card{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:12px;padding:12px 16px;width:200px}.student-avatar{font-size:20px}.student-progress{flex:1 1}.progress-bar{background:#e9ecef;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.payment-flow{display:flex;flex-direction:column;gap:12px}.payment-card{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;padding:16px;width:200px}.payment-amount{color:#1a1a1a;font-weight:700}.payment-status.paid{color:#28a745;font-weight:600}.payment-status.pending{color:#ffc107;font-weight:600}.finance-dashboard{background:#f8f9fa;border-radius:12px;padding:20px;width:180px}.finance-metric{margin-bottom:16px;text-align:center}.metric-value{color:#1a1a1a;font-size:20px;font-weight:700}.metric-label{color:#666;font-size:12px;margin-bottom:4px}.metric-trend.up{color:#28a745;font-size:12px;font-weight:600}.mini-chart{background:#fff;border-radius:6px;height:40px;overflow:hidden;position:relative}.chart-line{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px 6px 0 0;bottom:0;height:60%;left:0;position:absolute;right:0}.attendance-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);width:120px}.attendance-day{align-items:center;border-radius:8px;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.attendance-day.present{background:#d4edda;color:#155724}.attendance-day.absent{background:#f8d7da;color:#721c24}.feature-content{text-align:left}.feature-content h3{color:#1a1a1a;font-size:26px;font-weight:700;line-height:1.3;margin-bottom:16px}.feature-subheading{color:#667eea;font-size:18px;font-style:italic;font-weight:500;margin-bottom:32px}.feature-list{display:flex;flex-direction:column;gap:24px}.feature-item{align-items:flex-start;display:flex;gap:20px}.feature-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-top:2px;width:40px}.feature-text{flex:1 1}.feature-text h4{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:8px}.feature-text p{color:#666;font-size:15px;line-height:1.6;margin:0}.feature-points{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.point{align-items:center;background:#667eea1a;border-radius:20px;color:#667eea;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.social-proof{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:80px 0}.testimonial{margin:0 auto;max-width:800px;text-align:center}.testimonial-content{background:#fff;border-radius:24px;box-shadow:0 8px 40px #0000001a;padding:48px;position:relative}.quote-icon{color:#667eea;font-family:serif;font-size:48px;margin-bottom:24px}.testimonial-content p{color:#333;font-size:20px;font-style:italic;line-height:1.6;margin-bottom:32px}.testimonial-author{align-items:center;display:flex;gap:16px;justify-content:center}.author-avatar{font-size:32px}.author-name{color:#1a1a1a;font-weight:600;margin-bottom:4px}.author-title{color:#666;font-size:14px}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:120px 0;position:relative;text-align:center}.cta-content{position:relative;z-index:2}.cta-content h2{font-size:48px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.cta-content p{font-size:20px;margin-bottom:40px;opacity:.9}.cta-section .cta-primary{background:#fff;color:#667eea}.cta-section .cta-primary:hover{background:#f8f9fa;opacity:.9}.problem-section{background:#fff;padding:clamp(60px,12vw,100px) 0}.problem-content{margin:0 auto;max-width:800px;text-align:center}.section-title{color:#1a1a1a;font-size:clamp(28px,7vw,48px);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:clamp(20px,5vw,32px)}.problem-text{color:#555;font-size:clamp(16px,4.5vw,20px);line-height:1.7;margin:0}.problem-text strong{color:#667eea;font-weight:600}.solution-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:clamp(60px,12vw,100px) 0}.solution-content{margin:0 auto;max-width:1000px;text-align:center}.solution-text{color:#555;font-size:clamp(16px,4.5vw,20px);line-height:1.7;margin-bottom:clamp(40px,8vw,60px);margin-left:auto;margin-right:auto;max-width:800px}.solution-text strong{color:#667eea;font-weight:600}.solution-features{grid-gap:clamp(20px,5vw,40px);display:grid;gap:clamp(20px,5vw,40px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:clamp(40px,8vw,60px)}.solution-feature{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:clamp(24px,6vw,40px);transition:transform .3s ease,box-shadow .3s ease}.solution-feature:hover{box-shadow:0 8px 30px #667eea33;transform:translateY(-5px)}.feature-icon{font-size:clamp(36px,10vw,48px);margin-bottom:clamp(12px,3vw,16px)}.solution-feature h3{color:#1a1a1a;font-size:clamp(18px,5vw,22px);font-weight:700;margin-bottom:clamp(8px,2vw,12px)}.solution-feature p{color:#666;font-size:clamp(14px,4vw,16px);line-height:1.6;margin:0}.benefits-section{background:#fff;padding:clamp(60px,12vw,100px) 0}.benefits-content{margin:0 auto;max-width:800px;text-align:center}.benefits-description,.benefits-text{margin-bottom:clamp(30px,6vw,40px)}.benefits-description{color:#555;font-size:clamp(16px,4.5vw,20px);line-height:1.7}.benefits-description strong{color:#667eea;font-weight:600}.benefits-list{display:none}.benefit-item{color:#1a1a1a;font-size:clamp(16px,4.5vw,20px);font-weight:500;gap:clamp(12px,3vw,16px)}.benefit-icon,.benefit-item{align-items:center;display:flex}.benefit-icon{border-radius:50%;color:#fff;flex-shrink:0;font-size:clamp(16px,4vw,20px);font-weight:700;height:clamp(28px,7vw,36px);justify-content:center;width:clamp(28px,7vw,36px)}.benefit-icon,.final-cta-section{background:linear-gradient(135deg,#667eea,#764ba2)}.final-cta-section{padding:clamp(80px,15vw,120px) 0;text-align:center}.final-cta-content{margin:0 auto;max-width:800px}.cta-headline{color:#fff;font-size:clamp(36px,9vw,64px);font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:clamp(16px,4vw,24px)}.cta-subtext{color:#fffffff2;font-size:clamp(18px,5vw,24px);font-weight:500;margin-bottom:clamp(32px,7vw,48px)}.final-cta-section .cta-primary{background:#fff;box-shadow:0 8px 30px #0003;color:#667eea}.final-cta-section .cta-primary:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-2px)}.cta-note{color:#ffffffe6;font-size:clamp(14px,4vw,18px);font-weight:500;margin-top:clamp(20px,5vw,32px)}.footer{background:#f5f5f5;border-top:1px solid #e0e0e0;color:#333;padding:clamp(16px,4vw,20px) 0 clamp(12px,3vw,16px)}.footer-content{align-items:center;display:flex;flex-direction:column;gap:clamp(12px,3vw,24px);margin:0 auto;max-width:1200px;padding:0 clamp(12px,4vw,24px);text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:clamp(16px,4vw,32px);justify-content:center}.footer-link{color:#666;font-size:clamp(12px,3.5vw,14px);font-weight:500;text-decoration:none}.footer-link:hover{color:#667eea}.footer-copyright{color:#999;font-size:clamp(10px,3vw,14px);text-align:center}@media (max-width:1024px){.features-grid{gap:clamp(30px,6vw,40px);grid-template-columns:1fr}}@media (max-width:900px){.section-header h2{font-size:clamp(28px,8vw,40px)}}@media (max-width:768px){.hero{min-height:85vh;padding:80px 0 30px}.cta-primary.large{letter-spacing:0;text-transform:none}.section-header{margin-bottom:clamp(40px,10vw,60px)}.section-header h2{line-height:1.2}.section-header p{font-size:clamp(16px,4.5vw,18px)}.feature-card{padding:clamp(20px,5vw,32px)}.feature-content h3{font-size:clamp(18px,5.5vw,22px)}.cta-content h2{font-size:clamp(24px,7vw,32px);line-height:1.2}.cta-content p{font-size:clamp(16px,4.5vw,18px)}.cta-section{padding:clamp(60px,15vw,80px) 0 clamp(20px,5vw,40px)!important}.benefits-list{align-items:flex-start;margin-left:auto;margin-right:auto}}@media (max-width:480px){.hero{min-height:90vh;padding:60px 0 20px}.dashboard-preview{max-width:clamp(250px,70vw,280px)}.preview-content{height:clamp(180px,50vw,200px)}}@media (max-width:360px){.contact-number{display:none!important}}@media (max-width:320px){.btn-full-text{display:none!important}.btn-short-text{display:inline!important}}.typeform-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.typeform-step{margin:0 auto;max-width:700px;width:100%}.typeform-step-scrollable{display:flex;flex-direction:column;height:calc(100vh - 200px);max-height:700px}.typeform-step-header{flex-shrink:0;padding-bottom:20px}.typeform-step-header .typeform-question{margin-bottom:0}.typeform-step-content{flex:1 1;margin-bottom:20px;overflow-x:hidden;overflow-y:auto}.typeform-step-footer{background:var(--ant-color-bg-layout);border-top:1px solid var(--ant-color-border-secondary);flex-shrink:0;padding-top:20px}.typeform-question{color:var(--ant-color-text);font-size:36px;font-weight:600;line-height:1.3;margin-bottom:40px}.typeform-options{display:flex;flex-direction:column;gap:16px;margin-top:40px}.typeform-step-content .typeform-options{margin-top:0}.typeform-option{align-items:center;background:var(--ant-color-bg-elevated);border:2px solid var(--ant-color-border);border-radius:8px;color:var(--ant-color-text);cursor:pointer;display:flex;font-size:18px;font-weight:500;justify-content:center;padding:20px 24px;text-align:center;transition:all .2s ease}.typeform-option:hover{transform:translateX(4px)}.typeform-option.selected,.typeform-option:hover{background:var(--ant-color-primary-bg-hover);border-color:var(--ant-color-primary)}[data-theme=dark] .typeform-option{background:#ffffff14}[data-theme=dark] .typeform-option.selected,[data-theme=dark] .typeform-option:hover{background:#ffffff1f}[data-theme=dark] .typeform-invitation-group{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .typeform-invitation-group:hover{background:#ffffff0f;border-color:var(--ant-color-primary-border)}.typeform-subtext{color:var(--ant-color-text-secondary);font-size:16px;line-height:1.5;margin-bottom:32px;margin-top:-20px}.typeform-input{background:#0000!important;border:none!important;border-bottom:3px solid var(--ant-color-border)!important;border-radius:0!important;box-shadow:none!important;color:var(--ant-color-text)!important;font-size:24px!important;padding:16px 8px!important}.typeform-input:focus{border-bottom-color:var(--ant-color-primary)!important;box-shadow:none!important}.typeform-input::placeholder{color:var(--ant-color-text-placeholder);font-size:24px}.typeform-invitations{display:flex;flex-direction:column;gap:20px;margin-top:24px;width:100%}.typeform-invitation-group{background:var(--ant-color-bg-elevated);border:2px solid var(--ant-color-border);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.typeform-invitation-group:hover{border-color:var(--ant-color-primary-border);box-shadow:0 2px 8px var(--ant-color-shadow)}.typeform-invitation-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1.2fr 1fr;width:100%}.typeform-invitation-input{background:var(--ant-color-bg-container)!important;border:2px solid var(--ant-color-border)!important;border-radius:8px!important;color:var(--ant-color-text)!important;font-size:16px!important;padding:12px 16px!important;transition:all .2s ease;width:100%}.typeform-invitation-input:focus{border-color:var(--ant-color-primary)!important;box-shadow:0 0 0 2px var(--ant-color-primary-bg)!important}.typeform-invitation-input::placeholder{color:var(--ant-color-text-placeholder)}.typeform-remove-button{color:var(--ant-color-error);flex-shrink:0;font-size:14px;height:auto;padding:4px 12px}.typeform-remove-button:hover{color:var(--ant-color-error-hover)}.typeform-add-button{border:2px dashed var(--ant-color-border);border-radius:8px;color:var(--ant-color-text-secondary);font-size:16px;height:48px;margin-top:8px;width:100%}.typeform-add-button:hover{border-color:var(--ant-color-primary);color:var(--ant-color-primary)}.typeform-skip-button{color:var(--ant-color-text-secondary);font-size:16px;height:48px;padding:8px 24px}.typeform-skip-button:hover{color:var(--ant-color-text)}.typeform-message{background:var(--ant-color-fill-quaternary);border-left:4px solid var(--ant-color-primary);border-radius:8px;margin-top:24px;padding:24px}.typeform-message-text{color:var(--ant-color-text);font-size:18px;font-weight:500;margin-bottom:12px}.typeform-message-subtext{color:var(--ant-color-text-secondary);font-size:16px;line-height:1.5;margin-bottom:0}.typeform-actions{align-items:center;display:flex;justify-content:space-between;margin-top:40px}.typeform-step-footer .typeform-actions{margin-top:0}.typeform-back-button{color:var(--ant-color-text-secondary);font-size:16px;height:auto;padding:8px 16px}.typeform-back-button:hover{color:var(--ant-color-text)}.typeform-submit-button{border-radius:6px;font-size:16px;font-weight:500;height:48px;padding:0 32px}.fade-in{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.typeform-container{min-height:50vh;padding:20px 16px}.typeform-step-scrollable{height:calc(100vh - 150px)}.typeform-step-header{padding-bottom:16px}.typeform-step-header .typeform-question{margin-bottom:0}.typeform-step-content{margin-bottom:16px}.typeform-step-footer{padding-top:16px}.typeform-question{font-size:28px;margin-bottom:32px}.typeform-input{font-size:20px!important}.typeform-input::placeholder{font-size:20px}.typeform-option{font-size:16px;padding:18px 20px}.typeform-actions{flex-direction:column-reverse;gap:16px;margin-top:32px}.typeform-back-button,.typeform-submit-button{width:100%}.typeform-back-button{justify-content:center}.typeform-message{padding:20px}.typeform-message-text{font-size:16px}.typeform-message-subtext{font-size:14px}.typeform-subtext{font-size:14px;margin-bottom:24px;margin-top:-16px}.typeform-invitation-group{padding:12px}.typeform-invitation-row{gap:10px;grid-template-columns:1fr}.typeform-invitation-input{font-size:16px!important;width:100%}.typeform-remove-button{margin-top:4px;text-align:center;width:100%}}.founder-form-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.loading-spinner-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.user-role-selection-container{align-items:center;background-color:var(--ant-color-bg-layout);color:var(--ant-color-text);display:flex;flex-direction:column;height:95vh;justify-content:center;margin:0;padding:0;position:relative;text-align:center;width:100vw}.heading{color:var(--ant-color-text);margin-bottom:30px}.role-buttons-container{display:flex;gap:10px;margin-bottom:20px}.role-button{background-color:var(--ant-color-bg-container);border:1px solid var(--ant-color-border);color:var(--ant-color-text);transition:all .3s ease;width:100px}.role-button:hover{background-color:var(--ant-color-primary-bg-hover);border-color:var(--ant-color-primary-border-hover)}.role-button.active-role{background-color:var(--ant-color-primary);border:2px solid var(--ant-color-primary);box-shadow:0 0 0 2px var(--ant-color-primary-border);color:var(--ant-color-white)!important;font-weight:600;transform:translateY(-1px);transition:all .3s ease}.role-button.active-role:hover{background-color:var(--ant-color-primary-hover);border-color:var(--ant-color-primary-hover);box-shadow:0 0 0 2px var(--ant-color-primary-border-hover);color:var(--ant-color-white)!important}[data-theme=dark] .role-button.active-role{box-shadow:0 0 0 2px #87d0684d,0 2px 8px #0006}[data-theme=dark] .role-button.active-role:hover{box-shadow:0 0 0 2px #87d06866,0 2px 8px #00000080}.user-role-alert{margin-top:20px;width:300px}.user-role-alert-error .ant-alert{background-color:orange!important}.onboarding-header{align-items:center;background-color:var(--ant-color-bg-layout);border-bottom:1px solid var(--ant-color-border);box-shadow:0 2px 8px var(--ant-color-shadow);display:flex;justify-content:flex-end;padding:10px 20px;position:fixed;right:0;top:0;width:100%;z-index:1000}.logout-button{color:var(--ant-color-primary);font-size:14px;margin-right:20px}.logout-button:hover{color:var(--ant-color-primary-hover)}@media (max-width:767px){.user-role-selection-container{height:115vh;justify-content:flex-start;padding:16px;width:100%}.heading{font-size:2rem}.role-buttons-container{flex-direction:column;gap:12px;width:90%}.role-button{font-size:1rem;height:45px;padding:8px 0;width:100%}.user-role-alert,.user-role-button,.user-role-input{width:100%}.logout-button{border:1px solid var(--ant-color-primary);color:var(--ant-color-primary);font-size:12px;margin-right:10px}.logout-button:hover{border-color:var(--ant-color-primary-hover);color:var(--ant-color-primary-hover)}}:root{--bg:#fff;--surface:#f8f9fa;--card:#fff;--text:#1a1a1a;--text-muted:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6;--primary:#1890ff;--primary-hover:#40a9ff;--success:#52c41a;--success-hover:#73d13d;--warning:#faad14;--warning-hover:#ffc53d;--danger:#ff4d4f;--danger-hover:#ff7875;--accent:#722ed1;--accent-hover:#9254de;--shadow-subtle:0 1px 3px #0000001a;--shadow-medium:0 4px 6px #00000012;--shadow-elevated:0 10px 25px #0000001a}@media (prefers-color-scheme:dark){:root{--bg:#121212;--surface:#1a1a1a;--card:#202020;--text:#e6e6e6;--text-muted:#a8a8a8;--border:#ffffff14;--border-light:#ffffff0d;--primary:#4da6ff;--primary-hover:#66b3ff;--success:#73d13d;--success-hover:#95de64;--warning:#ffc53d;--warning-hover:#ffd666;--danger:#ff7875;--danger-hover:#ff9c99;--accent:#b37feb;--accent-hover:#c9a9ff;--shadow-subtle:0 1px 3px #0000004d;--shadow-medium:0 4px 6px #00000040;--shadow-elevated:0 10px 25px #0006}}[data-theme=dark]{--bg:#121212;--surface:#1a1a1a;--card:#202020;--text:#e6e6e6;--text-muted:#a8a8a8;--border:#ffffff14;--border-light:#ffffff0d;--primary:#4da6ff;--primary-hover:#66b3ff;--success:#73d13d;--success-hover:#95de64;--warning:#ffc53d;--warning-hover:#ffd666;--danger:#ff7875;--danger-hover:#ff9c99;--accent:#b37feb;--accent-hover:#c9a9ff;--shadow-subtle:0 1px 3px #0000004d;--shadow-medium:0 4px 6px #00000040;--shadow-elevated:0 10px 25px #0006}[data-theme=light]{--bg:#fff;--surface:#f8f9fa;--card:#fff;--text:#1a1a1a;--text-muted:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6;--primary:#1890ff;--primary-hover:#40a9ff;--success:#52c41a;--success-hover:#73d13d;--warning:#faad14;--warning-hover:#ffc53d;--danger:#ff4d4f;--danger-hover:#ff7875;--accent:#722ed1;--accent-hover:#9254de;--shadow-subtle:0 1px 3px #0000001a;--shadow-medium:0 4px 6px #00000012;--shadow-elevated:0 10px 25px #0000001a}*{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out}body{background-color:#fff;background-color:var(--bg);color:#1a1a1a;color:var(--text)}.dark-card{background-color:#fff;background-color:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-subtle);transition:all .15s ease-in-out}.dark-card:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-medium);filter:brightness(1.05)}.dark-surface{background-color:#f8f9fa;background-color:var(--surface)}.dark-btn,.dark-surface{border:1px solid #e5e7eb;border:1px solid var(--border)}.dark-btn{background-color:#fff;background-color:var(--card);border-radius:6px;color:#1a1a1a;color:var(--text);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .15s ease-in-out}.dark-btn:hover{background-color:#f8f9fa;background-color:var(--surface);border-color:#1890ff;border-color:var(--primary);filter:brightness(1.1)}.dark-btn:focus-visible{outline:2px solid #1890ff;outline:2px solid var(--primary);outline-offset:2px}.dark-btn:disabled{cursor:not-allowed;opacity:.5}.dark-btn-primary{background-color:#1890ff;background-color:var(--primary);border-color:#1890ff;border-color:var(--primary);color:#fff}.dark-btn-primary:hover{background-color:#40a9ff;background-color:var(--primary-hover);border-color:#40a9ff;border-color:var(--primary-hover)}.dark-btn-danger{background-color:#ff4d4f;background-color:var(--danger);border-color:#ff4d4f;border-color:var(--danger);color:#fff}.dark-btn-danger:hover{background-color:#ff7875;background-color:var(--danger-hover);border-color:#ff7875;border-color:var(--danger-hover)}.dark-input{background-color:#fff;background-color:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#1a1a1a;color:var(--text);padding:8px 12px;transition:all .15s ease-in-out}.dark-input:focus{border-color:#1890ff;border-color:var(--primary);box-shadow:0 0 0 3px #4da6ff1a;outline:none}.dark-input::placeholder{color:#6b7280;color:var(--text-muted)}.dark-select{background-color:#fff;background-color:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#1a1a1a;color:var(--text)}.dark-select:focus{border-color:#1890ff;border-color:var(--primary);box-shadow:0 0 0 3px #4da6ff1a}.dark-table{background-color:#fff;background-color:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;overflow:hidden}.dark-table-header{background-color:#f8f9fa;background-color:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#1a1a1a;color:var(--text);font-weight:600}.dark-table-row{background-color:#fff;background-color:var(--card);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);transition:background-color .15s ease-in-out}.dark-table-row:hover,.dark-table-row:nth-child(2n){background-color:#f8f9fa;background-color:var(--surface)}.dark-table-row:hover{filter:brightness(1.05)}.dark-table-cell{border-right:1px solid #f3f4f6;border-right:1px solid var(--border-light);color:#1a1a1a;color:var(--text);padding:12px}.dark-table-cell:last-child{border-right:none}.dark-table .ant-table-thead>tr>th,.dark-table .ant-table-thead>tr>th.ant-table-cell-fix-left,.dark-table .ant-table-thead>tr>th.ant-table-cell-fix-right{background:#f8f9fa!important;background:var(--surface)!important;position:-webkit-sticky!important;position:sticky!important;z-index:2!important}.dark-table .ant-table-thead>tr>th.ant-table-column-has-sorters:hover{background:#f8f9fa!important;background:var(--surface)!important;filter:brightness(1.05)}.dark-link{color:#1890ff;color:var(--primary);text-decoration:none;transition:color .15s ease-in-out}.dark-link:hover{color:#40a9ff;color:var(--primary-hover)}.dark-link:focus-visible{border-radius:2px;outline:2px solid #1890ff;outline:2px solid var(--primary);outline-offset:2px}.dark-tag{background-color:#f8f9fa;background-color:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;color:#1a1a1a;color:var(--text);display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.dark-tag-success{background-color:#73d13d1a;border-color:#52c41a;border-color:var(--success);color:#52c41a;color:var(--success)}.dark-tag-warning{background-color:#ffc53d1a;border-color:#faad14;border-color:var(--warning);color:#faad14;color:var(--warning)}.dark-tag-danger{background-color:#ff78751a;border-color:#ff4d4f;border-color:var(--danger);color:#ff4d4f;color:var(--danger)}.dark-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}.dark-modal{background-color:#fff;background-color:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-elevated)}.dark-modal-header{background-color:#f8f9fa;background-color:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;padding:16px 24px}.dark-modal-body{color:#1a1a1a;color:var(--text);padding:24px}.dark-modal-footer{background-color:#f8f9fa;background-color:var(--surface);border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);padding:16px 24px}.dark-tooltip{background-color:#1a1a1af2;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-medium);color:#1a1a1a;color:var(--text);font-size:12px;padding:8px 12px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--surface)}::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-muted)}:focus-visible{outline:2px solid #1890ff;outline:2px solid var(--primary);outline-offset:2px}.text-muted{color:#6b7280;color:var(--text-muted)}.text-primary{color:#1890ff;color:var(--primary)}.text-success{color:#52c41a;color:var(--success)}.text-warning{color:#faad14;color:var(--warning)}.text-danger{color:#ff4d4f;color:var(--danger)}.elevation-1{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-subtle)}.elevation-2{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-medium)}.elevation-3{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-elevated)}.dark-empty-state{background-color:#fff;background-color:var(--card);border:2px dashed #e5e7eb;border:2px dashed var(--border);border-radius:12px;color:#6b7280;color:var(--text-muted);padding:48px 24px;text-align:center}.dark-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f8f9fa 25%,#e5e7eb 50%,#f8f9fa 75%);background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:200% 100%;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.theme-toggle{align-items:center;background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:50%;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-medium);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .15s ease-in-out;width:48px;z-index:1000}.theme-toggle:hover{filter:brightness(1.1);transform:scale(1.05)}.theme-toggle:focus-visible{outline:2px solid #1890ff;outline:2px solid var(--primary);outline-offset:2px}@media print{*{background:#fff!important;box-shadow:none!important;color:#000!important}}.ant-table{background:var(--card)!important;color:var(--text)!important}.ant-table-thead>tr>th{background:var(--surface)!important;border-bottom:1px solid var(--border)!important;color:var(--text)!important;font-weight:600}.ant-table-tbody>tr{background:var(--card)!important}.ant-table-tbody>tr:hover,.ant-table-tbody>tr:nth-child(2n){background:var(--surface)!important}.ant-table-tbody>tr:hover{filter:brightness(1.05)}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light)!important;color:var(--text)!important}.ant-table-container{border:1px solid var(--border)!important;border-radius:8px!important}.ant-input{background:var(--card)!important;border:1px solid var(--border)!important;color:var(--text)!important}.ant-input-focused,.ant-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px #4da6ff1a!important}.ant-input::placeholder{color:var(--text-muted)!important}.ant-input-search .ant-input-group .ant-input-affix-wrapper{background:var(--card)!important;border-color:var(--border)!important}.ant-input-search .ant-input-search-button{background:var(--primary)!important;border-color:var(--primary)!important}.ant-input-search .ant-input-search-button:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.ant-select{color:var(--text)!important}.ant-select:not(.ant-select-customize-input) .ant-select-selector{background:var(--card)!important;border:1px solid var(--border)!important;color:var(--text)!important}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 2px #4da6ff1a!important}.ant-select-dropdown{background:var(--card)!important;border:1px solid var(--border)!important}.ant-select-item{color:var(--text)!important}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--primary)!important;color:#fff!important}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background:var(--surface)!important}.ant-btn{border-radius:6px!important;transition:all .15s ease-in-out!important}.ant-btn-default{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}.ant-btn-default:focus,.ant-btn-default:hover{background:var(--surface)!important;border-color:var(--primary)!important;color:var(--text)!important}.ant-btn-primary{background:var(--primary)!important;border-color:var(--primary)!important}.ant-btn-primary:focus,.ant-btn-primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.ant-btn-text{color:var(--text)!important}.ant-btn-text:hover{background:var(--surface)!important}.ant-modal .ant-modal-content{background:var(--card)!important;border:1px solid var(--border)!important}.ant-modal .ant-modal-header{background:var(--surface)!important;border-bottom:1px solid var(--border)!important}.ant-modal .ant-modal-body,.ant-modal .ant-modal-title{color:var(--text)!important}.ant-modal .ant-modal-footer{background:var(--surface)!important;border-top:1px solid var(--border)!important}.ant-modal-mask{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0009!important}.ant-tooltip .ant-tooltip-inner{color:var(--text)!important}.ant-tooltip .ant-tooltip-arrow:before,.ant-tooltip .ant-tooltip-inner{background:var(--surface)!important;border:1px solid var(--border)!important}.ant-message .ant-message-notice-content{background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-medium)!important;color:var(--text)!important}.ant-message-success .ant-message-custom-content{background:var(--card)!important;color:var(--success)!important}.ant-message-error .ant-message-custom-content{background:var(--card)!important;color:var(--danger)!important}.ant-message-info .ant-message-custom-content{background:var(--card)!important;color:var(--primary)!important}.ant-message-warning .ant-message-custom-content{background:var(--card)!important;color:var(--warning)!important}.ant-space{color:var(--text)!important}.ant-dropdown,.ant-dropdown-menu{background:var(--card)!important;border:1px solid var(--border)!important}.ant-dropdown-menu-item{color:var(--text)!important}.ant-dropdown-menu-item:hover{background:var(--surface)!important}.ant-dropdown-menu-item-danger{color:var(--danger)!important}.ant-dropdown-menu-item-danger:hover{background:#ff78751a!important}.ant-tag{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.ant-pagination .ant-pagination-item{background:var(--card)!important;border-color:var(--border)!important}.ant-pagination .ant-pagination-item a{color:var(--text)!important}.ant-pagination .ant-pagination-item-active{background:var(--primary)!important;border-color:var(--primary)!important}.ant-pagination .ant-pagination-item-active a{color:#fff!important}.ant-pagination .ant-pagination-next .ant-pagination-item-link,.ant-pagination .ant-pagination-prev .ant-pagination-item-link{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}.ant-switch{background:var(--text-muted)!important}.ant-switch-checked{background:var(--primary)!important}.ant-checkbox-wrapper{color:var(--text)!important}.ant-checkbox .ant-checkbox-inner{background:var(--card)!important;border-color:var(--border)!important}.ant-checkbox-checked .ant-checkbox-inner{background:var(--primary)!important;border-color:var(--primary)!important}.ant-radio-wrapper{color:var(--text)!important}.ant-radio .ant-radio-inner{background:var(--card)!important;border-color:var(--border)!important}.ant-radio-checked .ant-radio-inner{border-color:var(--primary)!important}.ant-radio-checked .ant-radio-inner:after{background:var(--primary)!important}.ant-form-item-label>label{color:var(--text)!important}.ant-form-item-explain,.ant-form-item-extra{color:var(--text-muted)!important}.ant-divider{border-color:var(--border)!important}.ant-layout{background:var(--bg)!important}.ant-layout-header{background:var(--surface)!important;border-bottom:1px solid var(--border)!important}.ant-layout-sider{background:var(--surface)!important;border-right:1px solid var(--border)!important}.ant-layout-content{background:var(--bg)!important}.ant-menu{background:var(--surface)!important}.ant-menu,.ant-menu-item{color:var(--text)!important}.ant-menu-item:hover{background:var(--card)!important;color:var(--primary)!important}.ant-menu-item-selected{background:var(--primary)!important;color:#fff!important}.ant-steps .ant-steps-item-title{color:var(--text)!important}.ant-steps .ant-steps-item-description{color:var(--text-muted)!important}.ant-steps .ant-steps-item-icon{background:var(--card)!important;border-color:var(--border)!important}.ant-tabs .ant-tabs-tab{color:var(--text)!important}.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary)!important}.ant-tabs .ant-tabs-ink-bar{background:var(--primary)!important}.ant-card{background:var(--card)!important;border:1px solid var(--border)!important}.ant-card-head{background:var(--surface)!important;border-bottom:1px solid var(--border)!important}.ant-card-body,.ant-card-head-title{color:var(--text)!important}.ant-collapse{background:var(--card)!important;border:1px solid var(--border)!important}.ant-collapse-header{background:var(--surface)!important;color:var(--text)!important}.ant-collapse-content{border-top:1px solid var(--border)!important}.ant-collapse-content,.ant-tree{background:var(--card)!important}.ant-tree,.ant-tree .ant-tree-node-content-wrapper{color:var(--text)!important}.ant-tree .ant-tree-node-content-wrapper:hover{background:var(--surface)!important}.ant-tree .ant-tree-node-selected{color:#fff!important}.ant-spin-dot-item,.ant-tree .ant-tree-node-selected{background:var(--primary)!important}.ant-spin-text{color:var(--text)!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.page-heading{color:#333;font-size:28px;font-weight:700;margin:0 0 30px;text-align:justify}.table-container .ant-table{background-color:#f9f9f9;border-radius:8px;padding:15px}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.site-layout{display:flex}.main-content{flex-grow:1;padding:20px}.main-content-with-sidebar{margin-left:220px}.row-odd{background-color:#f3f3f3!important}.row-even{background-color:#fff!important}.ant-table-container .ant-table-cell-fix-left,.ant-table-container .ant-table-cell-fix-right{background-color:#fff!important;box-shadow:2px 0 5px -2px #0000001a;position:relative;z-index:2}.ant-table-container .ant-table-cell-fix-left-first,.ant-table-container .ant-table-cell-fix-right-last{z-index:3}.custom-date-picker{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#000000a6;font-size:14px;line-height:1.5;padding:4px 11px;transition:all .3s}.custom-date-picker:focus,.custom-date-picker:hover{border-color:#40a9ff}.custom-date-picker:focus{box-shadow:0 0 0 2px #1890ff33;outline:0}body.dark-mode .custom-date-picker{background-color:#1f1f1f;border:1px solid #404040;color:#fff}body.dark-mode .custom-date-picker:focus,body.dark-mode .custom-date-picker:hover{border-color:#1890ff}body.dark-mode .custom-date-picker:focus{box-shadow:0 0 0 2px #1890ff33}body.dark-mode .custom-date-picker::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}body.dark-mode .custom-date-picker::-webkit-datetime-edit-fields-wrapper,body.dark-mode .custom-date-picker::-webkit-datetime-edit-text{color:#fff}body.dark-mode .custom-date-picker::-webkit-datetime-edit-day-field,body.dark-mode .custom-date-picker::-webkit-datetime-edit-month-field,body.dark-mode .custom-date-picker::-webkit-datetime-edit-year-field{color:#fff}body.dark-mode .custom-date-picker{color-scheme:dark}@supports (padding:max(0px)){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media (display-mode:standalone){body{padding-top:max(env(safe-area-inset-top),20px)}}@media (max-width:767px){.main-content,.main-content-with-sidebar,.main-content-without-sidebar{padding-top:70px}.page-heading,.page-heading-without-bottom-margin{font-size:24px}.fixed-column{width:0}}@media (max-width:767px) and (display-mode:standalone){.main-content,.main-content-with-sidebar,.main-content-without-sidebar{padding-top:calc(70px + env(safe-area-inset-top))}}