:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (min-width: 1224px){#root{min-width:1450px;margin:0 20px;padding:.5rem;text-align:center;background-color:#ceeff1}}@media (min-width: 1800px){#root{min-width:1800px;height:95vh;margin:0 20px;padding:.5rem;text-align:center;background-color:#ceeff1}}.usercard{width:1100px;margin-left:20px;background:#f8f0f0;border-radius:10px;box-shadow:0 2px 8px #0000001a}.usercard{margin:20px;box-shadow:0 4px 14px #0000001a;border-radius:10px}.user-card-wrapper{padding:20px}.user-card{border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:.3s ease}.user-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.card-header{display:flex;align-items:center;gap:10px}.user-card-wrapper-scroll{max-height:550px;overflow-y:auto;padding-right:10px}.user-card-wrapper-scroll::-webkit-scrollbar{width:6px}.user-card-wrapper-scroll::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.workflow-stages{border:1px solid #c5d4e6;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #0000001a;margin:12px;min-height:560px;display:flex;flex-direction:column;position:relative}.workflow-stages:after{content:"";position:absolute;inset:2px;border-radius:8px;border:1px solid rgba(24,94,255,.16);pointer-events:none}.workflow-header{padding:16px 24px 0;border-bottom:1px solid #f0f0f0}.workflow-header__meta{text-align:right}.workflow-header__tools{justify-content:flex-end;width:100%;flex-wrap:wrap;gap:6px 12px!important}.workflow-header__tools .ant-typography{white-space:nowrap}.workflow-header__tools .ant-btn{padding:0 8px}@media (max-width: 767px){.workflow-header__meta{text-align:left}.workflow-header__tools{justify-content:flex-start}}.workflow-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:16px}@media (max-width: 767px){.workflow-body{padding:16px}}.workflow-alert{margin-bottom:4px}.workflow-spinner,.workflow-empty{flex:1;display:flex;align-items:center;justify-content:center;min-height:220px}.workflow-stage-layout{margin-top:8px}.workflow-stage-column,.workflow-stage-column .workflow-stage-card{width:100%}@media (min-width: 992px){.workflow-stage-column .workflow-stage-card{max-width:220px;margin:0 auto}}.workflow-stage-card{transition:transform .2s ease,box-shadow .2s ease}.workflow-stage-card__stat{margin-bottom:8px}.workflow-stage-card__description{display:block;font-size:12px;line-height:1.45}.workflow-stage-card--compact{position:relative}.workflow-stage-card__badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid transparent;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.workflow-stage-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000014}.workflow-stage-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.workflow-stage-card__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:16px}.workflow-stage-card__icon--orange{background:#fff7e6;color:#fa8c16}.workflow-stage-card__icon--pink{background:#fff0f6;color:#eb2f96}.workflow-stage-card__icon--blue{background:#e6f4ff;color:#1677ff}.workflow-stage-card__icon--purple{background:#f9f0ff;color:#722ed1}.workflow-stage-card__icon--green{background:#f6ffed;color:#389e0d}.workflow-seat-card .ant-card-body{padding:12px}.workflow-seat-card{width:100%;min-height:100%}.seat-card-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:8px}.seat-card-summary .ant-statistic-title{font-size:12px;color:#666}.seat-card{min-height:100px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:"center";color:#fff;transition:transform .2s ease,box-shadow .2s ease;margin:0 5px;padding:12px 14px}.seat-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.seat-card--occupied{background:linear-gradient(135deg,#f37373,#d9383e)}.seat-card--available{background:linear-gradient(135deg,#47d7a3,#2b9d75)}.seat-card--kids{border:1px dashed #ffd666}.seat-card .ant-typography{color:inherit}.seat-card__content{width:100%;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.seat-card__header{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;gap:6px}.seat-card__label{font-size:14px}.seat-card__doctor{font-size:12px;font-weight:500;color:#ffffffe6}.seat-card__queue{font-size:12px;color:#fffc}.ant-table-thead .ant-table-cell{background-color:#ceeff1!important}.ant-list-bordered{border:1px solid #CEEFF1!important;border-radius:6px}.ant-list-split .ant-list-item{border-block-end:1px solid #CEEFF1!important}.ant-drawer .ant-drawer-body{padding:16px 18px!important}.appointmentform{background:#ceeff1;height:500px;border-radius:5px}.appointments{padding:10px 15px}.hospital-info{background-color:#fff;min-height:10px;padding:5px 10px;border-radius:5px}.doctor-info-block{margin-bottom:8px}.doctor-name{font-size:15px;font-weight:700;margin-bottom:2px;color:#222}.consultation-timing{font-size:13px;font-weight:600;color:#089bab;margin-bottom:10px;white-space:pre-line}.slots-row{margin-top:10px;background-color:#fff;height:450px;border-radius:5px}.clear-submit-btn{width:100%;display:flex;justify-content:end;margin-top:16px}@media (max-width: 800px){.appointmentform,.appointmentslots{height:500px;margin:10px}.appointment-card,.appointment-layout{width:100%}.dashboard-filters{justify-content:center}.dashboard-card{padding:16px}.submit-align-right{justify-content:center}.slot-button{width:60px;font-size:11px}}.paymentTab{background:#fff;height:440px;border-radius:5px;margin:10px 0;padding:10px;overflow-y:scroll}.waiting-btn--warning{background:#faad14;border-color:#faad14;color:#fff}.waiting-btn--warning:hover:not(:disabled){background:#d48806;border-color:#d48806;color:#fff}.waiting-btn--warning:active:not(:disabled){background:#ad6800;border-color:#ad6800;color:#fff}.waiting-btn--warning:disabled{background:#0000000a;border-color:#0000000f;color:#00000040}.prescription-container{margin:0;padding:8px;background-color:#ceeff1;border-radius:5px;height:475px;display:flex;flex-direction:column}.prescription-card{background:#fff;border-radius:5px;padding:10px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;height:100%;display:flex;flex-direction:column}.prescription-card>.pdf{margin-top:auto}.prescription-card .main-scrollable{flex:1 1 auto;overflow-y:auto;padding-right:8px}.medicine-table-container,.test-scan-container{max-height:200px;overflow-y:auto;margin-bottom:16px;border:1px solid #ccc;border-radius:6px;padding:8px;background:#f9fbfd}.prescription-modal{padding:20px;border-radius:8px}.pre-consultation{border-style:groove;padding:10px;border:2px solid #aaa8a8}.clinic-separator,.ant-divider-horizontal{border:none;border-top:2px solid #aaa!important;margin:16px 0}.ant-divider-inner-text{color:#333!important;font-weight:600;font-size:16px}.ant-table{border:1px solid #ccc;border-radius:6px;overflow:hidden}.ant-table-thead>tr>th{border:1px solid #ddd;background-color:#f4f6f8;font-weight:600;color:#333}.ant-table-tbody>tr>td{border:1px solid #e0e0e0;background-color:#fff;color:#333}.ant-table-tbody>tr:nth-child(2n)>td{background-color:#f9f9f9}.description-area,.test-description-area{margin-top:12px}.list-section{margin-top:24px}.signature{margin-top:24px;font-weight:700;color:#2c3e50}.footer{margin-top:40px;font-size:13px;color:#666}.submit-btn-container{text-align:right;margin-top:16px}.footer-buttons .ant-btn-primary{background-color:#3498db;border-color:#3498db;color:#fff}.footer-buttons .ant-btn-primary:hover{background-color:#2980b9;border-color:#2980b9}.footer-buttons .ant-btn-default:hover{color:#3498db;border-color:#3498db}@media (max-width: 768px){html,body{overflow:hidden;height:100vh}.prescription-container{height:100vh;align-items:flex-start;padding:12px}.prescription-card{height:100%;max-height:100%;padding:16px 16px 60px;overflow-y:auto}.clinic-row{flex-direction:column;align-items:center;text-align:center}.clinic-info,.patient-info{text-align:center}.medicine-table-container,.test-scan-container{max-height:150px}}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker,.ant-input-number,.ant-cascader-picker{border-color:#089bab!important}.ant-input:focus,.ant-input:hover,.ant-input-focused,.ant-select:hover .ant-select-selector,.ant-select-focused .ant-select-selector,.ant-input-affix-wrapper-focused,.ant-picker-focused,.ant-picker:hover,.ant-input-number-focused,.ant-input-number:hover,.ant-cascader-picker-focused,.ant-cascader-picker:hover{border-color:#089bab!important;box-shadow:0 0 0 2px #089bab33!important}.ant-input-textarea,.ant-input-textarea:focus,.ant-input-textarea:hover,.ant-input-textarea-focused{border-color:#089bab!important;box-shadow:0 0 0 2px #089bab33!important}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:#089bab1a!important}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:#089bab33!important}.ant-btn-primary{background-color:#089bab!important;border-color:#089bab!important}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#089bab!important;border-color:#089bab!important}.exclude-from-pdf:hover,.exclude-from-pdf:focus{background-color:#089bab!important;border-color:#089bab!important;color:#fff!important}.divider-with-text{display:flex;align-items:center;text-align:left;width:100%;margin:16px 0}.divider-with-text:before{content:none}.divider-with-text:after{content:"";flex:1;border-bottom:1px solid #089BAB;margin-left:8px}.divider-text{color:#089bab;font-weight:500}.description{background:#fff;padding:8px}.prescription-form{margin-bottom:16px;padding-left:10px}.select-component{width:100%;margin-bottom:8px}.exclude-from-pdf{margin-left:8px}.followup-descriptions .ant-descriptions-row>.ant-descriptions-item-label,.followup-descriptions .ant-descriptions-item-label{color:#056b6f!important;font-weight:600}.followup-descriptions{border-color:#089bab!important}.seat-consultation-container{height:92%;background:linear-gradient(135deg,#ceeff1,#eaf9fb 45%,#fff);padding:20px;overflow-y:auto}.seat-consultation-layout{display:flex;gap:20px;height:100%}.left-sidebar{flex:0 0 420px;min-width:0;max-width:420px;display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto}.current-patient-card{box-shadow:0 4px 12px #00000014;border-radius:12px;background:#fff}.current-patient-card .ant-card-head{border-bottom:2px solid #f0f0f0;padding:16px 20px}.current-patient-card .ant-card-body{padding:20px}.card-title-icon{font-size:18px;color:#089bab}.card-title-text{font-size:16px;font-weight:600}.empty-state{text-align:center;padding:30px 0;color:#999}.empty-state-icon{font-size:48px;color:#d9d9d9;margin-bottom:12px}.empty-state-title{font-size:15px;font-weight:500}.empty-state-subtitle{font-size:13px;margin-top:8px}.patient-card{background:linear-gradient(135deg,#ceeff1,#a8dfe5);border-radius:12px;padding:8px;color:#044a58;box-shadow:0 4px 15px #089bab33;border:2px solid #089bab;margin:8px}.patient-badge-container{margin-bottom:0}.patient-token-badge{background-color:#fff!important;color:#fff!important;font-size:16px!important;font-weight:700!important;padding:0 12px!important;height:28px!important}.patient-name{font-size:20px;font-weight:600;margin-bottom:8px}.patient-id-container{font-size:13px;opacity:.9;margin-bottom:12px;display:flex;align-items:center;gap:6px}.patient-id-tag{margin:0!important}.patient-divider{margin:12px 0!important;border-color:#089bab4d!important}.patient-details{font-size:14px}.waiting-patients-card{flex:1;box-shadow:0 4px 12px #00000014;border-radius:12px;background:#fff;display:flex;flex-direction:column;padding:8px;min-height:0;overflow:hidden}.waiting-patients-card .ant-card-head{border-bottom:2px solid #f0f0f0;padding:16px 20px;flex-shrink:0}.waiting-patients-card .ant-card-body{padding:0;flex:1;overflow-y:auto;min-height:0}.waiting-card-title-container{width:100%;justify-content:space-between}.waiting-title-icon{font-size:18px;color:#089bab}.waiting-badge{background-color:#089bab!important}.waiting-patients-table{height:100%}.table-row-light{background-color:#fafafa}.table-row-dark{background-color:#fff}.token-tag{font-size:13px!important;font-weight:600!important;padding:4px 12px!important}.patient-icon{color:#089bab}.patient-name-text{font-weight:500}.doctor-icon{color:#35775e}.assign-button{border-radius:6px!important}.empty-waiting-state{text-align:center;padding:40px 20px;color:#999}.empty-waiting-icon{font-size:48px;color:#d9d9d9;margin-bottom:12px}.empty-waiting-title{font-size:15px;font-weight:500;color:#666}.empty-waiting-subtitle{font-size:13px;margin-top:8px}.prescription-card{flex:1;min-width:0;box-shadow:0 4px 12px #00000014;border-radius:12px;background:#fff;overflow:hidden}.prescription-card .ant-card-body{padding:0;height:100%}.pharm-wrapper{padding:20px;border:1px solid #e6e6e6;max-height:600px;overflow-y:auto}.pharm-btn{display:flex;gap:12px;margin-bottom:25px;align-items:center}.reconfirm-btn{display:flex;gap:12px;margin-top:25px;align-items:center}.pharm-wrapper .ant-table-thead>tr>th{background-color:#f8f0f0;color:#089bab;font-weight:600;text-align:center}.summary-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}.summary-box{height:80px;flex:1 1 100px;background:#f0f2f5;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.summary-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-title{margin-bottom:8px;font-size:14px;font-weight:400;color:#595959}.summary-count{font-size:24px;font-weight:600;color:#262626}.patient_table{background:#fff;border:1px solid #e8e8e8;padding:20px 20px 0;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-right:20px;margin-top:5px;margin-left:20px;height:485px;width:95%;box-sizing:border-box;transition:box-shadow .3s ease}.patient_table:hover{box-shadow:0 4px 16px #0000001f}.patientglance-table{border-radius:8px;max-height:360px;overflow-y:auto}.patientglance-table .ant-table-wrapper{max-height:360px;overflow-y:auto}.patientglance-table .ant-table{font-size:14px}.patientglance-table .ant-table-thead>tr>th{background:linear-gradient(to bottom,#fafafa,#f5f5f5);font-weight:600;color:#262626;border-bottom:2px solid #e8e8e8;padding:12px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.patientglance-table .ant-table-tbody>tr{transition:all .2s ease}.patientglance-table .ant-table-tbody>tr:hover{background:#e6f7f9!important;box-shadow:0 2px 8px #089bab1a;cursor:pointer}.patientglance-table .ant-table-tbody>tr>td{padding:14px 16px;border-bottom:1px solid #f0f0f0}.patientglance-table .ant-table-row-expand-icon{color:#089bab;transition:transform .3s ease}.patientglance-table .ant-table-row-expand-icon:hover{transform:scale(1.2)}.patientglance-table .ant-empty{padding:40px 0}.patientglance-table .ant-table-expanded-row>td{background:#fafafa;padding:0!important}.calendar-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.calendar-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;width:50px;height:50px;color:#fff;box-shadow:0 4px 12px #667eea66;transition:transform .2s ease,box-shadow .2s ease}.calendar-bubble:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea99}.calendar-bubble .count{font-size:18px;font-weight:700;margin-bottom:2px}.calendar-bubble .label{font-size:10px;text-transform:uppercase;opacity:.9}.ant-picker-calendar-date-content{height:80px!important;display:flex;align-items:center;justify-content:center}.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:#e6f7f9;border-color:#089bab}.ant-tabs-tab{padding:12px 24px!important;font-size:15px;font-weight:500;transition:all .3s ease}.ant-tabs-tab:hover{color:#089bab!important}.ant-tabs-tab-active{font-weight:600}.ant-tabs-ink-bar{height:3px!important;border-radius:3px}.ant-tag{font-weight:500;padding:4px 12px;border-radius:6px;font-size:13px;border:none}.ant-btn-primary{border-radius:6px;background-color:#089bab;border-color:#089bab;box-shadow:0 2px 6px #089bab4d;transition:all .3s ease}.ant-btn-primary:hover{background-color:#0aafbf!important;border-color:#0aafbf!important;transform:translateY(-2px);box-shadow:0 4px 12px #089bab66}.ant-btn:not(.ant-btn-primary){border-radius:6px}.ant-card{border-radius:12px;transition:box-shadow .3s ease}.ant-card:hover{box-shadow:0 6px 20px #0000001a}.ant-card-head{border-bottom:2px solid #f0f0f0;padding:16px 24px}.ant-card-body{padding:20px}.ant-statistic{text-align:center}.ant-statistic-title{font-size:14px;margin-bottom:8px;font-weight:500}.ant-statistic-content{font-size:28px;font-weight:700}.ant-drawer-header{padding:20px 24px;background:linear-gradient(to right,#f0f2f5,#fff);border-bottom:2px solid #e8e8e8}.ant-drawer-body{padding:24px;background:#fafafa}.ant-drawer-footer{padding:16px 24px;border-top:1px solid #e8e8e8;background:#fff}.ant-modal-header{padding:20px 24px;border-bottom:2px solid #f0f0f0;border-radius:8px 8px 0 0}.ant-modal-body{padding:24px}.ant-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0}.ant-form-item-label>label{font-weight:500;color:#262626;font-size:14px}.ant-input,.ant-input-affix-wrapper{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s ease}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:#089bab}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:#089bab;box-shadow:0 0 0 2px #089bab1a}.ant-input-textarea textarea{border-radius:6px}.ant-rate{font-size:24px}.ant-rate-star{margin-right:8px;transition:transform .2s ease}.ant-rate-star:hover{transform:scale(1.1)}.ant-pagination{margin-top:16px;text-align:center}.ant-pagination-item{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s ease}.ant-pagination-item:hover{border-color:#089bab;transform:translateY(-2px)}.ant-pagination-item-active{background:#089bab;border-color:#089bab;font-weight:600}.ant-spin{color:#089bab}.ant-spin-dot-item{background-color:#089bab}.ant-radio-wrapper{transition:all .2s ease}.ant-radio-wrapper:hover{background:#e6f7f9;border-radius:4px;padding:4px 8px;margin:-4px -8px}.col{height:50px}@media (max-width: 768px){.patient_table{width:100%;margin:10px;padding:12px}.summary-box{flex:1 1 calc(50% - 16px)}.ant-tabs-tab{padding:8px 12px!important;font-size:13px}.patientglance-table .ant-table-thead>tr>th{padding:8px 12px;font-size:12px}.patientglance-table .ant-table-tbody>tr>td{padding:10px 12px}}@media (max-width: 576px){.summary-box{flex:1 1 100%}.ant-statistic-content{font-size:22px}.calendar-bubble{width:40px;height:40px}.calendar-bubble .count{font-size:16px}}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#8c8c8c}.ant-table-tbody>tr{animation:fadeIn .3s ease}.ant-badge{font-weight:600}.ant-badge-count{background:#fff;color:inherit;box-shadow:none;border:none;font-size:16px;font-weight:700}.ant-space{gap:12px}.ant-typography{color:#262626}.ant-typography-secondary{color:#8c8c8c}.dashboard-container{background:linear-gradient(135deg,#e8f4f8,#d4eef4);max-height:540px;margin:10px;border-radius:8px;overflow-y:scroll;padding:10px;box-shadow:0 4px 16px #6cc3d026}.ant-card-head{background:linear-gradient(135deg,#eef8fa,#e0f2f7);border-bottom:1px solid #d4eef4;font-weight:600;color:#2c5f7a}.filter-card{background:linear-gradient(135deg,#f8fcfd,#f0fafb);border:1px solid #d4eef4;box-shadow:0 2px 8px #6cc3d01a!important;transition:all .3s ease}.filter-card:hover{box-shadow:0 4px 12px #6cc3d033!important;transform:translateY(-2px)}.filter-card .ant-picker{border-radius:6px;border:1px solid #c8e4eb;height:36px}.filter-card .ant-picker:hover{border-color:#6cc3d0}.filter-card .ant-picker-focused{border-color:#6cc3d0;box-shadow:0 0 0 2px #6cc3d01a}.filter-card .ant-btn{border-radius:6px;font-weight:500;transition:all .3s ease}.filter-card .ant-btn-default{border:1px solid #c8e4eb;color:#2c5f7a}.filter-card .ant-btn-default:hover{border-color:#6cc3d0;color:#6cc3d0}.filter-card .ant-btn-primary{background:#6cc3d0;border-color:#6cc3d0}.filter-card .ant-btn-primary:hover{background:#5ab5c5;border-color:#5ab5c5}d-title{text-align:center;font-size:26px;font-weight:700;color:#2c5f7a;margin-bottom:20px}.dashboard-filters{margin-bottom:0}.dashboard-filters .ant-card{border:none;transition:all .3s ease;background:#f0fafb;box-shadow:0 2px 8px #6cc3d01a;border-radius:10px}.dashboard-filters .ant-card:hover{box-shadow:0 4px 12px #6cc3d033;transform:translateY(-2px);background:#fff}.dashboard-filters .ant-btn{border-radius:8px;font-weight:600;transition:all .3s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;justify-content:center;gap:8px;border:none}.dashboard-filters .ant-btn-primary{background:#6cc3d0;box-shadow:0 2px 6px #6cc3d04d;color:#fff}.dashboard-filters .ant-btn-primary:hover{background:#5ab5c5;transform:translateY(-2px);box-shadow:0 4px 12px #6cc3d066}.dashboard-filters .ant-btn-dangerous{background:#d97e7e;color:#fff;box-shadow:0 2px 6px #d97e7e4d}.dashboard-filters .ant-btn-dangerous:hover{background:#c96b6b;transform:translateY(-2px);box-shadow:0 4px 12px #d97e7e66}.dashboard-filters .ant-picker{border-radius:8px;border:1px solid #c8e4eb;transition:all .3s ease;height:42px;background:#f8fcfd}.dashboard-filters .ant-picker:hover{border-color:#6cc3d0;box-shadow:0 2px 8px #6cc3d026}.dashboard-filters .ant-picker-focused{border-color:#6cc3d0;box-shadow:0 0 0 2px #6cc3d01a}.dashboard-filters .ant-tag{padding:8px 16px;font-size:13px;border-radius:6px;font-weight:600;border:none;background:#d4eef4;color:#2c5f7a}.kpi-row{margin-bottom:20px}.kpi-card{background:linear-gradient(135deg,#f8fcfd,#eef8fa);box-shadow:0 2px 8px #6cc3d01a;border-radius:8px;border-left:4px solid #6cc3d0;transition:all .3s cubic-bezier(.645,.045,.355,1);height:100%;overflow:hidden}.kpi-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #6cc3d033;border-left-color:#5ab5c5}.kpi-card:nth-child(2){border-left-color:#7fc95f}.kpi-card:nth-child(2):hover{border-left-color:#6db84f}.kpi-card:nth-child(3){border-left-color:#d4a574}.kpi-card:nth-child(3):hover{border-left-color:#c89963}.kpi-card:nth-child(4){border-left-color:#d88b95}.kpi-card:nth-child(4):hover{border-left-color:#ce7885}.kpi-content{padding:20px}.kpi-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.kpi-icon{font-size:24px;line-height:1}.kpi-label{font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.kpi-subtitle{font-size:12px;color:#999;margin-top:8px;display:block}.kpi-trend{margin-top:12px;display:flex;align-items:center;gap:8px}.dashboard-card{background-color:#f8fcfd;box-shadow:0 4px 12px #6cc3d01a;border-radius:8px;height:auto;transition:all .3s ease}.dashboard-card-chart{background:#f8fcfd;box-shadow:0 2px 8px #6cc3d01a;border-radius:8px;transition:all .3s ease}.dashboard-card-bar{background:#f8fcfd;box-shadow:0 2px 8px #6cc3d01a;border-radius:8px;padding:10px;transition:all .3s ease}.dashboard-card:hover,.dashboard-card-chart:hover,.dashboard-card-bar:hover{transform:translateY(-4px);box-shadow:0 8px 20px #6cc3d033}.card{background-color:#d4eef4;box-shadow:0 4px 12px #6cc3d01a;margin-bottom:10px;border-radius:8px}.chart-card{margin:5px 5px 5px 10px}.dashboard-spinner,.dashboard-alert{margin-top:100px;display:flex;justify-content:center;align-items:center}.ant-tabs-tab{font-weight:500;font-size:15px;border-radius:8px 8px 0 0!important;background:#f0fafb;margin-right:4px}.ant-tabs-tab-active .ant-tabs-tab-btn{color:#6cc3d0;font-weight:600}.ant-tabs-ink-bar{background-color:#6cc3d0!important}.ant-card .ant-card-body{padding:0!important}.ant-card-head{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-bottom:1px solid #f0f0f0;font-weight:600}@media (max-width: 768px){.dashboard-container{margin:10px;padding:15px}.dashboard-title{font-size:22px}.dashboard-filters{justify-content:center}.dashboard-card{padding:16px}.kpi-card{margin-bottom:15px}}@media (max-width: 480px){.dashboard-container{margin:5px;padding:10px}.kpi-header{flex-direction:column;align-items:flex-start}.kpi-label{font-size:11px}.ant-tabs-tab{font-size:13px}.ant-statistic-title{font-size:12px}}.dashboard-container::-webkit-scrollbar{width:8px}.dashboard-container::-webkit-scrollbar-track{background:#e8f4f8;border-radius:10px}.dashboard-container::-webkit-scrollbar-thumb{background:#6cc3d0;border-radius:10px}.dashboard-container::-webkit-scrollbar-thumb:hover{background:#5ab5c5}.ant-alert{border-radius:8px;border-left-width:4px;font-size:13px}.ant-alert-success{background-color:#f0f9f6;border-color:#7fc95f}.ant-alert-warning{background-color:#faf8f0;border-color:#d4a574}.ant-alert-error{background-color:#faf4f6;border-color:#d88b95}.ant-alert-info{background-color:#d4eef4;border-color:#6cc3d0}.ant-card-type-inner{border-radius:8px;transition:all .3s ease}.ant-card-type-inner:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ant-statistic{line-height:1.2}.ant-statistic-title{font-weight:500;color:#666;margin-bottom:8px}.ant-statistic-content{font-variant-numeric:tabular-nums}.ant-progress{line-height:1}.ant-progress-bg{border-radius:4px!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:10px;background:#eef8fa;border-radius:6px}.info-item{text-align:center;padding:10px;background:#fff;border-radius:4px;box-shadow:0 1px 4px #6cc3d00d}.info-label{font-size:12px;color:#888;margin-bottom:5px}.info-value{font-size:18px;font-weight:700;color:#6cc3d0}.ant-card-head-title{display:flex;align-items:center;gap:8px;font-size:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-live{animation:pulse 2s ease-in-out infinite}.ant-tag{border-radius:4px;font-weight:500;padding:2px 8px;border:none}.ant-card-type-inner .ant-statistic-title{color:#fff!important;opacity:.95}.ant-card-type-inner .ant-statistic-content{color:#fff!important}table thead tr{background:linear-gradient(135deg,#f5f7fa,#e9ecef)}table tbody tr:hover{background-color:#f0f7ff!important;transition:background-color .2s ease}table td,table th{transition:all .2s ease}.ant-tag-gold{background:linear-gradient(135deg,gold,#ffed4e);border:none;font-weight:600;box-shadow:0 2px 4px #ffd7004d}.metric-summary{padding:15px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:8px;border-left:4px solid #1890ff;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.metric-summary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.revenue-card-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.revenue-card-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.revenue-card-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.revenue-card-green{background:linear-gradient(135deg,#43e97b,#38f9d7)}tr.idle-seat{opacity:.5;background-color:#f5f5f5}@media (max-width: 768px){table{font-size:12px}table td,table th{padding:8px 6px!important}}.performance-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.performance-badge-high{background-color:#f0f9f6;color:#7fc95f;border:1px solid #b8e0ac}.performance-badge-medium{background-color:#faf8f0;color:#d4a574;border:1px solid #e0d0c0}.performance-badge-low{background-color:#faf4f6;color:#d88b95;border:1px solid #e0c0cb}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.dashboard-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.dashboard-title{margin:0;color:#2c5f7a;font-size:20px;font-weight:600}.dashboard-last-updated{font-size:12px;color:#888}.dashboard-tabs{background:#fff;border-radius:8px;padding:10px}.tab-content{padding:16px}.filter-card-wrapper{background:linear-gradient(135deg,#f8fcfd,#f0fafb);border:1px solid #d4eef4;margin:0 0 20px;padding:16px 20px;border-radius:8px;box-shadow:0 2px 8px #6cc3d01a;transition:all .3s ease}.filter-card-wrapper:hover{box-shadow:0 4px 12px #6cc3d026}.filter-label{display:inline-block;margin-right:12px;margin-bottom:0;font-size:13px;font-weight:600;color:#2c5f7a;letter-spacing:.3px;white-space:nowrap;vertical-align:middle}.filter-date-picker{width:100%;height:38px}.filter-date-picker .ant-picker{width:100%;height:38px;border-radius:6px;border:1px solid #c8e4eb;transition:all .3s ease}.filter-date-picker .ant-picker:hover{border-color:#6cc3d0;box-shadow:0 2px 8px #6cc3d01a}.filter-date-picker .ant-picker-focused{border-color:#6cc3d0!important;box-shadow:0 0 0 2px #6cc3d026!important}.stat-value-24px{font-size:24px}.stat-value-28px{font-size:28px}.stat-value-32px{font-size:32px}.stat-color-primary{color:#6cc3d0}.stat-color-success{color:#52c41a}.stat-color-warning{color:#faad14}.stat-color-danger{color:#f5222d}.stat-tag-highlight{font-weight:600}.reload-icon{cursor:pointer;color:#6cc3d0}.table-count-value{font-size:16px}.active-filter-btn{animation:pulse-highlight .6s ease-out}@keyframes pulse-highlight{0%{box-shadow:0 0 #6cc3d0b3}50%{box-shadow:0 0 0 8px #6cc3d04d}to{box-shadow:0 0 #6cc3d000}}.active-filter-btn:hover{transform:scale(1.05)}.productivity-table-cell{font-weight:500;color:#2c5f7a}.productivity-metrics-kpi{background:linear-gradient(135deg,#f8fcfd,#eef8fa);border-radius:8px;padding:16px;box-shadow:0 2px 8px #6cc3d01a}.productivity-metrics-kpi:hover{transform:translateY(-4px);box-shadow:0 6px 16px #6cc3d026}.seat-chart-bar{background:linear-gradient(135deg,#6cc3d0,#5ab5c5)}.doctor-chart-bar{background:linear-gradient(135deg,#7fc95f,#6db84f)}.procedure-stat{text-align:center;padding:12px}.procedure-stat-value{font-size:28px;font-weight:700;color:#2c5f7a}.procedure-stat-label{font-size:12px;color:#666;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.attendance-module{padding:10px;margin:5px;border-radius:8px;background-color:#fff;min-height:540px}.print-only{display:none}.attendance-layout{height:100%;display:flex;flex-direction:column}.attendance-kiosk-launch{display:flex;justify-content:flex-end;padding:10px}.attendance-tabs{padding:10px;height:100%;overflow-y:auto}.attendance-tab-panel{width:100%}.attendance-card{padding:5px 10px;border-radius:12px;box-shadow:0 6px 20px #00000014}.attendance-card__header{display:flex;flex-wrap:wrap;gap:12px}.attendance-summary-table .ant-table{margin:5px;padding:5px;border-radius:12px;height:260px;overflow-y:auto}.attendance-table .ant-table{margin:5px;padding:5px;border-radius:12px;height:200px;overflow-y:auto}.attendance-small-text{display:block;margin-top:6px;font-size:12px}.attendance-subtitle{color:#666;font-size:12px}.attendance-filters{flex-wrap:wrap;gap:12px;padding:8px}.attendance-image-preview{margin-top:0;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;background:#ffffffb8;box-shadow:0 2px 10px #0f172a14}.attendance-image-preview img{width:100%;border-radius:10px;box-shadow:0 4px 16px #00000026}.attendance-image-gallery{display:flex;flex-wrap:wrap;gap:12px;width:100%}.attendance-image-gallery>*{flex:1 1 140px;min-width:140px;max-width:100%}.attendance-image-placeholder{display:flex;align-items:center;justify-content:center;min-height:120px;border:1px dashed rgba(148,163,184,.6);border-radius:12px;background:#f8fafc99}.attendance-camera{display:flex;flex-direction:column;gap:16px;align-items:center}.attendance-camera__preview{width:100%;max-width:420px;background:#000;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.attendance-camera__video,.attendance-camera__snapshot{width:100%;height:auto;object-fit:cover}.attendance-camera__snapshot{max-width:360px;aspect-ratio:1 / 1}.attendance-camera__mask{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.attendance-camera__guide{width:min(70%,320px);aspect-ratio:1 / 1;border:3px solid rgba(255,255,255,.92);border-radius:32px;box-shadow:0 0 0 2000px #00000073;position:relative;z-index:1}.attendance-camera__mask:before{content:"";position:absolute;inset:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background-color:#0f172a8c;mask:radial-gradient(circle at center,transparent 0 34%,rgba(0,0,0,.95) 40%,rgba(0,0,0,.95) 100%);-webkit-mask:radial-gradient(circle at center,transparent 0 34%,rgba(0,0,0,.95) 40%,rgba(0,0,0,.95) 100%)}.attendance-camera__actions{display:flex;justify-content:center;gap:12px;width:100%}.attendance-camera__hint{text-align:center}.attendance-summary-content{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto}.attendance-summary-content .ant-tabs{display:flex;flex:1 1 auto;overflow:hidden}.attendance-summary-content .ant-tabs-nav{margin:0;padding:8px 0}.attendance-summary-content .ant-tabs-content-holder{flex:1;padding:12px 16px;overflow:auto}.attendance-summary-content .ant-tabs-tabpane{padding:0}.attendance-summary-content__stats{flex:0 0 auto;margin:15px 0}.attendance-summary-content__table{flex:1 1 auto;width:100%;min-width:0;margin:0;padding:8px 0;overflow-y:auto}.attendance-summary-content .attendance-summary-content__table{padding:0;margin:0}.attendance-summary-stats{display:flex;flex-direction:column;gap:16px;border:1px solid #e5e7eb;padding:16px;border-radius:12px;background:#f9fafb}.attendance-summary-stats__item{display:flex;flex-direction:column;gap:4px;padding:12px 18px;border-radius:10px;background:linear-gradient(135deg,#f4f7ff,#fff);box-shadow:0 4px 12px #0f172a14;width:100%}.attendance-summary-stats__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#6b7280}.attendance-summary-stats__value{font-size:22px;font-weight:700;color:#1f2937}.attendance-summary-rate{font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:4px 10px;border-radius:999px}.attendance-summary-rate--high{color:#065f46;background-color:#10b98147}.attendance-summary-rate--medium{color:#8b5a12;background-color:#fbbf2452}.attendance-summary-rate--low{color:#991b1b;background-color:#f8717152}@media (max-width: 480px){.attendance-module{padding:8px;margin:3px;min-height:480px}.attendance-card__header,.attendance-filters{width:100%;flex-direction:column}.attendance-kiosk-launch{justify-content:center}.attendance-camera__guide{width:min(85%,240px);border-radius:20px;border-width:2px}.attendance-camera__preview{max-width:100%}.attendance-camera__actions button{min-width:100px;height:44px;font-size:14px}.attendance-summary-stats__value{font-size:18px}.attendance-tabs{padding:8px}}@media (min-width: 481px) and (max-width: 767px){.attendance-module{padding:10px;min-height:500px}.attendance-card__header,.attendance-filters{width:100%}.attendance-kiosk-launch{justify-content:center}.attendance-camera__guide{width:min(82%,260px);border-radius:24px}.attendance-camera__actions button{min-width:110px;height:46px}}@media (min-width: 768px) and (max-width: 820px) and (orientation: portrait){.attendance-module{padding:12px;min-height:520px}.attendance-camera__preview{max-width:380px}.attendance-camera__guide{width:min(70%,300px)}.attendance-camera__actions button{min-width:130px;height:48px;font-size:16px}.attendance-summary-content{height:380px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.attendance-module{min-height:500px}.attendance-camera__preview{max-width:400px}.attendance-summary-content{height:340px}}@media (max-width: 991px){.attendance-summary-content{flex-direction:column;height:auto;max-height:500px}.attendance-summary-content__stats,.attendance-summary-content__table{max-width:100%;width:100%;height:auto}.attendance-summary-content__stats{flex:0 0 auto}.attendance-summary-content__table{height:240px}}@media (hover: none) and (pointer: coarse){.attendance-camera__actions button,.attendance-kiosk-launch button,.ant-btn{min-height:48px;padding:12px 24px}.ant-tabs-tab{padding:14px 20px}.ant-select-selector,.ant-picker{min-height:44px}}.face-enrollment-modal .ant-modal-content{padding:0;overflow:hidden;border-radius:12px}.face-enrollment-modal .ant-modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#089bab,#06abb9)}.face-enrollment-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.face-enrollment-modal .ant-modal-close{color:#fff}.face-enrollment-modal .ant-modal-close:hover{background-color:#ffffff1a}.face-enrollment-modal .ant-modal-body{padding:32px 24px;background:#fafafa}@media (max-width: 1024px){.face-enrollment-modal .ant-modal{width:95vw!important;max-width:720px;margin:0 auto}.face-enrollment-modal .ant-modal-body{padding:16px 12px;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.face-enrollment-modal .ant-modal-header{padding:12px 16px}.face-enrollment-modal .ant-modal-title{font-size:16px}.enrollment-progress{padding:16px}.enrollment-camera-section{gap:16px}}.enrollment-camera-section{display:flex;flex-direction:column;gap:16px}.enrollment-progress{background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 8px #00000014;animation:fadeIn .5s ease-out}.progress-header{margin-bottom:12px}.progress-header h4{margin-bottom:8px;margin-top:0;color:#089bab}.captured-images-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:280px;margin:0 auto}.captured-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;animation:fadeIn .5s ease-out;max-height:240px}.captured-image-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;background:#ffffffe6;border-radius:4px;opacity:0;transition:opacity .3s ease}.captured-image-item:hover .remove-image-btn{opacity:1}.image-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:6px 8px;text-align:center;font-size:12px}.captured-image-placeholder{aspect-ratio:1;border:2px dashed #d9d9d9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fafafa;transition:all .3s ease}.captured-image-placeholder:hover{border-color:#089bab;background:#e6f7f9}.enrollment-complete{display:flex;flex-direction:column;align-items:center;animation:fadeIn .6s ease-out}.complete-icon-wrapper{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#52c41a,#73d13d);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 16px #52c41a4d;animation:pulse .6s ease-in-out}.complete-icon{font-size:50px;color:#fff}.enrollment-complete h3{margin-bottom:24px;color:#52c41a}.enrollment-complete .enrollment-progress{width:100%;margin-bottom:16px}.enrollment-buttons{display:flex;gap:12px;margin-top:16px}.enrollment-buttons .ant-btn{min-width:160px;height:48px;font-size:16px;font-weight:500;border-radius:8px}.face-enrollment-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;min-height:400px;background:#fff;border-radius:12px}.face-enrollment-processing .ant-spin{transform:scale(1.5)}@media (max-width: 600px){.captured-images-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto;gap:12px}.enrollment-camera-section{gap:12px}.face-enrollment-modal .ant-modal-body{padding:12px 10px}.enrollment-progress{padding:12px}.enrollment-buttons{flex-direction:column;width:100%;gap:8px}.enrollment-buttons .ant-btn{width:100%;min-width:100%;height:46px;font-size:15px}.camera-wrapper{min-height:280px}.countdown-circle .ant-progress-circle{width:80px!important;height:80px!important}.countdown-text{font-size:14px!important;margin-top:12px!important}.complete-icon-wrapper{width:70px!important;height:70px!important;margin-bottom:16px!important}.complete-icon{font-size:35px!important}.progress-header h4{font-size:16px}}@media (min-width: 601px) and (max-width: 767px){.captured-images-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto;gap:14px}.enrollment-camera-section{gap:14px}.face-enrollment-modal .ant-modal-body{padding:16px 14px}.enrollment-progress{padding:14px}.enrollment-buttons{flex-direction:row;justify-content:center;gap:10px;flex-wrap:wrap}.enrollment-buttons .ant-btn{flex:1;min-width:140px;height:48px;font-size:15px}.camera-wrapper{min-height:320px}.progress-header h4{font-size:17px}}@media (min-width: 768px) and (max-width: 900px){.face-enrollment-modal .ant-modal{width:90vw!important;max-width:680px}.captured-images-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto;gap:14px}.enrollment-buttons .ant-btn{min-width:150px;height:50px;font-size:16px}.camera-wrapper{min-height:340px}.enrollment-progress{padding:16px}.face-enrollment-modal .ant-modal-body{padding:18px 16px}}@media (max-width: 820px) and (orientation: portrait){.face-enrollment-modal .ant-modal{width:92vw!important;max-width:680px;max-height:88vh}.face-enrollment-modal .ant-modal-body{max-height:72vh;overflow-y:auto;padding:16px 14px}.captured-images-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}.enrollment-buttons{flex-direction:row;gap:10px;flex-wrap:wrap}.enrollment-buttons .ant-btn{flex:1;min-width:140px;height:50px;font-size:16px}.camera-wrapper{min-height:300px}.enrollment-progress{padding:14px}.progress-header h4{font-size:17px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.face-enrollment-modal .ant-modal{width:88vw!important;max-width:800px;max-height:92vh}.face-enrollment-modal .ant-modal-body{max-height:78vh;overflow-y:auto;padding:18px 16px}.camera-wrapper{min-height:320px}.captured-images-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}.enrollment-buttons .ant-btn{min-width:160px;height:50px}}@media (min-width: 1200px){.face-enrollment-modal .ant-modal{width:1000px!important}.countdown-circle{transform:scale(1.2)}.countdown-text{font-size:20px;margin-top:32px}}@media (hover: none) and (pointer: coarse){.enrollment-buttons .ant-btn{min-height:50px;padding:14px 28px}.remove-image-btn{opacity:1;width:36px;height:36px}.ant-modal-close{width:50px;height:50px}.captured-image-placeholder:hover{border-color:#d9d9d9;background:#fafafa}}@media (prefers-color-scheme: dark){.face-enrollment-modal .ant-modal-body{background:#1f1f1f}.enrollment-progress,.face-enrollment-processing{background:#2a2a2a}.captured-image-placeholder{background:#3a3a3a;border-color:#555}.captured-image-placeholder:hover{border-color:#089bab;background:#0a4d56}}.login-layout{min-height:100vh;max-height:100vh;height:100vh;background:linear-gradient(135deg,#ceeff1,#eaf9fb 45%,#fff);margin:0;overflow:hidden;display:flex;flex-direction:column}.login-header{height:auto;flex-shrink:0;padding:18px 40px;display:flex;align-items:center;background:transparent;border-bottom:1px solid rgba(8,155,171,.16)}.login-brand{display:flex;align-items:center;gap:16px}.login-brand-logo{width:148px;height:auto;max-width:100%}.login-brand-copy{display:flex;flex-direction:column;gap:4px}.login-brand-name{margin:0!important;color:#089bab!important;font-weight:700!important;font-size:24px!important}.login-brand-tagline{color:#3a6c75;font-size:14px;font-weight:500;line-height:1.4}.login-body{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 24px;overflow-y:auto;overflow-x:hidden;min-height:0}.login-wrapper{width:100%;max-width:1200px}.login-hero{display:flex;justify-content:center;align-items:center}.login-hero-card{background:#ffffffe6;border-radius:20px;padding:24px;box-shadow:0 20px 50px #089bab2e;display:flex;flex-direction:column;gap:16px;max-width:100%}.login-hero-image{width:100%;max-width:340px;max-height:240px;object-fit:cover;border-radius:16px;box-shadow:0 16px 36px #089bab29;margin:0 auto}.login-hero-text{color:#24555d}.login-hero-title{margin:0!important;color:#044a58!important}.login-hero-subtitle{margin:0;color:#3a6c75}.login-hero-highlights{margin:8px 0 0;padding-left:20px;color:#2c6f7a;font-weight:500}.login-form-column{display:flex;justify-content:center}.login-card{width:100%;max-width:420px;border-radius:20px;padding:28px 24px;box-shadow:0 24px 54px #0f4c522e;background:#fffffff0}.login-card-header{width:100%;text-align:left}.login-card-title{margin:0!important;color:#044a58!important}.login-card-subtitle{font-size:14px}.login-form{margin-top:12px}.login-form .ant-form-item-label>label{font-weight:600;color:#145b6a}.login-form .ant-input,.login-form .ant-input-affix-wrapper{padding-top:10px;padding-bottom:10px;border-radius:12px}.login-form-actions{margin-top:8px}.login-alert{margin-top:12px}@media (max-width: 1024px){.login-header{padding:16px 24px}.login-brand-name{font-size:22px!important}.login-brand-tagline{font-size:13px}.login-body{padding:24px 20px 40px}.login-wrapper{max-width:100%}.login-hero-card{padding:24px 20px}.login-hero-image{max-width:340px;max-height:240px}.login-card{max-width:420px;padding:28px 24px}}@media (max-width: 820px) and (orientation: portrait){.login-header{padding:14px 20px}.login-brand-logo{width:120px}.login-brand-name{font-size:20px!important}.login-brand-tagline{font-size:12px}.login-body{padding:20px 16px 32px}.login-hero-card{padding:20px 16px}.login-hero-image{max-width:300px;max-height:220px}.login-card{max-width:400px;padding:24px 20px}.login-form .ant-input,.login-form .ant-input-affix-wrapper{padding-top:9px;padding-bottom:9px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.login-body{padding:20px 24px 32px}.login-hero-card{padding:20px}.login-hero-image{max-width:320px;max-height:200px}.login-card{padding:24px 20px}}@media (max-width: 991px){.login-header{padding:18px 24px}.login-hero-card{padding:28px}.login-card{margin-top:12px}}@media (max-width: 767px){.login-header{padding:12px 16px}.login-brand-logo{width:110px}.login-body{padding:20px 12px 32px}.login-wrapper{max-width:540px}.login-hero-card{padding:20px 16px;text-align:center}.login-hero-image{max-width:280px;max-height:200px}.login-hero-highlights{text-align:left}.login-card{padding:24px 20px;max-width:380px}}@media (max-width: 575px){.login-header{padding:12px 14px;justify-content:center}.login-brand{flex-direction:column;text-align:center;gap:8px}.login-brand-logo{width:100px}.login-brand-tagline{font-size:12px}.login-hero-card{padding:16px 12px}.login-hero-image{max-width:240px;max-height:180px}.login-card{padding:20px 16px;max-width:100%}.login-form .ant-input,.login-form .ant-input-affix-wrapper{padding-top:8px;padding-bottom:8px}}@media (min-width: 1440px){.login-layout{overflow:hidden}.login-header{padding:14px 48px}.login-brand-logo{width:130px}.login-brand-name{font-size:24px!important}.login-brand-tagline{font-size:13px}.login-body{padding:20px 32px 24px}.login-wrapper{max-width:1280px}.login-hero-card{padding:24px 26px;border-radius:20px}.login-hero-image{max-width:340px;max-height:240px}.login-card{max-width:440px;padding:28px 26px;border-radius:20px}.login-form .ant-input,.login-form .ant-input-affix-wrapper{padding-top:10px;padding-bottom:10px}}@media (min-width: 1920px){.login-header{padding:16px 48px}.login-brand-logo{width:140px}.login-brand-name{font-size:26px!important}.login-body{padding:24px 40px 28px}.login-wrapper{max-width:1360px}.login-hero-card{padding:28px 30px}.login-hero-image{max-width:380px;max-height:280px}.login-card{max-width:460px;padding:30px 28px}}.attendance-kiosk{min-height:85vh;background:#ceeff1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 10px 36px;overflow-y:auto;--ak-primary: #089bab}.attendance-kiosk__brand-bar{width:100%;max-width:960px;display:flex;align-items:center;justify-content:space-between;background:#ceeff1;border:1px solid #b6dfe5;border-radius:12px;padding:10px 16px;margin-bottom:16px;box-shadow:0 12px 26px #089bab24}.attendance-kiosk__brand{display:flex;align-items:center;gap:14px}.attendance-kiosk__brand-logo{height:46px;width:auto}.attendance-kiosk__brand-title{margin:0!important;color:#089bab!important;font-weight:700!important}.attendance-kiosk__brand-tagline{color:#167a88;font-weight:500}.attendance-kiosk__content{width:100%;max-width:960px;display:flex;flex-direction:column;gap:24px;align-items:stretch}@media (min-width: 900px){.attendance-kiosk__content{flex-direction:row;gap:24px;align-items:flex-start}.attendance-kiosk__panel{flex:3 1 0%;min-width:0}.attendance-kiosk__recent{flex:2 1 0%;min-width:0}}@media (min-width: 1200px){.attendance-kiosk__content,.attendance-kiosk__brand-bar{width:100%;max-width:1100px}}.attendance-kiosk__panel,.attendance-kiosk__recent{background:#fff;border-radius:16px;box-shadow:0 24px 60px #089bab1f;padding:10px}.attendance-kiosk__header{display:flex;flex-direction:column;gap:8px}.attendance-kiosk__title{display:flex;align-items:center;gap:8px;margin-bottom:0}.attendance-kiosk__match-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding:5px 36px}.attendance-kiosk__actions{width:100%;display:flex!important;flex-wrap:wrap;gap:12px 16px!important}.attendance-kiosk__actions .ant-space-item{flex:1 1 auto}.attendance-kiosk__actions .ant-btn{height:48px;font-size:16px;padding:0 18px}.attendance-kiosk__preview{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.attendance-kiosk__match-metric{font-size:12px;color:#4f5b62}.attendance-kiosk__preview img{width:clamp(200px,40vw,220px);max-width:100%;border-radius:14px;border:2px solid #089bab;box-shadow:0 14px 30px #089bab2e}.attendance-kiosk__preview--reference img{border-color:#089bab66;box-shadow:0 10px 24px #0000001f}.attendance-kiosk__recent-item{padding:18px 0}.attendance-kiosk__recent-name{font-size:clamp(17px,1.8vw,20px);font-weight:600}.attendance-kiosk .ant-radio-button-wrapper-checked,.attendance-kiosk .ant-radio-button-wrapper-checked:hover,.attendance-kiosk .ant-radio-button-wrapper-checked:focus{background-color:var(--ak-primary)!important;border-color:var(--ak-primary)!important;color:#fff!important;box-shadow:none!important}.attendance-kiosk .ant-radio-button-wrapper:hover{border-color:var(--ak-primary)}.attendance-kiosk .ant-btn-primary{background-color:var(--ak-primary);border-color:var(--ak-primary);color:#fff}.attendance-kiosk .ant-btn-primary:hover,.attendance-kiosk .ant-btn-primary:focus{background-color:var(--ak-primary);border-color:var(--ak-primary);filter:brightness(.95)}.attendance-kiosk .ant-radio-group{display:inline-flex;gap:8px}.attendance-kiosk__select .ant-select-selection-item{font-weight:700}.attendance-kiosk__select .ant-select-selection-placeholder{font-weight:400}@media (max-width: 767px){.attendance-kiosk{padding:20px 10px 36px}.attendance-kiosk__brand-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:16px;box-shadow:0 12px 30px #089bab29}.attendance-kiosk__panel,.attendance-kiosk__recent{border-radius:12px;box-shadow:0 16px 40px #089bab24}.attendance-kiosk__recent{order:2}.attendance-kiosk__panel{order:1}.attendance-kiosk__title{font-size:clamp(22px,5vw,28px)}.attendance-kiosk__preview img{width:clamp(180px,70vw,240px)}.attendance-kiosk__match-grid{gap:16px}.attendance-kiosk__actions{flex-direction:column}.attendance-kiosk__actions .ant-space-item,.attendance-kiosk__actions .ant-btn{width:100%}}@media (max-width: 1024px) and (min-width: 768px){.attendance-kiosk{padding:24px 20px 40px}.attendance-kiosk__brand-bar,.attendance-kiosk__content{width:100%;max-width:820px}.attendance-kiosk__actions .ant-btn{font-size:18px;height:56px}}@media (min-height: 1024px) and (orientation: portrait){.attendance-kiosk{padding-top:48px}.attendance-kiosk__content{gap:32px}.attendance-kiosk__preview img{width:clamp(220px,32vw,320px)}}@media (max-width: 480px){.attendance-kiosk__brand-logo{height:44px}}.face-attendance-kiosk{min-height:85vh;background:#ceeff1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 10px 36px;overflow-y:auto}.face-attendance-kiosk__brand-bar{width:100%;max-width:960px;display:flex;align-items:center;justify-content:space-between;background:#ceeff1;border:1px solid #b6dfe5;border-radius:12px;padding:10px 16px;margin-bottom:16px;box-shadow:0 12px 26px #089bab24}.face-attendance-kiosk__brand{display:flex;align-items:center;gap:12px}.face-attendance-kiosk__brand-logo{height:52px;width:auto;object-fit:contain}.face-attendance-kiosk__brand-title{margin:0!important;color:#089bab!important;font-weight:700!important}.face-attendance-kiosk__content{width:100%;max-width:980px}.face-attendance-kiosk__panel{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a}.face-attendance-kiosk__header{display:flex;align-items:center;justify-content:center;padding:0}.face-attendance-kiosk__title{margin:0!important;color:#089bab;font-weight:600;display:flex;align-items:center;gap:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.animate-fade-in{animation:fadeIn .5s ease-out}.face-attendance-container{width:100%;max-width:420px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}@media (max-width: 768px){.face-attendance-container{max-width:100%}}.face-attendance-container:hover{box-shadow:0 4px 16px #0000001f}.face-attendance-modal .ant-modal-content{padding:0;overflow:hidden;border-radius:12px}.face-attendance-modal .ant-modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#089bab,#06abb9)}.face-attendance-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.face-attendance-modal .ant-modal-close{color:#fff}.face-attendance-modal .ant-modal-close:hover{background-color:#ffffff1a}.face-attendance-modal .ant-modal-body{padding:24px 16px;background:#fafafa}@media (max-width: 1024px){.face-attendance-modal .ant-modal{width:92vw!important;margin:0 auto;max-width:720px}.face-attendance-modal .ant-modal-body{padding:20px 16px;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.face-attendance-modal .ant-modal-header{padding:14px 18px}.face-attendance-modal .ant-modal-title{font-size:16px}}.camera-wrapper{position:relative;min-height:400px}.countdown-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.countdown-circle{animation:countdownPulse 1s ease-in-out infinite}.countdown-text{color:#fff;font-size:18px;margin-top:24px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.face-attendance-results{display:flex;flex-direction:column;gap:16px;animation:fadeIn .5s ease-out;align-items:flex-start}.face-attendance-results__image{position:relative;width:100%;max-width:200px;margin:0}.face-attendance-captured-image{width:100%;border-radius:12px;box-shadow:0 8px 24px #00000026;transition:transform .3s ease}.face-attendance-captured-image:hover{transform:scale(1.02)}.face-attendance-results__info{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:20px 16px;border-radius:12px;box-shadow:0 4px 12px #00000014}.recognition-result{width:100%;display:flex;flex-direction:column;align-items:stretch}.recognition-result--success,.recognition-result--error{animation:fadeIn .6s ease-out}.result-status-header{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.result-status-header.success{background:linear-gradient(135deg,#f6ffed,#e6f7ed);border:2px solid #b7eb8f}.result-status-header.error{background:linear-gradient(135deg,#fff2f0,#ffe7e6);border:2px solid #ffccc7}.status-icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:pulse .6s ease-in-out;box-shadow:0 4px 12px #0000001a}.result-status-header.success .status-icon-wrapper{background:linear-gradient(135deg,#52c41a,#73d13d)}.result-status-header.error .status-icon-wrapper{background:linear-gradient(135deg,#ff4d4f,#ff7875)}.status-icon{font-size:32px;color:#fff}.status-content{flex:1}.user-info-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;padding:12px}.user-info-card:hover{box-shadow:0 4px 12px #0000001a}.user-details{width:100%}.detail-row{display:flex;align-items:flex-start;gap:12px}.detail-content{flex:1}.confidence-indicator{padding:16px;background:#fff;border-radius:8px;border:1px solid #d9f7fa}.error-details{border-radius:8px;text-align:center;padding:16px}.success-badge-wrapper{animation:slideIn .5s ease-out}.result-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:pulse .6s ease-in-out}.result-icon-wrapper--success{background:linear-gradient(135deg,#52c41a,#73d13d);box-shadow:0 4px 16px #52c41a4d}.result-icon-wrapper--error{background:linear-gradient(135deg,#ff4d4f,#ff7875);box-shadow:0 4px 16px #ff4d4f4d}.result-icon{font-size:40px;color:#fff}.confidence-badge{margin:16px 0}.face-attendance-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:24px}.face-attendance-buttons .ant-btn{min-width:140px;height:42px;font-size:15px;font-weight:500;border-radius:8px;transition:all .3s ease}.face-attendance-buttons .ant-btn-primary{background:linear-gradient(135deg,#089bab,#067a87);border:none;box-shadow:0 4px 12px #089bab4d}.face-attendance-buttons .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #089bab66}.face-attendance-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:24px;min-height:400px;background:#fff;border-radius:12px}.face-attendance-processing .ant-spin{transform:scale(1.5)}.processing-steps{display:flex;flex-direction:column;gap:16px;margin-top:24px;width:100%;max-width:320px}.step-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f5;border-radius:8px;font-size:14px;animation:slideIn .4s ease-out}.step-item.active{background:#e6f7f9;border:1px solid #7dd3df;font-weight:500}@media (max-width: 600px){.face-attendance-modal .ant-modal{width:96vw!important}.face-attendance-modal .ant-modal-body{padding:16px 12px;max-height:75vh}.camera-wrapper{min-height:300px}.recognition-result,.face-attendance-results__info{align-items:flex-start;text-align:left}.result-status-header{text-align:left}.countdown-circle .ant-progress-circle{width:90px!important}.countdown-text{font-size:14px!important}.face-attendance-buttons .ant-btn{min-width:120px;height:44px;font-size:14px}.result-icon-wrapper{width:60px!important;height:60px!important}.result-icon{font-size:30px!important}}@media (min-width: 601px) and (max-width: 767px){.face-attendance-modal .ant-modal{width:92vw!important;max-width:650px}.face-attendance-modal .ant-modal-body{padding:18px 14px;max-height:72vh}.camera-wrapper{min-height:340px}.face-attendance-results__image{max-width:180px}.face-attendance-results__info{padding:18px 14px}.face-attendance-buttons .ant-btn{min-width:130px;height:48px;font-size:15px}.result-icon-wrapper{width:70px;height:70px}.result-icon{font-size:36px}.recognition-result,.face-attendance-results__info{align-items:flex-start;text-align:left}.face-attendance-buttons{justify-content:flex-start}.result-status-header{text-align:left}}@media (min-width: 768px) and (max-width: 900px){.face-attendance-modal .ant-modal{width:88vw!important;max-width:700px}.camera-wrapper{min-height:360px}.face-attendance-buttons .ant-btn{min-width:140px;height:48px;font-size:15px}.recognition-result,.face-attendance-results__info{align-items:flex-start;text-align:left}.face-attendance-buttons{justify-content:flex-start}.result-status-header{text-align:left}}@media (min-width: 768px){.face-attendance-modal .ant-modal{width:720px!important}.face-attendance-results{flex-direction:row;align-items:flex-start;gap:20px}.face-attendance-results__image{flex:0 0 220px;max-width:220px}.face-attendance-results__info{align-items:flex-start;text-align:left}.face-attendance-buttons{justify-content:flex-start}.recognition-result{align-items:flex-start}.confidence-badge{align-self:flex-start}}@media (min-width: 1200px){.face-attendance-container{max-width:500px}.face-attendance-modal .ant-modal{width:900px!important}.face-attendance-modal .ant-modal-body{padding:28px 20px}.face-attendance-results{gap:24px}.face-attendance-results__image{flex:0 0 240px;max-width:240px}.face-attendance-results__info{padding:24px 20px}.result-icon-wrapper{width:100px;height:100px}.result-icon{font-size:50px}.face-attendance-buttons .ant-btn{min-width:160px;height:48px;font-size:16px}.countdown-circle{transform:scale(1.2)}.countdown-text{font-size:20px;margin-top:32px}}@media (min-width: 1440px){.face-attendance-modal .ant-modal{width:1100px!important}.face-attendance-results__image{flex:0 0 260px;max-width:260px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.face-attendance-captured-image{image-rendering:-webkit-optimize-contrast}}@media (max-width: 820px) and (orientation: portrait){.face-attendance-modal .ant-modal{width:92vw!important;max-height:88vh;margin:1vh auto}.face-attendance-modal .ant-modal-body{max-height:72vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 14px}.face-attendance-modal .ant-modal-header{padding:12px 16px}.face-attendance-modal .ant-modal-title{font-size:16px}.face-attendance-results{flex-direction:column;gap:12px;align-items:flex-start}.face-attendance-results__image{max-width:200px;width:100%}.face-attendance-results__info{padding:16px 12px;width:100%}.camera-wrapper{min-height:320px}.countdown-circle .ant-progress-circle{width:100px!important;height:100px!important}.face-attendance-buttons .ant-btn{min-width:145px;height:50px;font-size:16px;padding:8px 20px}.ant-modal-close{width:48px;height:48px}.recognition-result{align-items:flex-start;text-align:left}.face-attendance-buttons{justify-content:flex-start}.result-status-header{text-align:left}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.face-attendance-modal .ant-modal{width:88vw!important;max-width:850px;max-height:92vh;margin:1vh auto}.face-attendance-modal .ant-modal-body{max-height:78vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 18px}.face-attendance-modal .ant-modal-header{padding:12px 18px}.camera-wrapper{min-height:300px}.face-attendance-results{flex-direction:row;gap:16px}.face-attendance-results__image{flex:0 0 200px;max-width:200px}.face-attendance-results__info{padding:18px 16px}.face-attendance-buttons .ant-btn{min-width:135px;height:46px;font-size:15px}.recognition-result{align-items:flex-start;text-align:left}.result-status-header{text-align:left}}@media (hover: none) and (pointer: coarse){.face-attendance-buttons .ant-btn{min-height:48px;padding:12px 24px}.ant-modal-close{width:50px;height:50px}.face-attendance-container:hover{box-shadow:0 2px 8px #00000014}.face-attendance-buttons .ant-btn-primary:hover{transform:none}}@media (max-width: 600px){.face-attendance-kiosk{padding:12px 8px 24px}.face-attendance-kiosk__brand-bar{padding:8px 12px;margin-bottom:12px}.face-attendance-kiosk__brand-logo{height:40px}.face-attendance-kiosk__brand-title,.face-attendance-kiosk__title{font-size:20px!important}}@media (min-width: 601px) and (max-width: 900px){.face-attendance-kiosk__brand-logo{height:46px}.face-attendance-kiosk__brand-title{font-size:22px!important}.face-attendance-kiosk__title{font-size:24px!important}}@media (prefers-color-scheme: dark){.face-attendance-modal .ant-modal-body{background:#1f1f1f}.face-attendance-results__info,.face-attendance-processing{background:#2a2a2a}.step-item{background:#3a3a3a}.step-item.active{background:#0a4d56;border-color:#089bab}}