.loader-fullscreen{align-items:center;background:#fffffff2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner-icon{animation:spin 1s linear infinite;color:#10b981;font-size:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-wrapper{margin-top:250px;text-align:center}.add-button{background-color:#f44336}.tab.active{color:#f44336}.tab.active:after{background-color:#f44336}.info-banner{align-items:center;background-color:#ffebee;border-left:4px solid #f44336;border-radius:4px;color:#333;display:flex;margin-bottom:24px;padding:16px}.info-banner .icon{color:#f44336;font-size:24px;margin-right:16px}.risk-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:24px}.risk-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;overflow:hidden}.risk-card-header{background-color:#ffebee;justify-content:space-between;padding:16px}.risk-card-header,.risk-level{align-items:center;display:flex}.risk-level .icon{color:#f44336;margin-right:8px}.risk-level-text{color:#f44336;font-weight:500}.edd{color:#666;font-size:14px}.beneficiary-section,.risk-factors{border-bottom:1px solid #eee}.risk-factors{padding:16px}.risk-factors-title{align-items:center;display:flex;font-weight:500;margin-bottom:8px}.risk-factors-title .icon{color:#f44336;font-size:20px;margin-right:8px}.anc-progress{border-bottom:1px solid #eee;padding:16px}.anc-progress-title{align-items:center;display:flex;font-weight:500;margin-bottom:12px}.anc-progress-title .icon{color:#9c27b0;font-size:20px;margin-right:8px}.progress-bar-container{background-color:#f5f5f5;border-radius:4px;height:8px;margin-bottom:8px;width:100%}.progress-bar{background-color:#9c27b0;height:100%}.progress-stats{color:#666;display:flex;font-size:12px;justify-content:space-between}.anc-visits{display:flex;margin-top:12px}.visit-dot{align-items:center;background-color:#e0e0e0;border-radius:12px;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;margin-right:8px;width:24px}.visit-dot.completed{background-color:#9c27b0}.visit-dot.overdue{background-color:#f44336}.action-buttons{padding:16px}.action-button{flex:1 1;padding:8px}.action-button.primary{background-color:#9c27b0;color:#fff}.action-button.secondary{background-color:#f5f5f5;color:#333}.action-button .icon{font-size:18px;margin-right:8px}.status-urgent{background-color:#ffebee;color:#f44336}.staff-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.staff-card{border:1px solid #ddd;border-radius:8px;flex-direction:column;padding:16px;text-align:center}.staff-avatar,.staff-card{align-items:center;display:flex}.staff-avatar{background-color:#efebe9;border-radius:50%;color:#795548;height:60px;justify-content:center;margin-bottom:12px;width:60px}.staff-name{font-weight:500;margin-bottom:4px}.staff-role{color:#666;font-size:14px;margin-bottom:8px}.staff-status{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.status-confirmed{background-color:#e8f5e9;color:#4caf50}.status-unavailable{background-color:#ffebee;color:#f44336}.type-pregnant{background-color:#f3e5f5;color:#9c27b0}.type-child{background-color:#e3f2fd;color:#2196f3}.type-elderly{background-color:#fff8e1;color:#ffc107}.service-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.service-card{border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:16px}.service-card.selected{background-color:#efebe9;border-color:#795548}.service-icon{align-items:center;background-color:#efebe9;border-radius:24px;color:#795548;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.service-title{font-weight:500;margin-bottom:4px}.service-description{color:#666;font-size:14px}.checklist-item{align-items:flex-start;display:flex;margin-bottom:12px}.checklist-item input{margin-right:12px;margin-top:2px}.checklist-content{flex:1 1}.checklist-title{font-weight:500;margin-bottom:4px}.checklist-description{color:#666;font-size:14px}.badge{border-radius:12px;display:inline-block;margin-left:8px;padding:2px 8px}.badge-count{background-color:#e0e0e0;color:#333}.summary-container{background-color:#f5f5f5;border-radius:8px;margin-top:16px;padding:16px}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.summary-label{font-weight:500}.summary-value{font-weight:400}.beneficiary-village{color:#9c27b0}.change-button{border:1px solid #2196f3}.select-button{background-color:initial;border:1px solid #9c27b0;border-radius:4px;padding:12px 24px}.radio-option{border-radius:4px;padding:8px}.chip.selected,.radio-option.selected{background-color:#f3e5f5;border-color:#9c27b0}.chip.selected{color:#9c27b0}.save-button{background-color:#9c27b0}.progress-indicator{display:flex;justify-content:space-between;margin-bottom:20px}.progress-step{flex:1 1}.step-circle{background-color:#f5f5f5;border:1px solid #ddd;border-radius:50%;font-size:14px;font-weight:500;height:30px;width:30px}.step-circle.active{border-color:#9c27b0}.step-circle.completed{border-color:#4caf50}.step-connector{background-color:#ddd;flex:1 1;height:2px;margin-top:15px}.risk-tag{border-radius:4px;font-weight:500;margin-right:8px}.date-selector{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;padding:8px 16px}.date-selector select{border:1px solid #ddd;border-radius:4px;margin-left:8px;padding:4px 8px}.tasks-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.task-card-new{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.task-card-new:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-4px)}.task-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:16px}.task-header,.task-title{align-items:center;display:flex}.task-title{font-size:18px;font-weight:500}.task-icon{border-radius:50%;height:36px;width:36px}.home-visit{background-color:#4caf50}.immunization{background-color:#2196f3}.anc{background-color:#9c27b0}.referral{background-color:#f44336}.task-count{border-radius:20px;font-size:20px;font-weight:700;padding:4px 12px}.count-home{background-color:#e8f5e9;color:#4caf50}.count-immunization{background-color:#e3f2fd;color:#2196f3}.count-anc{background-color:#f3e5f5;color:#9c27b0}.count-referral{background-color:#ffebee;color:#f44336}.task-content{padding:16px}.task-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:12px 0}.task-item:last-child{border-bottom:none;padding-bottom:0}.task-info{flex:1 1}.task-status{font-weight:500;padding:4px 8px}.status-due{background-color:#ffebee;color:#f44336}.task-footer{border-top:1px solid #f0f0f0;padding:12px 16px;text-align:center}.view-all{align-items:center;color:#666;display:flex;justify-content:center;text-decoration:none}.view-all:hover{color:#333}.view-all i{margin-left:8px}.summary-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;padding:20px}.summary-title{font-size:18px;margin-bottom:16px}.summary-stats{justify-content:space-around;text-align:center}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-icon{margin-bottom:12px}.progress-container{margin-top:30px}.progress-title{display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{font-weight:500}.progress-value{color:#666}.progress-bar{margin-bottom:16px}.fill-home{background-color:#4caf50;width:75%}.fill-immunization{background-color:#2196f3;width:60%}.fill-anc{background-color:#9c27b0;width:40%}.fill-referral{background-color:#f44336;width:20%}.container{padding:20px}.page-title{color:#9c27b0}.form-card{box-shadow:0 1px 3px #0000001f;overflow:hidden}.card-header{background-color:#f3e5f5;border-bottom:1px solid #e1bee7;padding:16px 24px}.card-title{color:#9c27b0;margin:0}.card-title .icon{color:#9c27b0;margin-right:8px}.form-content{padding:24px}.form-row{flex-wrap:wrap;margin:-8px -8px 16px}.form-field{flex:1 1 250px;min-width:0;padding:8px}.form-field.full-width{flex:1 1 100%}.field-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.field-required:after{color:#f44336;content:" *"}.text-input{border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px}select.text-input{height:42px}.field-helper{color:#666}.field-error,.field-helper{font-size:12px;margin-top:4px}.field-error{color:#f44336}.radio-group{flex-wrap:wrap}.radio-option input{margin-right:8px}.beneficiary-section{align-items:center;background-color:#faf5fb;border:1px solid #e1bee7;border-radius:8px;display:flex;margin-bottom:16px;padding:16px}.beneficiary-avatar{border-radius:24px}.change-button{border:1px solid #9c27b0;color:#9c27b0;margin-left:auto;padding:4px 12px}.select-button{background-color:#faf5fb;border:1px dashed #9c27b0;color:#9c27b0;padding:16px}.select-button .icon{margin-right:8px}.medical-history-items{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:16px}.medical-history-item{align-items:center;display:flex}.medical-history-item input{margin-right:8px}.risk-tag{background-color:#ffebee;border-radius:16px;color:#f44336;display:inline-block;font-size:12px;margin:4px;padding:4px 8px}.divider{margin:24px 0}.button{font-size:16px;font-weight:500;padding:12px 24px}.button.primary{background-color:#9c27b0;border:none;color:#fff}.button.secondary{background-color:initial;border:1px solid #ddd;color:#333}.info-card{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;margin-bottom:24px}.info-card-title{align-items:center;display:flex;font-weight:500;margin-bottom:8px}.info-card-title .icon{color:#4caf50;margin-right:8px}.lmp-calculator{background-color:#f5f5f5;border-radius:8px;margin-top:16px;padding:16px}.calc-result{background-color:#e8f5e9;border-radius:4px;display:flex;justify-content:space-between;margin-top:12px;padding:12px}.calc-result-item{text-align:center}.calc-result-label{color:#666;font-size:12px;margin-bottom:4px}.calc-result-value{color:#4caf50;font-weight:500}.progress-tracker{display:flex;justify-content:space-between;margin-bottom:24px;position:relative}.progress-tracker:before{background-color:#e0e0e0;content:"";height:2px;left:40px;position:absolute;right:40px;top:20px;z-index:1}.progress-step{flex-direction:column;position:relative;width:80px;z-index:2}.progress-step,.step-circle{align-items:center;display:flex}.step-circle{background-color:#f3e5f5;border-radius:20px;color:#9c27b0;height:40px;justify-content:center;margin-bottom:8px;width:40px}.step-circle.active{background-color:#9c27b0;color:#fff}.step-circle.completed{background-color:#4caf50;color:#fff}.step-label{color:#666;font-size:12px;text-align:center}.step-label.active{color:#9c27b0;font-weight:500}.container{max-width:800px}.form-card{border-radius:8px;box-shadow:0 2px 4px #0000000d}.form-section{margin-bottom:32px}.section-subtitle{color:#666}.date-picker,.input-field{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin-bottom:16px;padding:12px;width:100%}.text-area{border-radius:4px;min-height:80px;padding:12px}.checkbox-option input{margin-right:8px}.cancel-button{background-color:initial;border-radius:4px;color:#333}.save-button{background-color:#795548;border-radius:4px}.save-button .icon{margin-right:8px}.form-row .form-field{flex:1 1}.label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.chip-container{gap:8px;margin-bottom:16px}.chip{border-radius:16px;padding:4px 12px}.chip.selected{background-color:#efebe9;border-color:#795548;color:#795548}.village-card{border:1px solid #ddd;border-radius:8px;margin-bottom:16px;padding:16px}.village-header{display:flex;justify-content:space-between;margin-bottom:8px}.village-name{font-size:16px;font-weight:500}.village-details{color:#666;font-size:14px}.date-display{align-items:center;color:#795548;display:flex;font-size:14px;margin-top:4px}.date-display .icon{font-size:16px;margin-right:4px}.tab-container{border-bottom:1px solid #ddd;display:flex}.tab.active{border-bottom-color:#795548;color:#795548}.stats-row{display:flex;justify-content:space-between;margin-bottom:20px}.stat-card{flex:1 1;margin:0 8px}.stat-card:first-child{margin-left:0}.stat-card:last-child{margin-right:0}.stat-value{color:#795548}.progress-container{margin-bottom:8px}.progress-bar{background-color:#e0e0e0}.progress-fill{border-radius:4px;height:100%}.search-bar{margin-bottom:16px}.search-bar .input-field{border-bottom-right-radius:0;border-top-right-radius:0;flex:1 1;margin-bottom:0}.search-button{background-color:#795548;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:0 16px}.filter-bar{gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:8px}.beneficiary-list{border:1px solid #ddd;border-radius:8px;max-height:inherit;overflow-y:visible}.beneficiary-item{border-bottom:1px solid #eee;padding:16px}.beneficiary-item:last-child{border-bottom:none}.beneficiary-header{justify-content:space-between;margin-bottom:8px}.beneficiary-header,.beneficiary-name{align-items:center;display:flex}.beneficiary-badge{border-radius:12px;font-size:12px;margin-left:8px;padding:2px 8px}.badge-pregnant{background-color:#f3e5f5;color:#9c27b0}.badge-child{background-color:#e3f2fd;color:#2196f3}.badge-elderly{background-color:#fff8e1;color:#ffc107}.beneficiary-status{border-radius:12px;font-size:12px;padding:2px 8px}.status-present{background-color:#e8f5e9;color:#4caf50}.status-absent{background-color:#ffebee;color:#f44336}.beneficiary-details,.service-table{margin-bottom:12px}.service-table{border-collapse:collapse;width:100%}.service-table td,.service-table th{border-bottom:1px solid #eee;font-size:14px;padding:8px;text-align:left}.service-table th{color:#795548;font-weight:500}.service-table td.service-status{text-align:center}.service-actions{display:flex;justify-content:flex-end}.service-button{align-items:center;background-color:initial;border:1px solid #795548;border-radius:4px;color:#795548;cursor:pointer;display:flex;font-size:12px;margin-left:8px;padding:4px 12px}.service-button .icon{font-size:16px;margin-right:4px}.service-checkbox{height:18px;width:18px}.attendance-summary{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:16px}.summary-header{display:flex;justify-content:space-between;margin-bottom:12px}.summary-title{color:#795548}.attendance-row{display:flex;justify-content:space-between;margin-bottom:8px}.attendance-label{color:#666}.attendance-value{font-weight:500}.bulk-action-bar{align-items:center;background-color:#efebe9;border-radius:8px;display:flex;margin-bottom:16px;padding:12px}.bulk-action-text{flex:1 1;font-size:14px}.photo-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:16px}.photo-item{align-items:center;aspect-ratio:1;background-color:#e0e0e0;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative}.photo-actions{background-color:#fffc;border-radius:50%;height:24px;position:absolute;right:8px;top:8px;width:24px}.add-photo,.photo-actions{align-items:center;cursor:pointer;display:flex;justify-content:center}.add-photo{aspect-ratio:1;border:2px dashed #ddd;border-radius:8px;flex-direction:column}.add-icon{color:#795548;font-size:32px;margin-bottom:8px}.add-text{color:#666;font-size:12px}.card{box-shadow:0 2px 4px #0000000d}.card-header{border-bottom:1px solid #f0f0f0}.upcoming-vhnd{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.vhnd-card{border:1px solid #f0f0f0}.vhnd-card:hover{box-shadow:0 4px 8px #0000001a}.status-ongoing{background-color:#fff8e1;color:#ffc107}.stats-badge{align-items:center;color:#666;display:flex;font-size:13px}.stats-badge i{margin-right:4px}table td,table th{border-bottom:1px solid #f0f0f0;padding:12px 16px;text-align:left}table th{color:#666;font-weight:500}.actions-cell{display:flex;gap:8px}.btn-icon{align-items:center;background-color:#f5f5f5;border-radius:50%;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.btn-icon:hover{background-color:#e0e0e0}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.status-green{background-color:#4caf50}.status-amber{background-color:#ffc107}.status-red{background-color:#f44336}.filter-bar{justify-content:space-between;margin-bottom:20px}.search-field{width:280px}.search-field input{padding:8px 12px 8px 36px}.filters{gap:12px}.filter-select{padding:8px 12px}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:30px}.stat-card{text-align:center}.stat-icon{font-size:24px;height:60px;margin:0 auto 12px;width:60px}.stat-value{font-size:28px;margin-bottom:8px}.chart-container{color:#666;font-style:italic;height:400px}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;width:100%}textarea.form-control{min-height:80px}.form-row{gap:16px}.form-col{flex:1 1}.form-hint{color:#666;font-size:13px;margin-top:4px}.checkbox-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:8px}.checkbox-item{align-items:center;display:flex}.checkbox-item input{margin-right:8px}.modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.tab-content{display:none}.tab-content.active{display:block}.container{margin:0 auto;padding:24px}.title{color:#333}.btn{border-radius:4px;padding:8px 16px;transition:background-color .2s}.btn-primary{background-color:#4caf50}.btn-primary:hover{background-color:#45a049}.btn i{margin-right:8px}.sync-button{align-items:center;background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:6px 12px}.sync-button i{margin-right:6px}.filter-bar{padding:16px 20px}.search-field{min-width:240px}.search-field input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px 10px 36px;width:100%}.search-field i{color:#666;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-group{flex-wrap:wrap}.filter-label{color:#666;font-size:14px}.filter-select{border:1px solid #ddd;min-width:160px;padding:10px 12px}.divider{background-color:#ddd;height:24px;margin:0 8px;width:1px}.summary-stats{display:flex;gap:20px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.stat-card{min-width:220px}.vhnd-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:24px}.vhnd-card{position:relative}.status-badge{border-radius:4px;position:absolute;right:16px;top:16px}.status-upcoming{background-color:#e3f2fd;color:#2196f3}.status-today{background-color:#e8f5e9;color:#4caf50}.status-cancelled{background-color:#ffebee;color:#f44336}.vhnd-date{font-weight:700;margin-bottom:8px}.vhnd-info{display:flex;flex-direction:column;gap:4px}.vhnd-location{align-items:center;display:flex;font-size:14px}.vhnd-location i{margin-right:6px}.vhnd-body{padding:16px}.service-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.service-tag{align-items:center;background-color:#f5f5f5;border-radius:16px;display:flex;font-size:13px;padding:4px 12px}.service-tag i{font-size:12px;margin-right:4px}.info-row{margin-bottom:8px}.info-label{flex-shrink:0;font-weight:500;width:160px}.info-value{flex:1 1}.staff-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.staff-tag{align-items:center;background-color:#e8f5e9;border-radius:4px;color:#4caf50;display:flex;font-size:12px;padding:4px 8px}.staff-tag i{font-size:10px;margin-right:4px}.vhnd-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 16px}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.dot-green{background-color:#4caf50}.dot-amber{background-color:#ffc107}.dot-red{background-color:#f44336}.approval-status{align-items:center;color:#666;display:flex;font-size:13px}.pagination-item{font-weight:500;height:36px;margin:0 4px;width:36px}.pagination-arrow{color:#666}.reminder-badge{align-items:center;background-color:#f44336;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.task-list{list-style:none;margin:0;padding:0}.task-item{align-items:center;display:flex;padding:8px 0}.task-icon{color:#4caf50;margin-right:8px}.task-name{flex:1 1}.task-status{background-color:#e8f5e9;border-radius:4px;color:#4caf50;font-size:12px;padding:2px 8px}.priority-high{background-color:#f44336;border-radius:0 0 4px 4px;color:#fff;font-size:12px;font-weight:500;left:16px;padding:4px 8px;position:absolute;top:0}.calendar-widget{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px;position:absolute;right:16px;top:16px;width:280px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-title{font-weight:500}.calendar-nav{display:flex;gap:8px}.calendar-btn{align-items:center;background-color:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.calendar-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.day-header{color:#666;font-size:12px;margin-bottom:8px;text-align:center}.day-cell{align-items:center;aspect-ratio:1;border-radius:50%;cursor:pointer;display:flex;font-size:12px;justify-content:center}.day-cell:hover{background-color:#f0f0f0}.day-current{background-color:#4caf50;color:#fff}.day-has-event{position:relative}.day-has-event:after{background-color:#4caf50;border-radius:50%;bottom:2px;content:"";height:4px;position:absolute;width:4px}.day-other-month{color:#bbb}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.modal-title{font-size:18px;font-weight:500}.modal-close{background:none;border:none;cursor:pointer;font-size:20px}.no-results{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:48px 24px;text-align:center}.no-results-icon{color:#ddd;font-size:48px;margin-bottom:16px}.no-results-title{font-size:18px;font-weight:500;margin-bottom:8px}.no-results-text{color:#666;margin-bottom:24px}body{color:#333;font-family:Roboto,sans-serif}.container{margin:24px auto;max-width:1200px;padding:0 16px}.title-section{align-items:center;display:flex}.back-button{border-radius:4px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.info-card{background-color:#f9f9f9;border-radius:8px;padding:16px;text-align:center}.info-card-icon{align-items:center;background-color:#4caf501a;border-radius:50%;color:#4caf50;display:flex;height:48px;justify-content:center;margin:0 auto 8px;width:48px}.info-card-value{font-size:24px;font-weight:700;margin-bottom:4px}.info-card-label{color:#666;font-size:14px}.attendance-card{background-color:#4caf50;color:#fff}.attendance-card .info-card-icon{background-color:#fff3;color:#fff}.status-pending{background-color:#fff8e1;color:#ffc107}.status-missed{background-color:#ffebee;color:#f44336}.pill-tabs{background-color:#f0f0f0;border-radius:50px;display:flex;margin-bottom:16px;padding:4px;width:fit-content}.pill-tab{border-radius:50px;cursor:pointer;padding:8px 16px}.pill-tab.active{background-color:#4caf50;color:#fff}.activity-card{background-color:#fff;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:16px;padding:16px}.activity-header{margin-bottom:8px}.activity-description,.activity-time{color:#666}.tag-container{display:flex;gap:8px}.tag{background-color:#f0f0f0;border-radius:4px;font-size:12px;padding:2px 8px}.tag.blue{background-color:#e3f2fd;color:#2196f3}.tag.green{background-color:#e8f5e9;color:#4caf50}.tag.purple{background-color:#f3e5f5;color:#9c27b0}.tag.orange{background-color:#fff3e0;color:#ff9800}.metrics-container{display:flex;justify-content:space-between;margin-bottom:16px}.metric-card{align-items:center;display:flex;flex:1 1}.metric-icon{margin-right:16px}.metric-content{flex:1 1}.gallery-container{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.gallery-item{align-items:center;background-color:#eee;border-radius:8px;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(/static/media/fontawesome-webfont.8b43027f47b20503057d.eot);src:url(/static/media/fontawesome-webfont.8b43027f47b20503057d.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/static/media/fontawesome-webfont.20fd1704ea223900efa9.woff2) format("woff2"),url(/static/media/fontawesome-webfont.f691f37e57f04c152e23.woff) format("woff"),url(/static/media/fontawesome-webfont.1e59d2330b4c6deb84b3.ttf) format("truetype"),url(/static/media/fontawesome-webfont.c1e38fd9e0e74ba58f7a.svg#fontawesomeregular) format("svg")}.fa{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{text-align:center;width:1.28571429em}.fa-ul{list-style-type:none;margin-left:2.14285714em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2.14285714em;position:absolute;text-align:center;top:.14285714em;width:2.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s linear infinite}.fa-pulse{animation:fa-spin 1s steps(8) infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}body{background-color:#f4f4f4;font-family:Arial,sans-serif;position:static!important;top:0!important}:root{--primary:#4caf50;--primary-light:#e8f5e9;--secondary:#2196f3;--secondary-light:#e3f2fd;--warning:#ffc107;--warning-light:#fff8e1;--error:#f44336;--error-light:#ffebee;--purple:#9c27b0;--purple-light:#f3e5f5;--text-primary:#212121;--text-secondary:#757575;--divider:#eee;--background:#f5f5f5;--card-shadow:0 2px 4px #0000001a;--hover-shadow:0 4px 8px #00000026}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#f5f5f5;background-color:var(--background);color:#212121;color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.sidebar{background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;width:260px;z-index:10}.sidebar-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--divider);padding:20px 16px}.logo-small,.sidebar-header{align-items:center;display:flex}.logo-small{border-radius:8px;color:#fff;font-size:20px;height:40px;justify-content:center;margin-right:12px;width:40px}.logo-text{font-size:16px;font-weight:600;line-height:1.2}.logo-text small{color:#757575;color:var(--text-secondary);font-size:12px;font-weight:400}.user-profile{background-color:#e8f5e9;background-color:var(--primary-light);border-radius:8px;margin:16px;padding:16px}.avatar,.user-profile{align-items:center;display:flex}.avatar{background-color:#4caf50;background-color:var(--primary);border-radius:20px;color:#fff;font-weight:500;height:40px;justify-content:center;margin-right:12px;width:40px}.user-info{font-size:14px}.user-info .name{color:#212121;color:var(--text-primary);font-weight:500;margin-bottom:2px}.user-info .role{color:#757575;color:var(--text-secondary);font-size:12px}.nav-section{margin-top:16px;padding:0 16px}.section-title{color:#757575;color:var(--text-secondary);font-size:11px;letter-spacing:.5px;margin-bottom:8px;padding:0 12px;text-transform:uppercase}.nav-items{list-style:none;margin:0 0 16px;padding:0}.nav-item{align-items:center;border-radius:8px;color:#212121;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-bottom:4px;padding:10px 12px;transition:all .2s}.nav-item.active{background-color:#e8f5e9;background-color:var(--primary-light);color:#4caf50;color:var(--primary)}.nav-item:hover:not(.active){background-color:#0000000a}.nav-item .icon{font-size:18px;margin-right:12px;text-align:center;width:20px}.nav-item .badge{align-items:center;background-color:#f44336;background-color:var(--error);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:500;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:0 6px}.main-content{flex:1 1;margin-left:260px;padding-top:64px;width:calc(100% - 260px)}.header{background-color:#fff;box-shadow:0 1px 3px #0000001a;height:64px;left:260px;padding:0 24px;position:fixed;right:0;top:0;z-index:5}.village-selector{flex:1 1;max-width:280px;position:relative}.village-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#212121;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;padding:8px 16px 8px 36px;width:100%}.village-select:focus{border-color:#4caf50;border-color:var(--primary);outline:none}.village-icon{color:#757575;color:var(--text-secondary);font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.header-actions{align-items:center}.action-button{border-radius:20px;color:#757575;color:var(--text-secondary);height:40px;margin-left:8px;position:relative;transition:background-color .2s;width:40px}.action-button:hover{background-color:#0000000a}.badge{align-items:center;background-color:#f44336;background-color:var(--error);border-radius:8px;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:0;top:0;width:16px}.offline-banner-text{font-size:14px;font-weight:500}.view-button{align-items:center;background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;padding:6px 12px}.view-button i{margin-right:6px}.content{padding:147px 24px 24px 301px}.page-title{margin-bottom:4px}.page-subtitle{color:#757575;color:var(--text-secondary);margin-bottom:24px}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);overflow:hidden}.card-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--divider);justify-content:space-between;padding:16px 20px}.card-title{font-size:16px;font-weight:600}.card-body{padding:20px}.card-footer{border-top:1px solid #eee;border-top:1px solid var(--divider);padding:12px 20px;text-align:right}.see-all{align-items:center;color:#4caf50;color:var(--primary);display:flex;font-size:14px;font-weight:500}.see-all i{font-size:16px;margin-left:4px}.quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:24px}.action-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);cursor:pointer;padding:16px;text-align:center;transition:transform .2s,box-shadow .2s}.action-card:hover{box-shadow:0 4px 8px #00000026;box-shadow:var(--hover-shadow);transform:translateY(-4px)}.action-icon{align-items:center;border-radius:50%;display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.action-text{font-size:14px;font-weight:500}.tasks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:24px}.task-card{align-items:center;background-color:#fff;border-left:4px solid #4caf50;border-left:4px solid var(--primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);cursor:pointer;display:flex;padding:16px;transition:transform .2s,box-shadow .2s}.task-card:hover{box-shadow:0 4px 8px #00000026;box-shadow:var(--hover-shadow);transform:translateY(-4px)}.task-card:nth-child(2){border-left-color:#2196f3;border-left-color:var(--secondary)}.task-card:nth-child(3){border-left-color:#ffc107;border-left-color:var(--warning)}.task-card:nth-child(4){border-left-color:#f44336;border-left-color:var(--error)}.task-icon{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;margin-right:12px;width:40px}.task-content{flex:1 1}.task-title{color:#757575;color:var(--text-secondary);font-size:12px;margin-bottom:4px;text-transform:uppercase}.task-count{font-size:24px;font-weight:600}.chart-container{background-color:#fff;box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-title{font-size:16px;font-weight:600}.chart-placeholder{align-items:center;background-color:#f9f9f9;border-radius:8px;color:#757575;color:var(--text-secondary);display:flex;height:240px;justify-content:center;width:100%}.due-list{list-style:none;padding:0}.due-item{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--divider);cursor:pointer;display:flex;padding:16px 20px}.due-item:last-child{border-bottom:none}.due-item:hover{background-color:#00000005}.due-avatar{align-items:center;border-radius:20px;display:flex;font-size:18px;height:40px;justify-content:center;margin-right:12px;width:40px}.due-info{flex:1 1}.due-name{font-weight:500;margin-bottom:4px}.due-task{color:#757575;color:var(--text-secondary);font-size:14px}.due-date{color:#f44336;color:var(--error);font-size:12px;margin-top:4px}.due-action{color:#757575;color:var(--text-secondary)}.activity-list{list-style:none;padding:0}.activity-item{align-items:flex-start;border-bottom:1px solid #eee;border-bottom:1px solid var(--divider);display:flex;padding:16px 20px}.activity-item:last-child{border-bottom:none}.activity-avatar{align-items:center;border-radius:20px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;margin-right:12px;width:40px}.activity-content{flex:1 1}.activity-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.activity-title{font-weight:500}.activity-time{color:#757575;color:var(--text-secondary);font-size:12px}.activity-description{font-size:14px;margin-bottom:8px}.activity-tags{display:flex;gap:8px}.activity-tag{background-color:#f5f5f5;border-radius:4px;font-size:12px;padding:2px 8px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:16px}.stat-card{box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);padding:16px}.stat-icon{border-radius:24px;font-size:20px;margin-right:12px}.stat-content{flex:1 1}.stat-title{color:#757575;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.stat-value{font-size:20px;font-weight:600}.stat-badge{align-items:center;background-color:#e8f5e9;background-color:var(--primary-light);border-radius:4px;color:#4caf50;color:var(--primary);display:inline-flex;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.stat-badge i{font-size:14px;margin-right:2px}.two-column{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media (max-width:1280px){.two-column{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{width:80px}.logo-text,.nav-item span,.section-title,.user-info{display:none}.main-content{margin-left:80px;width:calc(100% - 80px)}.header{left:80px}.tasks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.search-bar{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.search-bar,.search-input{align-items:center;display:flex}.search-input{background-color:#f5f5f5;flex-grow:1;padding:4px 12px}.search-input input{background:none;border:none;flex-grow:1;font-size:14px;padding:8px}.search-input .icon{color:#666;margin-right:4px}.tabs{background-color:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000000d;margin-bottom:0;overflow:hidden}.tab{padding:16px 24px}.tab.active:after{background-color:#4caf50;bottom:0;width:100%}.tab-indicator{align-items:center;background-color:#f5f5f5;border-radius:12px;color:#666;display:flex;font-size:12px;height:24px;justify-content:center;margin-left:8px;width:24px}.tab.active .tab-indicator{background-color:#e8f5e9;color:#4caf50}.beneficiary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.beneficiary-card{box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.beneficiary-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.card-header{border-bottom:1px solid #f5f5f5;padding:16px}.b-avatar,.card-header{align-items:center;display:flex}.b-avatar{border-radius:24px;color:#fff;font-size:20px;font-weight:500;height:48px;justify-content:center;margin-right:16px;width:48px}.b-avatar.pregnant{background-color:#9c27b0}.b-avatar.child{background-color:#2196f3}.b-avatar.elderly{background-color:#ff9800}.b-info{flex:1 1}.b-name{font-size:16px;font-weight:500;margin-bottom:4px}.b-basic{color:#666;font-size:14px}.b-status{background-color:#e8f5e9;border-radius:12px;color:#4caf50;font-size:12px;font-weight:500;padding:4px 8px}.b-status.high-risk{background-color:#ffebee;color:#f44336}.card-content{padding:16px}.info-row{display:flex;margin-bottom:12px}.info-item{flex:1 1}.info-label{color:#666;font-size:12px;margin-bottom:4px}.info-value{font-size:14px;font-weight:500}.action-row{border-top:1px solid #f5f5f5;justify-content:space-between;margin-top:16px;padding-top:16px}.action-row,.due-tag{align-items:center;display:flex}.due-tag{background-color:#e3f2fd;border-radius:12px;color:#2196f3;font-size:12px;padding:4px 8px}.due-tag .icon{font-size:16px;margin-right:4px}.due-tag.overdue{background-color:#ffebee;color:#f44336}.action-btn{align-items:center;background-color:#f5f5f5;border-radius:16px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.action-btn:hover{background-color:#e0e0e0}.family-tag{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#666;display:inline-flex;font-size:12px;margin-top:8px;padding:2px 6px}.family-tag .icon{font-size:14px;margin-right:4px}.card-list{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow:hidden}.list-header{align-items:center;background-color:#f9f9f9;display:flex;padding:12px 16px}.header-cell{color:#666;flex:1 1;font-size:14px;font-weight:500}.list-row{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;padding:16px;transition:background-color .2s}.list-row:hover{background-color:#f9f9f9}.list-row:last-child{border-bottom:none}.list-cell{align-items:center;display:flex;flex:1 1}.category-chip,.name-cell{font-weight:500}.category-chip{border-radius:12px;font-size:12px;padding:4px 8px}.chip-pregnant{background-color:#f3e5f5;color:#9c27b0}.chip-child{background-color:#e3f2fd;color:#2196f3}.chip-elderly{background-color:#fff8e1;color:#ff9800}.action-icons{display:flex;gap:8px}.quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border-radius:8px;box-shadow:0 2px 4px #0000000d}.stat-icon{border-radius:8px;color:#fff}.stat-value{font-weight:500}.view-toggle{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;margin-left:16px;padding:4px}.view-option{border-radius:4px;cursor:pointer;padding:4px 8px}.view-option.active{background-color:#fff;box-shadow:0 1px 3px #0000001a}.upcoming-visits{margin-top:16px}.visit-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;padding:8px 0}.visit-item:last-child{border-bottom:none}.visit-date{align-items:center;background-color:#e8f5e9;border-radius:4px;display:flex;flex-direction:column;height:40px;justify-content:center;margin-right:12px}.visit-day{color:#4caf50;font-size:16px;font-weight:500;line-height:1}.visit-month{color:#4caf50;font-size:10px;text-transform:uppercase}.visit-type{font-size:14px;font-weight:500}.visit-info{color:#666;font-size:12px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{color:#e0e0e0;font-size:64px;margin-bottom:16px}.empty-text{color:#666;font-size:16px;margin-bottom:24px}.add-button{background-color:#4caf50}.filter-bar{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.search-input{font-size:14px}.date-filter,.filter-dropdown{padding:10px 12px}.date-filter{align-items:center;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:14px}.date-filter .icon{margin-right:8px}.filter-button{align-items:center;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;display:flex;font-weight:500;padding:10px 16px}.filter-button .icon{margin-right:8px}.visit-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.visit-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.visit-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-4px)}.visit-card-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.visit-date{color:#666;font-size:14px}.visit-tag{border-radius:16px;font-size:12px;font-weight:500;padding:4px 8px}.routine-tag{background-color:#e8f5e9;color:#4caf50}.followup-tag{background-color:#e3f2fd;color:#2196f3}.emergency-tag{background-color:#ffebee;color:#f44336}.visit-card-content{padding:16px}.beneficiary-row{align-items:center;display:flex;margin-bottom:12px}.pregnant-avatar{background-color:#f3e5f5;color:#9c27b0}.elderly-avatar{background-color:#fff8e1;color:#ffc107}.beneficiary-info{flex:1 1}.beneficiary-name{margin-bottom:2px}.beneficiary-details{font-size:12px}.visit-details-row{align-items:center;color:#666;display:flex;font-size:14px;margin-top:16px}.visit-details-icon{color:#4caf50;margin-right:8px}.status-chip{display:inline-block;margin-top:12px}.status-healthy{background-color:#e8f5e9;color:#4caf50}.status-minor{background-color:#fff8e1;color:#ffc107}.status-attention{background-color:#fff3e0;color:#ff9800}.status-critical{background-color:#ffebee;color:#f44336}.visit-card-actions{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:8px 16px}.action-icon{color:#666;cursor:pointer;margin-left:16px}.action-icon:hover{color:#4caf50}.pagination-button.active{border-color:#4caf50}.header{justify-content:space-between}.title{font-weight:500}.add-button{align-items:center;background-color:#9c27b0;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:8px 16px}.add-button .icon{margin-right:8px}.tab.active{color:#9c27b0}.tab.active:after{background-color:#9c27b0}.search-filters{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.search-field{flex:1 1;min-width:200px}.search-input{border-radius:4px;box-sizing:border-box;font-size:16px;width:100%}.filter-dropdown{border-radius:4px;min-width:150px;padding:10px}.summary-card{box-shadow:0 1px 3px #0000001f;padding:16px}.summary-card .header{margin-bottom:16px}.summary-card .icon{align-items:center;background-color:#f3e5f5;border-radius:20px;color:#9c27b0;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.summary-card .count{color:#9c27b0;font-size:28px;font-weight:500}.summary-card .label{color:#666;font-size:14px}.anc-list{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;margin-bottom:24px}.list-header{color:#666;font-weight:500}.anc-item,.list-header{border-bottom:1px solid #eee;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 80px;padding:16px}.anc-item{align-items:center}.anc-item:last-child{border-bottom:none}.anc-item:hover{background-color:#f9f9f9}.beneficiary-avatar{background-color:#f3e5f5;color:#9c27b0}.beneficiary-details{color:#666}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-normal{background-color:#e8f5e9;color:#4caf50}.status-risk{background-color:#fff8e1;color:#ff9800}.status-high-risk{background-color:#ffebee;color:#f44336}.action-button{background:none;border:none}.action-button:hover{color:#9c27b0}.pagination{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;padding:16px}.page-button{align-items:center;border:1px solid #ddd;cursor:pointer;display:flex;height:36px;justify-content:center;margin:0 4px;width:36px}.page-button.active{background-color:#9c27b0;border-color:#9c27b0;color:#fff}.offline-banner{margin-bottom:16px;padding:8px 16px}.offline-banner .icon{margin-right:8px}.header-actions{display:flex;gap:12px}.btn{border:none;padding:10px 16px}.btn-outline{background-color:initial;border:1px solid #ddd}.btn-outline:hover{background-color:#f5f5f5}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px}.card-title{font-size:18px;font-weight:500;justify-content:space-between;margin-bottom:16px}.card-title,.card-title-text{align-items:center;display:flex}.card-title-icon{color:#e74c3c;font-size:24px;margin-right:8px}.card-subtitle{color:#666;font-size:14px;margin-bottom:16px;margin-top:-10px}.tabs{border-bottom:1px solid #eee;gap:4px;margin-bottom:20px}.tab{padding:12px 20px}.tab.active{color:#e74c3c}.tab.active:after{background-color:#e74c3c}.filters{justify-content:space-between;margin-bottom:20px}.filter-group,.filters{align-items:center;display:flex}.filter-group{gap:12px}.search-field{position:relative}.search-input{border:1px solid #ddd;border-radius:8px;padding:10px 16px 10px 40px;width:300px}.search-icon{color:#666;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 16px}.table{border-collapse:initial;border-spacing:0 8px;width:100%}.table thead th{border-bottom:1px solid #eee;color:#666;font-size:14px;font-weight:500;padding:12px 16px;text-align:left}.table tbody tr{border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:all .3s}.table tbody tr:hover{box-shadow:0 4px 8px #0000001a;cursor:pointer;transform:translateY(-2px)}.table tbody td{background-color:#fff;padding:16px}.table tbody td:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.table tbody td:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.patient-avatar,.patient-info{align-items:center;display:flex}.patient-avatar{background-color:#e8f4fd;border-radius:50%;color:#3498db;height:40px;justify-content:center;margin-right:12px;width:40px}.patient-name{font-weight:500}.patient-details{color:#666;font-size:14px}.badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 12px}.badge-urgent{background-color:#fceae9;color:#e74c3c}.badge-high{background-color:#fcf3e3;color:#f39c12}.badge-medium{background-color:#e8f4fd;color:#3498db}.badge-completed{background-color:#e9f7ef;color:#27ae60}.badge-pending{background-color:#f5f5f5;color:#666}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:24px}.stat-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:50%;height:48px;justify-content:center;margin-right:16px;width:48px}.urgent-icon{background-color:#fceae9;color:#e74c3c}.completed-icon{background-color:#e9f7ef;color:#27ae60}.pending-icon{background-color:#fcf3e3;color:#f39c12}.this-month-icon{background-color:#e8f4fd;color:#3498db}.stat-info{flex:1 1}.stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#666;font-size:14px}.pagination{margin-top:20px}.pagination-button{border-radius:8px}.pagination-button.active{background-color:#e74c3c;border-color:#e74c3c}.status-icon{font-size:20px}.completed-status{color:#27ae60}.pending-status{color:#f39c12}.action-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.action-button:hover{background-color:#f5f5f5}.offline-text{flex:1 1}.offline-action{align-items:center;background-color:#fff3;border-radius:4px;cursor:pointer;display:flex;font-size:14px;padding:6px 12px}.offline-action-icon{margin-right:6px}.page-header{justify-content:space-between}.page-subtitle{margin-top:4px}.button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:8px 16px}.button.outline{background-color:initial;border:1px solid #4caf50;color:#4caf50}.button .icon{margin-right:8px}.filters-bar{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.filter-input,.filters-bar{align-items:center;display:flex}.filter-input{background-color:#f5f5f5;border-radius:4px;flex-grow:1;max-width:300px;padding:4px 12px}.filter-input input{background:none;border:none;flex-grow:1;font-size:14px;padding:8px}.filter-input .icon{color:#666}.filter-select{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;padding:4px 12px}.filter-select select{background:none;border:none;color:#333;font-size:14px;padding:8px}.filter-select .icon{color:#666;margin-right:4px}.vhnd-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.vhnd-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.vhnd-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.vhnd-header{background-color:#4caf50;color:#fff;padding:16px;position:relative}.vhnd-date{font-size:18px;font-weight:500;margin-bottom:4px}.vhnd-village{font-size:14px;opacity:.9}.vhnd-status{background-color:#fff3;border-radius:12px;font-size:12px;padding:4px 8px;position:absolute;right:16px;top:16px}.vhnd-status.completed{background-color:#4caf50;color:#fff}.vhnd-status.cancelled{background-color:#f44336;color:#fff}.vhnd-content{padding:16px}.vhnd-stats{display:flex;justify-content:space-between;margin-bottom:16px}.vhnd-stat{text-align:center}.vhnd-stat-value{color:#4caf50;font-size:24px;font-weight:500}.vhnd-stat-label{color:#666;font-size:12px}.vhnd-services{margin-bottom:16px}.vhnd-services-title{font-size:14px;font-weight:500;margin-bottom:8px}.vhnd-services-list{display:flex;flex-wrap:wrap;gap:4px}.vhnd-service{background-color:#f5f5f5;border-radius:12px;font-size:12px;padding:4px 8px}.vhnd-officials{margin-bottom:16px}.vhnd-officials-title{font-size:14px;font-weight:500;margin-bottom:8px}.vhnd-officials-list{color:#666;font-size:14px}.vhnd-actions{border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:16px}.vhnd-action{align-items:center;color:#4caf50;cursor:pointer;display:flex;font-size:14px}.vhnd-action .icon{font-size:18px;margin-right:4px}.pagination-button{color:#666;height:36px;width:36px}.pagination-button:hover{background-color:#f5f5f5}.pagination-button.active{background-color:#4caf50}.divider{margin:16px 0;width:100%}.page-subtitle{color:#666;font-size:14px}.action-buttons{gap:12px}.primary-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff}.outline-button,.primary-button{align-items:center;cursor:pointer;display:flex;padding:8px 16px}.outline-button{background-color:initial;border:1px solid #4caf50;border-radius:4px;color:#4caf50}.button-icon{margin-right:8px}.section-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.flex-row{display:flex;gap:24px}.flex-column{flex:1 1}.section-title{align-items:center;display:flex;font-weight:500}.section-icon{color:#4caf50;margin-right:8px}.filters-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.filter-field{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;min-width:180px;padding:8px 12px}.filter-field label{color:#666;font-size:14px;margin-right:8px}.filter-field select{background:#0000;border:none;color:#333;flex:1 1;font-size:14px;outline:none}.date-field{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;padding:8px 12px}.date-field input{background:#0000;border:none;color:#333;font-size:14px;outline:none}.report-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;height:100%;padding:20px;transition:transform .2s}.report-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-4px)}.report-icon{align-items:center;border-radius:8px;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.icon-blue{background-color:#e3f2fd;color:#2196f3}.icon-green{background-color:#e8f5e9;color:#4caf50}.icon-purple{background-color:#f3e5f5;color:#9c27b0}.icon-orange{background-color:#fff3e0;color:#ff9800}.icon-red{background-color:#ffebee;color:#f44336}.icon-teal{background-color:#e0f2f1;color:#009688}.report-title{font-weight:500;margin-bottom:8px}.report-description{color:#666;font-size:14px;margin-bottom:12px}.report-meta{color:#999;display:flex;font-size:12px;justify-content:space-between}.chart-container{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;height:300px;justify-content:center;margin-bottom:24px}.chart-placeholder{color:#999;font-style:italic}.grid-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-container,.tab-container,.tabs{margin-bottom:24px}.tabs{border-bottom:1px solid #ddd;display:flex}.tab{border-bottom:2px solid #0000}.tab.active{border-bottom-color:#4caf50;color:#4caf50;font-weight:500}.metrics-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.metric-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;text-align:center}.metric-icon{align-items:center;background-color:#e8f5e9;border-radius:50%;color:#4caf50;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.metric-icon.blue{background-color:#e3f2fd;color:#2196f3}.metric-icon.purple{background-color:#f3e5f5;color:#9c27b0}.metric-icon.orange{background-color:#fff3e0;color:#ff9800}.metric-icon.red{background-color:#ffebee;color:#f44336}.metric-value{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:4px}.metric-label{color:#666;font-size:14px}.metric-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-4px);transition:transform .2s,box-shadow .2s}.comparison{font-size:12px;margin-top:4px}.positive{color:#4caf50}.negative{color:#f44336}.table-container{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%}th{background-color:#f5f5f5;font-weight:500;position:sticky;text-align:left;top:0}td,th{padding:12px 16px}td{border-bottom:1px solid #eee}tr:hover{background-color:#f9f9f9}.status-tag{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-high{background-color:#e8f5e9;color:#4caf50}.status-medium{background-color:#fff8e1;color:#ffc107}.status-low{background-color:#ffebee;color:#f44336}.pagination{gap:8px;justify-content:flex-end;margin-top:16px}.pagination-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.pagination-item:hover{background-color:#f0f0f0}.pagination-item.active{background-color:#4caf50;color:#fff}.summary-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:20px}.summary-title{font-weight:500;margin-bottom:12px}.summary-content{align-items:center;display:flex;justify-content:space-between}.summary-metrics{display:flex;flex-direction:column}.summary-metric{margin-bottom:8px}.summary-metric-label{color:#666;font-size:14px;margin-bottom:4px}.summary-metric-value{font-size:18px;font-weight:500}.summary-chart{height:120px;position:relative;width:120px}.summary-chart-value{font-size:24px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.donut-chart{background:conic-gradient(#4caf50 0 70%,#f0f0f0 70% 100%);border-radius:50%;height:100%;width:100%}.donut-hole{background-color:#fff;border-radius:50%;height:70%;left:15%;position:absolute;top:15%;width:70%}.login-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px;text-align:center;width:530px}.logo{align-items:center;border-radius:16px;color:#fff;display:inline-flex;font-size:36px;height:80px;justify-content:center;margin-bottom:24px;width:80px}.title{color:#212121;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.subtitle{color:#757575;color:var(--text-secondary);font-size:16px;margin-bottom:32px}.input-field{margin-bottom:20px;position:relative;text-align:left;width:100%}.input-field input{border:1px solid #ddd;border-radius:8px;font-family:Inter,sans-serif;font-size:15px;padding:15px 15px 15px 48px;transition:all .2s;width:100%}.input-field input:focus{border-color:#4caf50;border-color:var(--primary);box-shadow:0 0 0 1px #e8f5e9;box-shadow:0 0 0 1px var(--primary-light);outline:none}.input-field .icon{left:16px}.input-field .icon,.input-field .toggle-password{color:#757575;color:var(--text-secondary);font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.input-field .toggle-password{background:none;border:none;cursor:pointer;right:16px}.options-row{justify-content:space-between;margin-bottom:30px}.options-row,.remember-me{align-items:center;display:flex}.remember-me input{accent-color:#4caf50;accent-color:var(--primary);height:16px;margin-right:8px;width:16px}.remember-me label{color:#212121;color:var(--text-primary);cursor:pointer;font-size:14px}.forgot-password{color:#4caf50;color:var(--primary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#3d9140;text-decoration:underline}.login-button{background-color:#4caf50;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-bottom:24px;padding:14px 0;transition:background-color .2s;width:100%}.login-button:hover{background-color:#3d9140}.help-link{color:#757575;color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.help-link:hover{color:#212121;color:var(--text-primary);text-decoration:underline}.language-selector{position:absolute;right:20px;top:20px}.language-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#212121;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;padding:8px 12px;transition:all .2s}.language-select:focus{border-color:#4caf50;border-color:var(--primary);outline:none}.offline-banner{font-size:14px;font-weight:500;left:300px;padding:10px 20px;position:fixed;right:23px;top:75px;z-index:100}.offline-banner i{font-size:16px;margin-right:10px}@media (max-width:480px){.login-container{padding:30px 20px;width:90%}.options-row{align-items:flex-start;flex-direction:column;gap:12px}.language-selector{right:10px;top:10px}}.loginPage,.registerPage{align-items:center;background-color:#f5f5f5;background-color:var(--background);color:#212121;color:var(--text-primary);display:flex;font-family:Inter,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.beneficiary-village{color:#4caf50;color:var(--primary);font-weight:500}.chip-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.chip{background-color:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:400;padding:6px 14px;transition:all .2s}.chip.selected{background-color:#e8f5e9;background-color:var(--primary-light);border-color:#4caf50;border-color:var(--primary);color:#4caf50;color:var(--primary);font-weight:500}.chip:hover:not(.selected){background-color:#e0e0e0}@media (max-width:600px){.container,.form-card{padding:16px}.radio-group{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:12px}.cancel-button,.save-button{width:100%}}.page-header{align-items:center;display:flex;margin-bottom:24px}.back-button{color:#212121;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.back-button:hover{background-color:#f5f5f5}.back-button i{margin-right:6px}.page-title{color:#212121;color:var(--text-primary);font-weight:600}.offline-banner{background-color:#ffc107;background-color:var(--warning);box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);padding:12px 20px}.offline-banner i{font-size:18px;margin-right:12px}.form-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow);margin-bottom:24px;padding:24px}.section-title{color:#212121;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.section-subtitle{color:#757575;color:var(--text-secondary);font-size:14px;margin-bottom:16px;margin-top:-8px}.beneficiary-card{background-color:#fff;border:1px solid var(--divider);border-radius:12px;display:flex;transition:all .2s}.beneficiary-card:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow)}.beneficiary-info{flex-direction:column}.beneficiary-name{color:#212121;color:var(--text-primary);font-weight:600}.beneficiary-details{color:#757575;color:var(--text-secondary);font-size:14px;margin-bottom:4px}.beneficiary-status,.change-button{color:#2196f3;color:var(--secondary);font-size:14px;font-weight:500}.change-button{background-color:#e3f2fd;background-color:var(--secondary-light);border:none;border-radius:8px;font-family:Inter,sans-serif;padding:8px 16px;transition:all .2s}.change-button:hover{background-color:#2196f333}.select-button{background-color:#fff;border:1px solid #4caf50;border:1px solid var(--primary);color:#4caf50;color:var(--primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 20px;transition:all .2s}.select-button:hover{background-color:#e8f5e9;background-color:var(--primary-light)}.select-button i{font-size:16px;margin-right:8px}.date-picker{border:1px solid #ddd;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s;width:100%}.date-picker:focus{border-color:#4caf50;border-color:var(--primary);box-shadow:0 0 0 1px #e8f5e9;box-shadow:0 0 0 1px var(--primary-light);outline:none}.text-input{border:1px solid #ddd;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s;width:100%}.text-input:focus{border-color:#4caf50;border-color:var(--primary);box-shadow:0 0 0 1px #e8f5e9;box-shadow:0 0 0 1px var(--primary-light);outline:none}.vaccine-selector{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ddd;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s;width:100%}.vaccine-selector:focus{border-color:#4caf50;border-color:var(--primary);box-shadow:0 0 0 1px #e8f5e9;box-shadow:0 0 0 1px var(--primary-light);outline:none}.input-group{display:flex;gap:16px;margin-bottom:16px}.input-group .form-field{flex:1 1}.form-field{margin-bottom:16px}.form-field label{color:#212121;color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-field .hint{color:#757575;color:var(--text-secondary);font-size:12px;margin-top:4px}.radio-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:16px}.radio-option{border:1px solid #ddd;border-radius:8px;padding:12px;transition:all .2s}.radio-option.selected{background-color:#e8f5e9;background-color:var(--primary-light);border-color:#4caf50;border-color:var(--primary)}.radio-option:hover:not(.selected){background-color:#00000005}.radio-option input{accent-color:#4caf50;accent-color:var(--primary);margin-right:10px}.radio-option label{cursor:pointer;flex:1 1;font-size:14px}.checkbox-option{margin-bottom:16px}.checkbox-option input{accent-color:#4caf50;accent-color:var(--primary);height:18px;margin-right:10px;width:18px}.checkbox-option label{cursor:pointer;font-size:14px}.text-area{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:14px;margin-bottom:16px;min-height:100px;padding:12px 16px;resize:vertical;transition:border-color .2s;width:100%}.text-area:focus{border-color:#4caf50;border-color:var(--primary);box-shadow:0 0 0 1px #e8f5e9;box-shadow:0 0 0 1px var(--primary-light);outline:none}.divider{background-color:var(--divider);border:none;margin:30px 0}.due-date-card{background-color:#e3f2fd;background-color:var(--secondary-light);border-left:4px solid #2196f3;border-left:4px solid var(--secondary);border-radius:8px;margin-bottom:16px;padding:16px}.due-date-title{color:#2196f3;color:var(--secondary);font-size:14px;font-weight:500;margin-bottom:8px}.due-date-info{align-items:center;display:flex;gap:16px}.due-date-info i{color:#2196f3;color:var(--secondary);font-size:24px}.due-date-text{color:#212121;color:var(--text-primary);font-size:14px}.due-date-text strong{font-weight:600}.vaccine-info{background-color:#e8f5e9;background-color:var(--primary-light);border-radius:8px;gap:16px;margin-top:16px;padding:16px}.vaccine-info i{color:#4caf50;color:var(--primary);font-size:24px}.vaccine-info-text{flex:1 1}.vaccine-info-text h4{color:#4caf50;color:var(--primary);font-size:15px;font-weight:600;margin-bottom:4px}.vaccine-info-text p{color:#212121;color:var(--text-primary);font-size:13px}.status-indicator{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;margin-top:8px;padding:4px 10px}.status-indicator.due{background-color:#fff8e1;background-color:var(--warning-light);color:#b7791f}.status-indicator.completed{background-color:#e8f5e9;background-color:var(--primary-light);color:#4caf50;color:var(--primary)}.status-indicator.overdue{background-color:#ffebee;background-color:var(--error-light);color:#f44336;color:var(--error)}.status-indicator i{font-size:14px;margin-right:6px}.immunization-history{margin-top:16px}.history-item{border:1px solid #eee;border:1px solid var(--divider);border-radius:8px;margin-bottom:12px;padding:12px 16px}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-item-title{font-size:15px;font-weight:500}.history-item-date,.history-item-details{color:#757575;color:var(--text-secondary);font-size:13px}.action-buttons{justify-content:space-between;margin-top:32px}.cancel-button{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#212121;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s;width:48%}.cancel-button:hover{background-color:#f5f5f5}.save-button{align-items:center;background-color:#4caf50;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;justify-content:center;padding:12px 24px;transition:all .2s;width:48%}.save-button:hover{background-color:#3d9140}.save-button i{margin-right:8px}.error-text{color:#f44336;color:var(--error);font-size:12px;margin-bottom:10px;margin-top:4px}@media (max-width:600px){.container,.form-card{padding:16px}.radio-group{grid-template-columns:1fr}.input-group{flex-direction:column;gap:8px}.action-buttons{flex-direction:column;gap:12px}.cancel-button,.save-button{width:100%}}.header{margin-bottom:24px}.back-button,.header{align-items:center;display:flex}.back-button{background-color:initial;border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-right:16px;padding:8px 16px}.back-icon{margin-right:4px}.page-title{font-size:24px;font-weight:500}.offline-banner{background-color:#f39c12;border-radius:8px;padding:12px 24px}.offline-banner-icon{margin-right:12px}.form-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.form-container,.form-section{margin-bottom:24px}.form-section-title{align-items:center;color:#e74c3c;display:flex;font-size:18px;font-weight:500;margin-bottom:16px}.form-section-icon{margin-right:8px}.form-row{display:flex;gap:24px;margin-bottom:16px}.form-group{flex:1 1}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-required{color:#e74c3c;margin-left:4px}.form-input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s;width:100%}.form-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.form-textarea{border:1px solid #ddd;border-radius:8px;font-family:Roboto,sans-serif;font-size:16px;min-height:120px;padding:12px 16px;resize:vertical;width:100%}.form-textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 16px;width:100%}.form-select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.radio-group{display:flex;gap:16px;margin-top:8px}.radio-option{align-items:center;cursor:pointer;display:flex}.radio-input{accent-color:#e74c3c;height:18px;margin-right:8px;width:18px}.radio-label{font-size:16px}.checkbox-option{align-items:center;cursor:pointer;display:flex;margin-bottom:12px}.checkbox-input{accent-color:#e74c3c;height:18px;margin-right:8px;width:18px}.checkbox-label{font-size:16px}.urgency-options{display:flex;gap:16px;margin-top:8px}.urgency-option{border:1px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;padding:16px;text-align:center;transition:all .3s}.urgency-option:hover{background-color:#f9f9f9}.urgency-option.selected{background-color:#fceae9;border-color:#e74c3c}.urgency-icon{color:#e74c3c;margin-bottom:8px}.urgency-label{font-weight:500;margin-bottom:4px}.urgency-description{color:#666;font-size:12px}.transport-options{display:flex;gap:16px;margin-top:8px}.transport-option{border:1px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;padding:16px;text-align:center;transition:all .3s}.transport-option:hover{background-color:#f9f9f9}.transport-option.selected{background-color:#e8f4fd;border-color:#3498db}.transport-icon{color:#3498db;margin-bottom:8px}.transport-label{font-weight:500}.divider{background-color:#eee;height:1px;margin:32px 0}.beneficiary-card{align-items:center;border:1px solid #eee;border-radius:8px;justify-content:space-between;margin-bottom:16px;padding:16px}.beneficiary-avatar{background-color:#e8f4fd;border-radius:50%;color:#3498db;height:48px;margin-right:16px;width:48px}.beneficiary-name{font-size:16px}.beneficiary-meta{font-size:14px;margin-bottom:4px}.beneficiary-village{color:#3498db;font-size:14px}.change-button{background-color:initial;border:1px solid #3498db;border-radius:4px;color:#3498db;cursor:pointer;padding:6px 12px}.select-button{align-items:center;background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:24px;width:100%}.select-icon{color:#3498db;margin-right:8px}.actions{display:flex;justify-content:space-between;margin-top:32px}.btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;padding:12px 24px;transition:all .3s}.btn-icon{margin-right:8px}.btn-secondary{background-color:initial;border:1px solid #ddd;color:#333}.btn-secondary:hover{background-color:#f5f5f5}.btn-primary{background-color:#e74c3c;border:none;color:#fff}.btn-primary:hover{background-color:#c0392b}.helper-text{color:#666;font-size:12px;margin-top:4px}.tab-bar{border-bottom:1px solid #ddd;display:flex;margin-bottom:24px}.tab{color:#666;cursor:pointer;font-weight:500;padding:12px 24px;position:relative}.tab.active{color:#2196f3}.tab.active:after{background-color:#2196f3;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab:hover:not(.active){background-color:#f5f5f5}.tab-count{background-color:#e3f2fd;border-radius:10px;color:#2196f3;font-size:12px;margin-left:8px;padding:2px 6px}.due-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow:hidden}.due-list-header{background-color:#f9f9f9;font-weight:500;padding:12px 16px}.due-list-header,.due-list-item{border-bottom:1px solid #eee;display:grid;grid-template-columns:minmax(250px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(120px,1fr) minmax(100px,1fr)}.due-list-item{align-items:center;padding:16px}.due-list-item:last-child{border-bottom:none}.due-list-item:hover{background-color:#f5f5f5;cursor:pointer}.beneficiary-avatar,.beneficiary-info{align-items:center;display:flex}.beneficiary-avatar{border-radius:20px;height:40px;justify-content:center;margin-right:12px;width:40px}.child-avatar{background-color:#e3f2fd;color:#2196f3}.beneficiary-details{display:flex;flex-direction:column}.beneficiary-name{font-weight:500;margin-bottom:4px}.beneficiary-meta{color:#666;font-size:12px}.vaccine-info{align-items:center;display:flex}.vaccine-icon{color:#2196f3;font-size:18px;margin-right:8px}.due-date,.vaccine-name{font-weight:500}.overdue{color:#f44336}.today{color:#ff9800}.upcoming{color:#4caf50}.status-chip{border-radius:16px;font-size:12px;font-weight:500;max-width:100px;padding:4px 8px;text-align:center}.status-due{background-color:#fff8e1;color:#ff9800}.status-completed{background-color:#e8f5e9;color:#4caf50}.status-overdue{background-color:#ffebee;color:#f44336}.status-scheduled{background-color:#e3f2fd;color:#2196f3}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.action-button-small{align-items:center;border-radius:4px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.action-button-small:hover{background-color:#f0f0f0}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.vaccine-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.vaccine-card:hover{box-shadow:0 4px 8px #0000001a;cursor:pointer;transform:translateY(-4px)}.vaccine-card-header{background-color:#e3f2fd;font-weight:500;justify-content:space-between;padding:16px}.vaccine-card-header,.vaccine-count{align-items:center;color:#2196f3;display:flex}.vaccine-count{background-color:#fff;border-radius:12px;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.vaccine-card-content{padding:16px}.age-group{align-items:center;color:#666;display:flex;font-size:12px;margin-bottom:8px}.age-group-icon{font-size:16px;margin-right:4px}.progress-bar{background-color:#f0f0f0;border-radius:4px;height:8px;margin:8px 0;overflow:hidden}.progress-value{background-color:#4caf50;border-radius:4px;height:100%}.vaccine-stats{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.stats-value{color:#333;font-weight:500}.pagination{margin-bottom:46px;margin-top:24px}.pagination,.pagination-button{align-items:center;display:flex;justify-content:center}.pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;height:40px;margin:0 4px;width:40px}.pagination-button.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.pagination-button:hover:not(.active){background-color:#f5f5f5}.pagination-text{color:#666;font-size:14px;margin:0 16px}.offline-banner{align-items:center;background-color:#ff9800;border-radius:4px;color:#fff;display:flex;margin-bottom:24px;padding:8px 24px;z-index:0}.offline-banner .icon{margin-right:12px}.offline-banner-text{flex:1 1}.sync-chip{align-items:center;background-color:#0000001a;border-radius:16px;display:flex;font-size:12px;padding:4px 12px}.sync-chip .icon{font-size:16px;margin-right:4px}img.asha_logo{width:52px}img.asha_logo_login{width:100px}.footer{align-items:center;background-color:#f8f9fa;bottom:0;color:#222;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:15px 0;position:fixed;text-align:center;width:83%;z-index:1000}.flag_image{width:30px}.login_flag,.wraper-for-translator{align-items:center;display:flex}.login_flag{gap:5px;padding-left:110px;text-align:center}.logout-popup{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #0003;padding:8px 12px;position:absolute;right:0;top:35px;z-index:10}.logout-popup button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.logout-popup button:hover{background-color:#d32f2f}.beneficiarylist{border:1px solid var(--divider);border-radius:12px;transition:all .2s}.beneficiarylist:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow)}.beneficiarylist{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;justify-content:space-between;margin-bottom:16px;overflow:hidden;padding:16px;transition:transform .2s,box-shadow .2s}.beneficiarylist:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}
/*# sourceMappingURL=main.c4822843.css.map*/