@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap";body{font-family:Roboto,Segoe UI,sans-serif;background-color:#f5f8fa;color:#333}.login-container{display:flex;min-height:100vh;width:100%}.login-banner{display:block!important;flex:1;position:relative;background-color:#0c4ca3;overflow:hidden;transition:all .5s ease;box-shadow:inset 0 0 100px #00000080}.login-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0c4ca333,#03255899);z-index:2;opacity:.8;animation:pulse 8s infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:.9}}.login-banner-image{position:absolute;width:100%;height:100%;object-fit:cover;z-index:1;transition:all 10s ease;transform:scale(1);animation:slowZoom 30s infinite alternate}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.login-banner-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;color:#fff;z-index:3;background:#0003;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.login-banner-content h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:fadeInUp 1.2s ease;transform:translateY(0);letter-spacing:1px;color:#fff}.login-banner-content h2{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;animation:fadeInUp 1s ease;text-shadow:0 2px 6px rgba(0,0,0,.4);color:#fff}.login-banner-content p{font-size:1.1rem;max-width:80%;line-height:1.6;animation:fadeInUp 1.4s ease;text-shadow:0 1px 4px rgba(0,0,0,.4);letter-spacing:.5px;color:#fff}.login-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fff}.login-form-wrapper{width:100%;max-width:420px;animation:fadeIn .8s ease}.login-form-header{text-align:center;margin-bottom:2rem}.login-form-header h2{font-size:2rem;color:#154082;margin-bottom:.5rem;font-weight:600}.login-form-header p{color:#6c757d;font-size:1rem}.login-form{margin-bottom:1rem}.test-accounts{margin-bottom:1.5rem;padding:1rem;background-color:#e8f4ff;border-left:4px solid #154082;border-radius:4px;font-size:.85rem}.test-accounts p{margin-top:.5rem;margin-bottom:0}.loginErrorMessage{display:flex;align-items:center;background-color:#fef2f2;color:#dc2626;padding:.875rem 1rem;border:1px solid #fecaca;border-left:4px solid #dc2626;margin-bottom:1.5rem;border-radius:6px;font-size:.9rem;box-shadow:0 1px 3px #dc26261a;animation:loginErrorSlideIn .3s ease-out}.loginErrorIcon{margin-right:.75rem;font-size:1rem;color:#dc2626;flex-shrink:0}.loginErrorText{flex:1;line-height:1.4;font-weight:500}@keyframes loginErrorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loginErrorMessage:hover{background-color:#fef1f1;border-color:#f9a8a8}.error-alert{background-color:#fef0f0;color:#e53e3e;padding:.8rem 1rem;border-left:4px solid #e53e3e;margin-bottom:1.5rem;border-radius:4px;font-size:.9rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#495057}.input-control{position:relative;display:flex;align-items:center;width:100%}.input-control i{position:absolute;left:14px;color:#6b7280;font-size:18px;z-index:10;top:50%;transform:translateY(-50%);pointer-events:none}.input-control input{padding-left:44px!important;width:100%;height:44px;border:1.5px solid #D1D5DB;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s;background-color:#f9fafb;box-sizing:border-box;display:block}.input-control input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #2563eb1a}.input-control input:not(:placeholder-shown):valid{border-color:#28a745;background-color:#f8fff8;box-shadow:0 0 0 1.5px #28a74533}.input-control input:not(:placeholder-shown):invalid{border-color:#dc3545;box-shadow:0 0 0 1.5px #dc354533}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem}.remember-me{display:flex;align-items:center;margin-right:auto;white-space:nowrap;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{margin-right:.5rem;cursor:pointer;width:16px;height:16px;min-width:16px;min-height:16px;vertical-align:middle}.remember-me span{vertical-align:middle}.forgot-password{color:#154082;text-decoration:none;font-weight:500;margin-left:1rem;white-space:nowrap}.primary-button{display:flex;justify-content:center;align-items:center;width:100%;padding:.75rem;background:linear-gradient(to right,#154082,#1976d2);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;box-shadow:0 2px 5px #15408233}.primary-button:hover{background:linear-gradient(to right,#0d2c5b,#1565c0);transform:translateY(-1px);box-shadow:0 4px 8px #1540824d}.primary-button:active{transform:translateY(1px);box-shadow:0 1px 3px #15408233}.primary-button:disabled{background:linear-gradient(to right,#a0aec0,#cbd5e0);cursor:not-allowed;transform:none;box-shadow:none}.primary-button i{margin-right:.5rem}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e2e8f0}.divider span{position:relative;background-color:#fff;padding:0 1rem;color:#718096;font-size:.9rem}.social-button{display:flex;justify-content:center;align-items:center;width:100%;padding:.75rem;background-color:#fff;color:#333;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.social-button:hover{background-color:#f8f9fa;border-color:#cfd8e3;transform:translateY(-1px);box-shadow:0 3px 5px #0000001a}.social-button img{width:20px;height:20px;margin-right:.75rem}.login-footer{margin-top:2rem;text-align:center;color:#6c757d;font-size:.875rem}.login-footer a{color:#154082;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}@media (min-width: 768px){.login-banner{display:block;flex:1}.login-form-section{flex:1}}@media (min-width: 992px){.login-banner{flex:1.5}.login-form-section{flex:1}.login-banner-content h1{font-size:2.75rem}.login-banner-content h2{font-size:1.5rem}}@media (min-width: 1200px){.login-banner{flex:2}.login-form-section{flex:1}}.animate .login-banner-content h1{animation:fadeInDown 1.2s ease}.animate .login-banner-content h2{animation:fadeInDown 1s ease}.animate .login-banner-content p{animation:fadeInDown 1.4s ease}.animate .login-form-wrapper{animation:fadeInRight .8s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.input-control input:not(:placeholder-shown):valid{border-color:#28a745;background-color:#f8fff8}.input-control input:not(:placeholder-shown):invalid{border-color:#dc3545}.fas{font-family:"Font Awesome 5 Free"!important;font-weight:900!important}.admin_ui_sidebar{background:#fff;color:#374151;width:280px;min-height:100vh;max-height:100vh;overflow-y:auto;box-shadow:1px 0 3px #0000000d;border-right:1px solid #e2e8f0;position:fixed;top:0;left:0;transition:all .3s ease;flex-shrink:0;z-index:900;display:flex;flex-direction:column}.admin_ui_sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8,#1e40af);background-size:400% 400%;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.admin_ui_sidebar_header{padding:24px 20px;border-bottom:1px solid #e2e8f0;background:#004e9a;color:#fff;border-radius:0 0 16px 16px;margin-bottom:16px}.admin_ui_logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.admin_ui_logo_icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.admin_ui_logo_text h1{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.admin_ui_logo_text span{font-size:.75rem;color:#d1d5db;font-weight:500}.admin_ui_sidebar_nav{padding:24px 0;flex:1;overflow-y:auto}.admin_ui_sidebar_nav ul{list-style-type:none;padding:0;margin:0}.admin_ui_nav_item{margin:4px 16px;cursor:pointer;transition:all .2s ease;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:12px 16px}.admin_ui_nav_item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05),#004E9A);transition:left .4s ease}.admin_ui_nav_item:hover:before{left:100%}.admin_ui_nav_item:hover{background:#f1f5f9;transform:translate(2px);box-shadow:0 2px 8px #6366f11a}.admin_ui_nav_item.active{background:#004e9a;color:#fff;transform:translate(4px);box-shadow:0 4px 12px #6366f140}.admin_ui_nav_item i{font-size:1.125rem;width:20px;text-align:center;flex-shrink:0}.admin_ui_nav_item span{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin_ui_sidebar_footer{padding:16px;border-top:1px solid #e2e8f0;margin-top:auto}.admin_ui_logout_btn{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-radius:12px;color:#ef4444;font-size:.875rem;font-weight:500;position:relative;overflow:hidden}.admin_ui_logout_btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.05),rgba(239,68,68,.1));transition:left .4s ease}.admin_ui_logout_btn:hover:before{left:100%}.admin_ui_logout_btn:hover{background:#fef2f2;transform:translate(2px);box-shadow:0 2px 8px #ef444426}.admin_ui_logout_btn i{font-size:1.125rem;width:20px;text-align:center;flex-shrink:0}.admin_ui_logout_btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin_ui_nav_item.active:after{content:"";position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #6366f1}.admin_ui_sidebar::-webkit-scrollbar{width:6px}.admin_ui_sidebar::-webkit-scrollbar-track{background:#f1f5f9}.admin_ui_sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin_ui_sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.admin_ui_sidebar{width:70px;min-width:70px}.admin_ui_sidebar_header{padding:16px 8px}.admin_ui_logo_text{display:none}.admin_ui_nav_item{margin:8px 5px;justify-content:center;padding:12px 8px}.admin_ui_nav_item span{display:none}.admin_ui_nav_item i{margin:0;font-size:18px}.admin_ui_sidebar_footer{padding:8px}.admin_ui_logout_btn{justify-content:center;padding:12px 8px}.admin_ui_logout_btn span{display:none}.admin_ui_logout_btn i{margin:0;font-size:18px}}@media (max-width: 480px){.admin_ui_sidebar{width:60px;min-width:60px}.admin_ui_sidebar_nav{padding:16px 0}.admin_ui_nav_item{margin:6px 3px;padding:10px 6px}.admin_ui_nav_item i{font-size:16px}.admin_ui_sidebar_footer{padding:6px}.admin_ui_logout_btn{padding:10px 6px}.admin_ui_logout_btn i{font-size:16px}}@media (max-width: 768px){.admin_ui_nav_item{position:relative}.admin_ui_nav_item:after{content:attr(data-tooltip);position:absolute;left:80px;top:50%;transform:translateY(-50%);background:#1a202c;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.admin_ui_nav_item:hover:after{opacity:1;visibility:visible;left:75px}.admin_ui_logout_btn{position:relative}.admin_ui_logout_btn:after{content:attr(data-tooltip);position:absolute;left:80px;top:50%;transform:translateY(-50%);background:#1a202c;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.admin_ui_logout_btn:hover:after{opacity:1;visibility:visible;left:75px}}.admin_ui_nav_item{animation:slideInLeft .4s ease forwards;opacity:0;transform:translate(-20px)}.admin_ui_nav_item:nth-child(1){animation-delay:.1s}.admin_ui_nav_item:nth-child(2){animation-delay:.15s}.admin_ui_nav_item:nth-child(3){animation-delay:.2s}.admin_ui_nav_item:nth-child(4){animation-delay:.25s}.admin_ui_nav_item:nth-child(5){animation-delay:.3s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.admin_ui_nav_item.active{position:relative}.admin_ui_nav_item.active:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#3b82f6,#2563eb,#3b82f6);border-radius:13px;z-index:-1;animation:activeGlow 3s ease-in-out infinite alternate}@keyframes activeGlow{0%{box-shadow:0 0 8px #6366f14d}to{box-shadow:0 0 16px #6366f180}}.admin_ui_dash_content{padding:0;background:transparent;min-height:100vh}.admin_ui_dash_header{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;padding:32px;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 20px #3b82f626!important;position:relative;overflow:hidden}.admin_ui_dash_header-content{flex-direction:column;align-items:center;justify-content:center;width:80%;max-width:1200px;margin:0 auto;text-align:center;position:relative;gap:16px}.admin_ui_dash_header h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.025em}.admin_ui_dash_header p{color:#ffffffe6;font-size:1rem;margin:0;font-weight:400}.admin_ui_dash_error-banner{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;border:1px solid #d1d5db!important;border-radius:8px;padding:12px 16px;margin-bottom:24px;color:#6b7280!important;font-size:14px}.admin_ui_dash_info-banner{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;border:1px solid #e5e7eb!important;border-radius:8px;padding:12px 16px;margin-bottom:24px;color:#4b5563!important;font-size:14px}.admin_ui_dash_stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.admin_ui_dash_stat_card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;position:relative;overflow:hidden;transition:all .2s ease}.admin_ui_dash_stat_card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.admin_ui_dash_stat_icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.admin_ui_dash_stat-icon.students{background:linear-gradient(135deg,#64748b,#475569)!important}.admin_ui_dash_stat-icon.events{background:linear-gradient(135deg,#6b7280,#4b5563)!important}.admin_ui_dash_stat-icon.upcoming{background:linear-gradient(135deg,#9ca3af,#6b7280)!important}.admin_ui_dash_stat-icon.reports{background:linear-gradient(135deg,#78716c,#57534e)!important}.admin_ui_dash_stat-details h3{color:#475569;font-size:14px;font-weight:500;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.admin_ui_dash_stat-value{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.admin_ui_dash_charts-section{margin-bottom:32px}.admin_ui_dash_section-header{margin-bottom:24px}.admin_ui_dash_section-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.admin_ui_dash_charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.admin_ui_dash_chart-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;position:relative;overflow:hidden;min-height:320px}.admin_ui_dash_chart-card.full-width{grid-column:1 / -1}.admin_ui_dash_chart-header{margin-bottom:24px;display:flex;align-items:center;gap:12px}.admin_ui_dash_chart-header h3{color:#374151;font-size:16px;font-weight:600;margin:0;text-transform:none;letter-spacing:0}.admin_ui_dash_chart-header .admin_ui_dash_chart-icon{width:20px;height:20px;color:#6b7280;font-size:20px}.admin_ui_dash_chart-subtitle{color:#9ca3af;font-size:14px;font-weight:400;margin-top:6px}.admin_ui_dash_chart-content{height:240px;position:relative;display:flex;flex-direction:column}.admin_ui_dash_chart-content.large{height:320px}.admin_ui_dash_chart-metric{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.admin_ui_dash_chart-metric-value{font-size:64px;font-weight:700;color:#111827;line-height:1;margin:0}.admin_ui_dash_chart-metric-label{font-size:14px;color:#6b7280;font-weight:500;margin-top:8px}.admin_ui_dash_chart-mini{height:80px;width:100%;margin-top:auto}.admin_ui_dash_chart-donut{display:flex;align-items:center;justify-content:center;height:160px;position:relative;margin-bottom:20px}.admin_ui_dash_chart-donut-center{position:absolute;text-align:center;z-index:2}.admin_ui_dash_chart-donut-value{font-size:40px;font-weight:700;color:#111827;line-height:1}.admin_ui_dash_chart-donut-label{font-size:13px;color:#6b7280;font-weight:500;margin-top:4px}.admin_ui_dash_chart-legend{display:flex;flex-direction:column;gap:12px;margin-top:0}.admin_ui_dash_chart-legend-item{display:flex;align-items:center;gap:12px;font-size:14px}.admin_ui_dash_chart-legend-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.admin_ui_dash_chart-legend-label{color:#374151;font-weight:500;flex:1}.admin_ui_dash_chart-legend-value{color:#6b7280;font-weight:600}.admin_ui_dash_chart-country-list{display:flex;flex-direction:column;gap:16px;height:100%}.admin_ui_dash_chart-country-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #e5e7eb}.admin_ui_dash_chart-country-item:last-child{border-bottom:none}.admin_ui_dash_chart-country-flag{width:24px;height:18px;border-radius:3px;object-fit:cover;flex-shrink:0}.admin_ui_dash_chart-country-name{flex:1;font-size:15px;color:#374151;font-weight:500}.admin_ui_dash_chart-country-value{font-size:15px;color:#6b7280;font-weight:600}.admin_ui_dash_chart-bars{display:flex;align-items:flex-end;gap:12px;height:140px;margin-top:20px}.admin_ui_dash_chart-bar{flex:1;background:#64748b!important;border-radius:6px 6px 0 0;position:relative;min-height:24px}.admin_ui_dash_chart-bar.secondary{background:#9ca3af!important}.admin_ui_dash_chart-bar-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:12px;color:#6b7280;font-weight:500;white-space:nowrap}.admin_ui_dash_chart-large-number{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}.admin_ui_dash_chart-large-number-value{font-size:96px;font-weight:700;color:#111827;line-height:1}.admin_ui_dash_chart-large-number-label{font-size:16px;color:#6b7280;font-weight:500;margin-top:12px}.admin_ui_dash_chart-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:16px;animation:admin_ui_dash_pulse 2s infinite}.admin_ui_dash_chart-error{display:flex;align-items:center;justify-content:center;height:100%;color:#ef4444;font-size:16px}@keyframes admin_ui_dash_pulse{0%,to{opacity:1}50%{opacity:.5}}.admin_ui_dash_content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-bottom:32px}.admin_ui_dash_card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.admin_ui_dash_card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0!important;background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important}.admin_ui_dash_card-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.admin_ui_dash_view-all-btn{background:linear-gradient(135deg,#64748b,#475569)!important;color:#fff!important;border:none!important;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer}.admin_ui_dash_card-content{padding:0}.admin_ui_dash_events-table{width:100%;border-collapse:collapse}.admin_ui_dash_events-table th{background:#f9fafb!important;color:#4b5563!important;font-weight:600;font-size:.875rem;text-align:left;padding:16px 24px;border-bottom:1px solid #e2e8f0!important}.admin_ui_dash_events-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.875rem;word-wrap:break-word;overflow-wrap:break-word;max-width:200px}.admin_ui_dash_events-table tr:hover{background:#f9fafb!important}.admin_ui_dash_event-status-tag{padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.admin_ui_dash_event-status-tag.completed{background:#d1fae5!important;color:#059669!important}.admin_ui_dash_event-status-tag.upcoming{background:#fef3c7!important;color:#d97706!important}.admin_ui_dash_event-status-tag.in-progress{background:#f9fafb!important;color:#6b7280!important}.admin_ui_dash_event-status-tag.cancelled{background:#f3f4f6!important;color:#9ca3af!important}.admin_ui_dash_alerts{padding:8px}.admin_ui_dash_alert-item{padding:16px;margin-bottom:12px;border-radius:8px;border-left:4px solid}.admin_ui_dash_alert-item:last-child{margin-bottom:0}.admin_ui_dash_alert-item.high{background:#f9fafb!important;border-color:#6b7280!important}.admin_ui_dash_alert-item.medium{background:#f3f4f6!important;border-color:#9ca3af!important}.admin_ui_dash_alert-item.low{background:#f9fafb!important;border-color:#d1d5db!important}.admin_ui_dash_alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.admin_ui_dash_alert-header h3{color:#1e293b;font-size:.9rem;font-weight:600;margin:0;flex:1}.admin_ui_dash_alert-date{color:#64748b;font-size:.75rem;font-weight:500;white-space:nowrap;margin-left:12px}.admin_ui_dash_alert-description{color:#475569;font-size:.8rem;line-height:1.5;margin:0}@media (max-width: 1200px){.admin_ui_dash_charts-row{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.admin_ui_dash_chart-card.full-width{grid-column:1}}@media (max-width: 768px){.admin_ui_dash_content{padding:16px}.admin_ui_dash_header{background:linear-gradient(135deg,#374151,#4b5563)!important;padding:32px 20px;border-radius:16px}.admin_ui_dash_header-content{width:90%}.admin_ui_dash_header h1{font-size:1.75rem}.admin_ui_dash_header p{font-size:1rem}.admin_ui_dash_stats-container,.admin_ui_dash_content-grid{grid-template-columns:1fr;gap:16px}.admin_ui_dash_charts-row{grid-template-columns:1fr;gap:20px}.admin_ui_dash_chart-content{height:200px}.admin_ui_dash_chart-content.large{height:260px}.admin_ui_dash_chart-metric-value{font-size:48px}.admin_ui_dash_chart-large-number-value{font-size:72px}.admin_ui_dash_chart-donut-value{font-size:32px}.admin_ui_dash_card-header{flex-direction:column;align-items:flex-start;gap:12px}.admin_ui_dash_view-all-btn{align-self:flex-end}}@media (max-width: 480px){.admin_ui_dash_content{padding:12px}.admin_ui_dash_header{padding:24px 16px;border-radius:12px}.admin_ui_dash_header-content{width:95%}.admin_ui_dash_header h1{font-size:1.5rem}.admin_ui_dash_header p{font-size:.9rem}.admin_ui_dash_stat-card{padding:16px}.admin_ui_dash_stat-icon{width:48px;height:48px;font-size:20px}.admin_ui_dash_stat-value{font-size:1.5rem}.admin_ui_dash_chart-card{padding:24px;min-height:280px}.admin_ui_dash_chart-content{height:180px}.admin_ui_dash_chart-content.large{height:220px}.admin_ui_dash_chart-metric-value{font-size:40px}.admin_ui_dash_chart-large-number-value{font-size:60px}.admin_ui_dash_chart-donut-value{font-size:28px}.admin_ui_dash_chart-bars{height:100px}.admin_ui_dash_chart-country-item{padding:10px 0}.admin_ui_dash_chart-country-flag{width:20px;height:15px}.admin_ui_dash_chart-country-name,.admin_ui_dash_chart-country-value{font-size:14px}.admin_ui_dash_events-table th,.admin_ui_dash_events-table td{padding:12px 16px;font-size:.8rem}.admin_ui_dash_alert-item{padding:12px}}.admin-content .admin_ui_dash_content{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;padding:24px!important;min-height:100vh!important;margin:-30px!important;border-radius:0!important;box-shadow:none!important}.admin-content .admin_ui_dash_content .admin_ui_dash_chart-card,.admin-content .admin_ui_dash_content .admin_ui_dash_card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px #0000000d!important}.admin-content .admin_ui_dash_content .admin_ui_dash_chart-card:hover,.admin-content .admin_ui_dash_content .admin_ui_dash_card:hover{transform:none!important;box-shadow:0 4px 12px #00000014!important}.admin-content .admin_ui_dash_content .admin_ui_dash_view-all-btn,.admin-content .admin_ui_dash_content button{background:linear-gradient(135deg,#64748b,#475569)!important;color:#fff!important;border:none!important}.admin-content .admin_ui_dash_content h1,.admin-content .admin_ui_dash_content h2,.admin-content .admin_ui_dash_content h3,.admin-content .admin_ui_dash_content p{color:inherit!important}.admin-content .admin_ui_dash_content .text-primary{color:#4b5563!important}.admin-content .admin_ui_dash_content .bg-primary{background-color:#64748b!important}.admin-content .admin_ui_dash_content .admin_ui_dash_header{background:linear-gradient(135deg,#374151,#4b5563)!important;color:#fff!important;box-shadow:0 10px 25px #37415126!important}.admin-content .admin_ui_dash_content .admin_ui_dash_stat-icon.students{background:linear-gradient(135deg,#64748b,#475569)!important}.admin-content .admin_ui_dash_content .admin_ui_dash_stat-icon.events{background:linear-gradient(135deg,#6b7280,#4b5563)!important}.admin-content .admin_ui_dash_content .admin_ui_dash_stat-icon.upcoming{background:linear-gradient(135deg,#9ca3af,#6b7280)!important}.admin-content .admin_ui_dash_content .admin_ui_dash_stat-icon.reports{background:linear-gradient(135deg,#78716c,#57534e)!important}.admin-content .admin_ui_dash_content .admin_ui_dash_chart-bar{background:#64748b!important}.admin-content .admin_ui_dash_content .admin_ui_dash_chart-bar.secondary{background:#9ca3af!important}.admin-content .admin_ui_dash_content .admin_ui_dash_event-status-tag.completed{background:#d1fae5!important;color:#059669!important}.admin-content .admin_ui_dash_content .admin_ui_dash_event-status-tag.upcoming{background:#fef3c7!important;color:#d97706!important}.admin-content .admin_ui_dash_content .admin_ui_dash_event-status-tag.in-progress{background:#f9fafb!important;color:#6b7280!important}.admin-content .admin_ui_dash_content .admin_ui_dash_event-status-tag.cancelled{background:#f3f4f6!important;color:#9ca3af!important}.admin-content .admin_ui_dash_content .admin_ui_dash_events-table th{background:#f9fafb!important;color:#4b5563!important;border-bottom:1px solid #e2e8f0!important}.admin-content .admin_ui_dash_content .admin_ui_dash_events-table tr:hover{background:#f9fafb!important}.admin-content .admin_ui_dash_content .admin_ui_dash_card-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;border-bottom:1px solid #e2e8f0!important}.admin-content .admin_ui_dash_content .admin_ui_dash_error-banner{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;border:1px solid #d1d5db!important;color:#6b7280!important}.admin-content .admin_ui_dash_content .admin_ui_dash_info-banner{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;border:1px solid #e5e7eb!important;color:#4b5563!important}.admin-content .admin_ui_dash_content .admin_ui_dash_alert-item.high{background:#f9fafb!important;border-color:#6b7280!important}.admin-content .admin_ui_dash_content .admin_ui_dash_alert-item.medium{background:#f3f4f6!important;border-color:#9ca3af!important}.admin-content .admin_ui_dash_content .admin_ui_dash_alert-item.low{background:#f9fafb!important;border-color:#d1d5db!important}.action-btn svg,.status-toggle svg,.loading-icon,.empty-icon{vertical-align:middle;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}:root{--table-white: #ffffff;--table-gray-50: #f8fafc;--table-gray-100: #f1f5f9;--table-gray-200: #e2e8f0;--table-gray-300: #cbd5e1;--table-gray-400: #94a3b8;--table-gray-500: #64748b;--table-gray-600: #475569;--table-gray-700: #334155;--table-gray-800: #1e293b;--table-gray-900: #0f172a;--table-blue-50: #eff6ff;--table-blue-100: #dbeafe;--table-blue-500: #3b82f6;--table-blue-600: #2563eb;--table-blue-700: #1d4ed8;--table-green: #10b981;--table-green-light: #d1fae5;--table-red: #ef4444;--table-red-light: #fee2e2;--table-yellow: #f59e0b;--table-yellow-light: #fef3c7;--table-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--table-font-size-xs: .75rem;--table-font-size-sm: .875rem;--table-font-size-base: 1rem;--table-font-size-lg: 1.125rem;--table-space-1: .25rem;--table-space-2: .5rem;--table-space-3: .75rem;--table-space-4: 1rem;--table-space-6: 1.5rem;--table-space-8: 2rem;--table-border-width: 1px;--table-border-color: var(--table-gray-200);--table-radius: .5rem;--table-radius-lg: .75rem;--table-radius-xl: 1rem;--table-shadow: 0 1px 3px rgba(0, 0, 0, .1);--table-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--table-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.admin-modern-table-container,.modern-table-container{background:var(--table-white);border-radius:var(--table-radius-xl);overflow:hidden;border:none;box-shadow:var(--table-shadow-lg);font-family:var(--table-font-family)}.admin-table-header,.table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--table-space-6) var(--table-space-8);background:linear-gradient(135deg,var(--table-blue-50),var(--table-white));border-bottom:1px solid var(--table-gray-200);position:relative}.table-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--table-blue-500),var(--table-blue-600),var(--table-blue-700))}.admin-table-header h3,.table-header h3{font-size:var(--table-font-size-lg);font-weight:700;color:var(--table-gray-900);margin:0;letter-spacing:-.025em}.admin-table-count,.table-count{font-size:var(--table-font-size-sm);color:var(--table-blue-600);background:var(--table-blue-100);padding:var(--table-space-2) var(--table-space-4);border-radius:var(--table-radius-lg);font-weight:600;border:1px solid var(--table-blue-200)}.admin-table-scroll,.table-scroll{overflow-x:auto}.admin-modern-table,.modern-table{width:100%;border-collapse:collapse;font-family:var(--table-font-family)}.admin-table-loading-state,.table-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--table-space-8);text-align:center;background:var(--table-white);border-radius:var(--table-radius-xl);box-shadow:var(--table-shadow-lg);margin:var(--table-space-6) 0}.admin-loading-content,.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--table-space-4)}.admin-loading-icon,.loading-icon{font-size:2rem;color:var(--table-blue-500);animation:spin 1s linear infinite}.admin-table-empty-state,.table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--table-space-8);text-align:center;background:var(--table-white);border-radius:var(--table-radius-xl);box-shadow:var(--table-shadow-lg);margin:var(--table-space-6) 0}.admin-empty-content,.empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--table-space-4)}.admin-empty-icon,.empty-icon{font-size:3rem;color:var(--table-gray-400)}.admin-table-row,.table-row{transition:all .3s ease;border-bottom:1px solid var(--table-gray-200)}.admin-table-row:hover,.table-row:hover{background:var(--table-blue-50)}.admin-table-row.even,.table-row.even{background:var(--table-white)}.admin-table-row.odd,.table-row.odd{background:var(--table-gray-50)}.admin-bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--table-space-4) var(--table-space-6);background:linear-gradient(135deg,var(--table-blue-50),var(--table-white));border-bottom:1px solid var(--table-gray-200);gap:var(--table-space-4)}.admin-bulk-selection{display:flex;align-items:center;gap:var(--table-space-3)}.admin-selection-info{font-size:var(--table-font-size-sm);color:var(--table-gray-600);font-weight:500}.admin-bulk-buttons{display:flex;gap:var(--table-space-3)}.admin-bulk-btn{display:flex;align-items:center;gap:var(--table-space-2);padding:var(--table-space-2) var(--table-space-4);border:none;border-radius:var(--table-radius);font-size:var(--table-font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.admin-bulk-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-bulk-btn-all{background:var(--table-blue-100);color:var(--table-blue-600);border:1px solid var(--table-blue-200)}.admin-bulk-btn-all:hover:not(:disabled){background:var(--table-blue-500);color:var(--table-white);transform:scale(1.05);box-shadow:var(--table-shadow)}.admin-bulk-btn-selected{background:var(--table-green-light);color:var(--table-green);border:1px solid var(--table-green)}.admin-bulk-btn-selected:hover:not(:disabled){background:var(--table-green);color:var(--table-white);transform:scale(1.05);box-shadow:var(--table-shadow)}.admin-col-checkbox,.col-checkbox{width:50px;text-align:center}.admin-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--table-blue-600);border-radius:4px;transition:all .3s ease}.admin-checkbox-input:hover{transform:scale(1.1);box-shadow:0 0 0 2px var(--table-blue-100)}.admin-checkbox-input:checked{background-color:var(--table-blue-600);border-color:var(--table-blue-600)}.admin-checkbox-input:focus{outline:2px solid var(--table-blue-300);outline-offset:2px}.admin-table-row.selected{background:var(--table-blue-50)!important;border-left:3px solid var(--table-blue-500)}.admin-table-row.selected:hover{background:var(--table-blue-100)!important}@media (max-width: 768px){.admin-bulk-actions{flex-direction:column;gap:var(--table-space-3);align-items:stretch}.admin-bulk-buttons{justify-content:center;flex-wrap:wrap}.admin-bulk-btn{flex:1;min-width:120px;justify-content:center}.admin-bulk-btn span{display:none}.admin-bulk-btn-selected span{display:inline}.admin-col-checkbox{width:40px}.admin-checkbox-input{width:16px;height:16px}}@media (max-width: 480px){.admin-bulk-actions{padding:var(--table-space-3)}.admin-selection-info{font-size:var(--table-font-size-xs);text-align:center}.admin-bulk-buttons{gap:var(--table-space-2)}.admin-bulk-btn{padding:var(--table-space-2) var(--table-space-3);font-size:var(--table-font-size-xs)}.admin-col-checkbox{width:35px}.admin-checkbox-input{width:14px;height:14px}}.admin-col-id,.col-id{width:80px;text-align:center}.admin-col-email,.col-email{min-width:200px}.admin-col-phone,.col-phone{width:150px}.admin-col-role,.col-role,.admin-col-status,.col-status{width:120px;text-align:center}.admin-col-email-action,.col-email-action{width:80px;text-align:center}.admin-col-actions,.col-actions{width:120px;text-align:center}.admin-user-id,.user-id{font-weight:600;color:var(--table-gray-700);font-size:var(--table-font-size-sm)}.admin-user-email,.user-email{color:var(--table-gray-900);font-size:var(--table-font-size-sm)}.admin-user-phone,.user-phone{color:var(--table-gray-700);font-size:var(--table-font-size-sm)}.admin-role-badge,.role-badge{padding:var(--table-space-1) var(--table-space-3);border-radius:var(--table-radius);font-size:var(--table-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-role-badge.admin,.role-badge.admin{background:var(--table-red-light);color:var(--table-red)}.admin-role-badge.nurse,.role-badge.nurse{background:var(--table-blue-100);color:var(--table-blue-600)}.admin-role-badge.parent,.role-badge.parent{background:var(--table-green-light);color:var(--table-green)}.admin-status-toggle,.status-toggle{padding:var(--table-space-2) var(--table-space-3);border:none;border-radius:var(--table-radius);font-size:var(--table-font-size-xs);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--table-space-1);text-transform:uppercase;letter-spacing:.05em}.admin-status-toggle.active,.status-toggle.active{background:var(--table-green-light);color:var(--table-green)}.admin-status-toggle.inactive,.status-toggle.inactive{background:var(--table-red-light);color:var(--table-red)}.admin-status-toggle:hover,.status-toggle:hover{transform:scale(1.05);box-shadow:var(--table-shadow)}.admin-toggle-icon,.toggle-icon{font-size:1rem}.admin-email-btn,.email-btn{padding:var(--table-space-2);border:none;border-radius:var(--table-radius);background:var(--table-blue-100);color:var(--table-blue-600);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.admin-email-btn:hover,.email-btn:hover{background:var(--table-blue-500);color:var(--table-white);transform:scale(1.1)}.admin-email-btn.sent,.email-btn.sent{background:var(--table-green-light);color:var(--table-green)}.admin-spin-icon,.spin-icon{animation:spin 1s linear infinite}.admin-check-icon,.check-icon{color:var(--table-green)}.admin-envelope-icon,.envelope-icon{color:var(--table-blue-600)}.admin-action-buttons,.action-buttons{display:flex;gap:var(--table-space-1);justify-content:center}.admin-action-btn,.action-btn{padding:var(--table-space-2);border:none;border-radius:var(--table-radius);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.admin-action-btn.view,.action-btn.view{background:var(--table-blue-100);color:var(--table-blue-600)}.admin-action-btn.view:hover,.action-btn.view:hover{background:var(--table-blue-500);color:var(--table-white);transform:scale(1.1)}.admin-action-btn.edit,.action-btn.edit{background:var(--table-yellow-light);color:var(--table-yellow)}.admin-action-btn.edit:hover,.action-btn.edit:hover{background:var(--table-yellow);color:var(--table-white);transform:scale(1.1)}.modern-table thead{background:var(--color-gray-50)}.modern-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:14px;color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-200);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.modern-table tbody tr{border-bottom:1px solid var(--color-gray-100)}.modern-table tbody tr:hover{background:var(--color-gray-50)}.modern-table tbody tr:last-child{border-bottom:none}.modern-table td{padding:14px 16px;font-size:14px;vertical-align:middle}.user-id{font-family:Courier New,monospace;font-weight:600;color:var(--color-gray-600);background:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:var(--font-size-xs);display:inline-block}.user-info{display:flex;flex-direction:column;gap:var(--space-1)}.user-name{font-weight:500;color:var(--color-gray-900)}.user-email{color:var(--color-gray-600);font-size:var(--font-size-xs)}.user-phone{font-family:Courier New,monospace;color:var(--color-gray-600);background:var(--color-gray-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:var(--font-size-xs);display:inline-block}.role-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.role-badge.admin{background:#fef2f2;color:#991b1b;border-color:#fecaca}.role-badge.nurse{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.role-badge.parent{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.status-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff;outline:none;min-width:130px;justify-content:center;position:relative}.status-toggle:focus{outline:2px solid rgba(16,185,129,.2);outline-offset:2px}.status-toggle.active{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.status-toggle.active:hover{background:#a7f3d0;border-color:#6ee7b7}.status-toggle.active:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#10b981;left:10px;top:50%;transform:translateY(-50%)}.status-toggle.inactive{color:#6b7280;background:#f9fafb;border-color:#e5e7eb}.status-toggle.inactive:hover{background:#f3f4f6;border-color:#d1d5db}.toggle-icon{font-size:18px;margin-right:4px;color:inherit}.action-buttons{display:flex!important;flex-direction:row!important;gap:12px;justify-content:center;align-items:center;width:100%;min-width:120px}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:16px;background:#fff;outline:none;position:relative;transition:all .2s ease;flex-shrink:0}.action-btn svg{width:16px;height:16px;transition:all .2s ease}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.action-btn:focus{outline:2px solid rgba(59,130,246,.2);outline-offset:2px}.action-btn.view{color:#3b82f6;border-color:#bfdbfe;background:#eff6ff}.action-btn.view:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.action-btn.view svg{color:#3b82f6}.action-btn.edit{color:#d97706!important;border-color:#fbbf24!important;background:#fef3c7!important}.action-btn.edit:hover:not(:disabled){background:#fde68a!important;border-color:#f59e0b!important;color:#b45309!important}.action-btn.edit svg{color:#d97706!important}.action-btn.edit:hover:not(:disabled) svg{color:#b45309!important}.action-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb;color:#9ca3af;border-color:#e5e7eb}.action-btn:disabled svg{color:#9ca3af}.action-btn:disabled:hover{transform:none;box-shadow:none;background:#f9fafb}.email-btn{background:var(--color-blue)!important;color:var(--color-white)!important;border:1px solid var(--color-blue)!important;border-radius:var(--radius)!important;padding:6px!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;min-height:36px!important;position:relative!important}.email-btn svg{width:16px!important;height:16px!important;display:block!important;margin:0 auto!important}.email-btn:hover:not(:disabled){background:#2563eb!important;border-color:#2563eb!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #3b82f64d!important}.email-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.email-btn.sent{background:var(--color-green)!important;border-color:var(--color-green)!important}.email-btn.sent:hover{background:var(--color-green)!important;border-color:var(--color-green)!important;transform:none!important}.email-btn .spin-icon{animation:spin 1s linear infinite!important;display:flex!important;align-items:center!important;justify-content:center!important}.email-btn .check-icon,.email-btn .envelope-icon{color:var(--color-white)!important;display:flex!important;align-items:center!important;justify-content:center!important}.table-loading-state{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--color-white);border-radius:var(--radius);border:var(--border-width) solid var(--border-color)}.loading-content{text-align:center;padding:var(--space-6)}.loading-icon{font-size:2.5rem;color:var(--color-gray-600);margin-bottom:var(--space-4)}.loading-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.loading-content p{color:var(--color-gray-600);margin:0;font-size:var(--font-size-sm)}.table-empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--color-white);border-radius:var(--radius);border:var(--border-width) solid var(--border-color)}.empty-content{text-align:center;padding:var(--space-8);max-width:400px}.empty-icon{font-size:4rem;color:var(--color-gray-300);margin-bottom:var(--space-4)}.empty-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-3) 0}.empty-content p{color:var(--color-gray-600);line-height:1.5;margin:0;font-size:var(--font-size-sm)}.col-id{width:100px}.col-email{width:180px}.col-phone{width:120px}.col-role{width:100px}.col-status{width:120px}.col-email-action{width:80px;min-width:80px}.col-email-sent{width:140px}.col-actions{width:140px;min-width:140px}@media (max-width: 1024px){.table-header,.modern-table th,.modern-table td{padding:var(--space-3)}.col-email{width:180px}.col-phone{width:120px}}@media (max-width: 768px){.table-header{flex-direction:column;gap:var(--space-3);align-items:stretch}.table-count{text-align:center}.modern-table th,.modern-table td{padding:var(--space-2);font-size:var(--font-size-xs)}.action-buttons{gap:8px;flex-direction:row}.action-btn{width:32px;height:32px;font-size:12px}.col-phone,.col-email,.col-email-sent{display:none}.role-badge,.status-toggle{font-size:10px;padding:3px 8px}.user-id,.user-phone{font-size:10px;padding:2px 6px}.toggle-icon{font-size:14px}}@media (max-width: 480px){.modern-table-container{margin:0 -var(--space-4);border-radius:0;border-left:none;border-right:none}.table-header{padding:var(--space-3)}.table-header h3{font-size:var(--font-size-base)}.modern-table th,.modern-table td{padding:var(--space-2)}.col-id,.col-phone,.col-email,.col-email-sent{display:none}.col-username{width:auto}.loading-content,.empty-content{padding:var(--space-4)}.empty-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.empty-content h3{font-size:var(--font-size-base)}}.col-email-sent{width:140px;text-align:center}.email-status{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.email-status.sent{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.email-status.hidden{color:#9ca3af;font-style:italic;text-transform:none}.email-send-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.email-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.email-send-btn:disabled,.email-send-btn.sending{opacity:.7;cursor:not-allowed;transform:none}.email-send-btn .send-icon{font-size:.75rem}.email-send-btn .spin-icon{animation:spin 1s linear infinite}.status-icon{font-size:.75rem}@media (max-width: 768px){.col-email-sent{width:100px}.email-send-btn,.email-status{padding:.25rem .5rem;font-size:.625rem;gap:.25rem}}@media (max-width: 480px){.col-email-sent{display:none}}.admin-student-image-upload{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-image-container{position:relative;display:flex;align-items:center;justify-content:center}.admin-image-wrapper{position:relative;width:150px;height:150px;border-radius:16px;overflow:hidden;border:3px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.admin-image-wrapper:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.admin-student-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease}.admin-image-wrapper:hover .admin-student-image{transform:scale(1.05)}.admin-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f6cc,#2563ebe6);display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-image-wrapper:hover .admin-image-overlay{opacity:1}.admin-image-action-btn{width:44px;height:44px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px;color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-image-action-btn:disabled{cursor:not-allowed;opacity:.4}.admin-upload-btn:hover:not(:disabled){background:#fff3;border-color:#fff9;transform:scale(1.1)}.admin-delete-btn:hover:not(:disabled){background:#ef4444cc;border-color:#fff9;transform:scale(1.1)}.admin-no-image{width:150px;height:150px;border:3px dashed #d1d5db;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#6b7280;transition:all .3s ease}.admin-no-image:hover{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;transform:translateY(-2px)}.admin-no-image svg{font-size:2rem;opacity:.6}.admin-no-image span{font-size:.9rem;font-weight:500}.admin-upload-image-btn{margin-top:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #3b82f633}.admin-upload-image-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.admin-upload-image-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-upload-error{color:#ef4444;font-size:.85rem;text-align:center;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:.5rem}.admin-image-upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:adminFadeIn .3s ease-out}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}.admin-image-upload-modal-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:adminSlideUp .3s ease-out}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.admin-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.admin-modal-close-btn{width:32px;height:32px;border:none;background:#6b72801a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease}.admin-modal-close-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.admin-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.admin-image-preview{text-align:center;margin-bottom:1.5rem}.admin-image-preview img{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.admin-file-info{background:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #e2e8f0}.admin-file-info p{margin:.25rem 0;font-size:.9rem;color:#4b5563}.admin-upload-note{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:1rem;border-radius:8px;border:1px solid #93c5fd}.admin-upload-note p{margin:0 0 .5rem;font-weight:600;color:#1e40af;font-size:.9rem}.admin-upload-note ul{margin:0;padding-left:1.25rem;color:#1e40af}.admin-upload-note li{font-size:.85rem;margin-bottom:.25rem}.admin-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;background:#f9fafb}.admin-btn-cancel{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-btn-cancel:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.admin-btn-upload{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #3b82f633}.admin-btn-upload:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.admin-btn-upload:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-spinning{animation:adminSpin 1s linear infinite}@keyframes adminSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--modal-white: #ffffff;--modal-gray-50: #f8fafc;--modal-gray-100: #f1f5f9;--modal-gray-200: #e2e8f0;--modal-gray-300: #cbd5e1;--modal-gray-400: #94a3b8;--modal-gray-500: #64748b;--modal-gray-600: #475569;--modal-gray-700: #334155;--modal-gray-800: #1e293b;--modal-gray-900: #0f172a;--modal-blue-50: #eff6ff;--modal-blue-100: #dbeafe;--modal-blue-500: #3b82f6;--modal-blue-600: #2563eb;--modal-blue-700: #1d4ed8;--modal-green: #10b981;--modal-green-light: #d1fae5;--modal-red: #ef4444;--modal-red-light: #fee2e2;--modal-yellow: #f59e0b;--modal-yellow-light: #fef3c7;--modal-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--modal-font-size-xs: .75rem;--modal-font-size-sm: .875rem;--modal-font-size-base: 1rem;--modal-font-size-lg: 1.125rem;--modal-font-size-xl: 1.25rem;--modal-font-size-2xl: 1.5rem;--modal-font-size-3xl: 1.875rem;--modal-space-1: .25rem;--modal-space-2: .5rem;--modal-space-3: .75rem;--modal-space-4: 1rem;--modal-space-5: 1.25rem;--modal-space-6: 1.5rem;--modal-space-8: 2rem;--modal-space-10: 2.5rem;--modal-border-width: 1px;--modal-border-color: var(--modal-gray-200);--modal-radius-sm: .375rem;--modal-radius: .5rem;--modal-radius-lg: .75rem;--modal-radius-xl: 1rem;--modal-radius-2xl: 1.5rem;--modal-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--modal-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--modal-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--modal-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--modal-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--modal-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}.admin-user-modal-overlay,.user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--modal-space-6);animation:modalOverlayFadeIn .3s ease-out}.admin-user-modal,.user-modal{background:var(--modal-white);border-radius:var(--modal-radius-2xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:var(--modal-shadow-2xl);border:none;animation:modalSlideIn .3s ease-out;font-family:var(--modal-font-family)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-user-modal-large,.user-modal-large{max-width:900px;max-height:95vh}.admin-user-modal-header,.user-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--modal-space-8);background:linear-gradient(135deg,var(--modal-blue-50),var(--modal-white));border-bottom:1px solid var(--modal-gray-200);position:relative}.admin-user-modal-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--modal-blue-500),var(--modal-blue-600),var(--modal-blue-700))}.admin-user-modal-header h2{margin:0;font-size:var(--modal-font-size-2xl);font-weight:700;color:var(--modal-gray-900);letter-spacing:-.025em;display:flex;align-items:center;gap:var(--modal-space-3)}.admin-user-modal-header h2:before{content:"👤";font-size:var(--modal-font-size-xl)}.close-button{background:var(--modal-gray-100);border:none;color:var(--modal-gray-500);cursor:pointer;font-size:1.25rem;padding:var(--modal-space-3);border-radius:var(--modal-radius-lg);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:40px;height:40px}.close-button:hover{background:var(--modal-red);color:var(--modal-white);transform:scale(1.1)}.admin-user-modal form{padding:0;max-height:calc(90vh - 200px);overflow-y:auto}.admin-form-header-section{background:linear-gradient(135deg,var(--modal-blue-50),var(--modal-white));border:1px solid var(--modal-blue-200);border-radius:var(--modal-radius-xl);padding:var(--modal-space-6);margin:var(--modal-space-6);margin-bottom:var(--modal-space-4);box-shadow:var(--modal-shadow-sm);position:relative;overflow:hidden;transition:all .3s ease;animation:adminHeaderSlideIn .4s ease-out}@keyframes adminHeaderSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-form-header-section:hover{box-shadow:var(--modal-shadow-md);border-color:var(--modal-blue-300)}.admin-form-header-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--modal-blue-500),var(--modal-blue-600),var(--modal-blue-700))}.admin-form-header-section h3{margin:0 0 var(--modal-space-5) 0;font-size:var(--modal-font-size-lg);font-weight:700;color:var(--modal-gray-900);display:flex;align-items:center;gap:var(--modal-space-3);padding-bottom:var(--modal-space-3);border-bottom:2px solid var(--modal-blue-200)}.admin-form-header-section h3 svg{color:var(--modal-blue-600);font-size:1.25rem}.admin-form-header-section .admin-form-group{margin-bottom:var(--modal-space-4)}.admin-form-header-section .admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--modal-space-4);margin-bottom:var(--modal-space-4)}.admin-form-header-section label{display:block;margin-bottom:var(--modal-space-2);font-size:var(--modal-font-size-sm);font-weight:700;color:var(--modal-blue-700);text-transform:uppercase;letter-spacing:.05em}.admin-form-header-section input,.admin-form-header-section select{width:100%;padding:var(--modal-space-4);border:2px solid var(--modal-blue-200);border-radius:var(--modal-radius-lg);font-size:var(--modal-font-size-base);font-family:var(--modal-font-family);transition:all .3s ease;background:var(--modal-white);height:3.5rem;display:flex;align-items:center}.admin-form-header-section input:focus,.admin-form-header-section select:focus{outline:none;border-color:var(--modal-blue-500);background:var(--modal-white);box-shadow:0 0 0 3px #3b82f626,var(--modal-shadow-md);transform:translateY(-1px)}.admin-form-header-section input.disabled-field{background:var(--modal-blue-50)!important;color:var(--modal-blue-600)!important;cursor:not-allowed!important;border-color:var(--modal-blue-200)!important;font-weight:600}.admin-form-header-section .admin-field-note{font-size:var(--modal-font-size-xs);color:var(--modal-blue-600);margin-top:var(--modal-space-1);font-style:italic;font-weight:500}.admin-form-header-section .admin-required{color:var(--modal-red);font-weight:700}.admin-form-header-section select{cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right var(--modal-space-3) center!important;background-size:1rem!important;padding-right:3rem!important}.admin-form-header-section select::-ms-expand{display:none!important}.admin-form-header-section select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.admin-form-header-section input.error,.admin-form-header-section select.error{border-color:var(--modal-red);background:var(--modal-red-light);animation:adminErrorShake .4s ease-in-out}@keyframes adminErrorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.admin-form-header-section input.error:focus,.admin-form-header-section select.error:focus{border-color:var(--modal-red);box-shadow:0 0 0 3px #ef444426,0 4px 12px #ef44441a}.admin-form-header-section .admin-error-message{color:var(--modal-red);font-size:var(--modal-font-size-xs);margin-top:var(--modal-space-1);display:block;font-weight:600;animation:adminErrorFadeIn .3s ease-out}@keyframes adminErrorFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.admin-form-header-section input:hover:not(:disabled),.admin-form-header-section select:hover:not(:disabled){border-color:var(--modal-blue-400);box-shadow:0 2px 4px #3b82f61a}.admin-form-header-section input:disabled:hover{cursor:not-allowed}.admin-form-header-section input:focus,.admin-form-header-section select:focus{border-color:var(--modal-blue-500);box-shadow:0 0 0 3px #3b82f626,0 4px 12px #3b82f61a}.admin-form-header-section label{position:relative;padding-left:var(--modal-space-1)}.admin-form-header-section label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--modal-blue-500);border-radius:2px}.admin-form-group input[name=username]{background:var(--modal-blue-50);border-color:var(--modal-blue-300);color:var(--modal-blue-800);font-weight:600}.admin-form-group input[name=username]:disabled{background:var(--modal-blue-100);color:var(--modal-blue-600);cursor:not-allowed}.admin-form-group input[type=password]{border-color:var(--modal-blue-200);background:var(--modal-white)}.admin-form-group input[type=password]:focus{border-color:var(--modal-blue-500);box-shadow:0 0 0 3px #3b82f626}.admin-form-group input[type=password]::placeholder{color:var(--modal-blue-400);font-style:italic}.admin-form-group:has(input[name=username]),.admin-form-group:has(input[type=password]),.admin-form-group:has(.admin-status-toggle){padding:var(--modal-space-4);background:linear-gradient(135deg,var(--modal-blue-50),var(--modal-white));border:1px solid var(--modal-blue-200);border-radius:var(--modal-radius-lg);margin-bottom:var(--modal-space-4);position:relative}.admin-form-group:has(input[name=username]):before,.admin-form-group:has(input[type=password]):before,.admin-form-group:has(.admin-status-toggle):before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--modal-blue-400),var(--modal-blue-500));border-radius:var(--modal-radius-lg) var(--modal-radius-lg) 0 0}@media (max-width: 768px){.admin-form-header-section .admin-form-row{grid-template-columns:1fr;gap:var(--modal-space-3)}.admin-form-header-section{padding:var(--modal-space-4);margin:var(--modal-space-4)}.admin-form-header-section h3{font-size:var(--modal-font-size-base)}.admin-form-group:has(input[name=username]),.admin-form-group:has(input[type=password]),.admin-form-group:has(.admin-status-toggle){padding:var(--modal-space-3)}}.form-section{margin-bottom:var(--modal-space-6);padding:var(--modal-space-6);background:var(--modal-white);border:1px solid var(--modal-gray-200);border-radius:var(--modal-radius-xl);box-shadow:var(--modal-shadow-sm);position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--modal-blue-500),var(--modal-blue-600))}.form-section h3{margin:0 0 var(--modal-space-6) 0;font-size:var(--modal-font-size-lg);font-weight:700;color:var(--modal-gray-900);display:flex;align-items:center;gap:var(--modal-space-3);padding-bottom:var(--modal-space-4);border-bottom:1px solid var(--modal-gray-200)}.form-section h3 svg{color:var(--modal-blue-500);font-size:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-header h3{margin:0}.form-group{margin-bottom:var(--modal-space-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--modal-space-4);margin-bottom:var(--modal-space-5)}label{display:block;margin-bottom:var(--modal-space-2);font-size:var(--modal-font-size-sm);font-weight:600;color:var(--modal-gray-700);text-transform:uppercase;letter-spacing:.05em}input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{width:100%;padding:var(--modal-space-4);border:2px solid var(--modal-gray-200);border-radius:var(--modal-radius-lg);font-size:var(--modal-font-size-base);font-family:var(--modal-font-family);transition:all .3s ease;background:var(--modal-gray-50);height:3.5rem;display:flex;align-items:center}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border-color:var(--modal-blue-500);background:var(--modal-white);box-shadow:0 0 0 3px #3b82f61a,var(--modal-shadow-md);transform:translateY(-1px)}textarea{height:auto;min-height:100px;resize:vertical;padding:var(--modal-space-4);align-items:flex-start;line-height:1.6}input.error,textarea.error{border-color:var(--modal-red);background:var(--modal-red-light)}.disabled-field{background:var(--modal-gray-100)!important;color:var(--modal-gray-500)!important;cursor:not-allowed!important;border-color:var(--color-gray-200)!important}.field-note{display:block;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-500);font-style:italic;line-height:1.3}.required{color:var(--color-red);font-size:var(--font-size-xs);font-weight:500;font-style:normal}.optional{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:400;font-style:italic}.form-group label .required,.form-group label .optional{margin-left:var(--space-1)}.error-message{color:var(--color-red);font-size:var(--font-size-xs);margin-top:var(--space-1);display:block}.status-toggle{display:flex;align-items:center;gap:var(--space-2)}input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0;cursor:pointer}.toggle-label{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer}.additional-info{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-color);width:100%;box-sizing:border-box}.info-section{width:100%;background:var(--color-gray-50);padding:var(--space-4);border-radius:var(--radius);border:var(--border-width) solid var(--border-color);box-sizing:border-box}.info-section h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item .info-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px}.info-item .info-value{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:500}.info-item .info-value.active{color:var(--color-green)}.info-item .info-value.inactive{color:var(--color-red)}.admin-user-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-color)}.student-form{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);position:relative}.existing-student-card{margin-bottom:var(--space-2);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);background:var(--color-white);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.existing-student-card:hover{border-color:var(--color-blue);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.student-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:var(--border-width) solid var(--color-gray-100);transition:all .2s ease;cursor:pointer;width:100%;box-sizing:border-box;min-height:60px}.student-card-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.student-basic-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0;overflow:hidden}.student-name{font-weight:600;color:var(--color-gray-900);font-size:var(--font-size-sm);margin:0;line-height:1.4;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.student-class{font-size:var(--font-size-xs);background:linear-gradient(135deg,var(--color-blue) 0%,#2563eb 100%);color:var(--color-white);padding:var(--space-1) var(--space-2);border-radius:12px;display:inline-block;font-weight:500;width:fit-content;letter-spacing:.025em;text-transform:uppercase}.expand-icon{color:var(--color-gray-400);transition:all .2s ease;font-size:var(--font-size-sm)}.expand-icon:hover{color:var(--color-blue)}.student-details{padding:var(--space-3);background:var(--color-white);border-top:1px solid var(--color-gray-50);width:100%;box-sizing:border-box}.student-detail-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:100%;padding:0 3%}.detail-item{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;word-wrap:break-word}.detail-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.detail-value{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:500;padding:var(--space-2);background:var(--color-gray-50);border-radius:var(--radius);border:var(--border-width) solid var(--color-gray-100);transition:all .2s ease;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.detail-value:hover{background:var(--color-gray-100);border-color:var(--color-gray-200)}.student-edit-form{padding:var(--space-3);background:var(--color-white);border-radius:var(--radius)}.student-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.student-edit-form .form-group{margin-bottom:var(--space-4)}.student-edit-form label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.025em}.student-edit-form input,.student-edit-form select{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);font-size:var(--font-size-sm);font-family:inherit;transition:all .2s ease;background:var(--color-white);height:3rem}.student-edit-form input:focus,.student-edit-form select:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px #3b82f61a}.student-edit-form input.error{border-color:var(--color-red)}.student-edit-form .error-message{color:var(--color-red);font-size:var(--font-size-xs);margin-top:var(--space-1);display:block}.student-edit-form .field-note{display:block;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-500);font-style:italic}.student-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--border-color)}.student-header h4{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700)}.admin-btn-add-student{background:var(--color-blue);color:var(--color-white);border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:var(--space-1)}.admin-btn-add-student:hover{background:#2563eb}.admin-btn-remove-student{background:var(--color-red);color:var(--color-white);border:none;padding:var(--space-1);border-radius:var(--radius);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem}.admin-btn-remove-student:hover{background:#dc2626}input[type=date]{width:100%;padding:var(--space-3) var(--space-3);border:var(--border-width) solid var(--color-gray-200);border-radius:var(--radius);font-size:var(--font-size-sm);font-family:inherit;transition:all .2s ease;background:var(--color-white);height:3rem;display:flex;align-items:center}input[type=date]:focus{outline:none;border-color:var(--color-blue);background:var(--color-white);box-shadow:0 0 0 3px #3b82f61a}input[type=date].error{border-color:var(--color-red)}.admin-btn-cancel,.admin-btn-save{padding:var(--modal-space-4) var(--modal-space-6);border-radius:var(--modal-radius-lg);font-size:var(--modal-font-size-base);font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;min-width:120px;display:flex;align-items:center;justify-content:center;gap:var(--modal-space-2)}.admin-btn-cancel{background:var(--modal-white);color:var(--modal-gray-700);border-color:var(--modal-gray-300);box-shadow:var(--modal-shadow-sm)}.admin-btn-save{background:linear-gradient(135deg,var(--modal-blue-500),var(--modal-blue-600));color:var(--modal-white);border-color:var(--modal-blue-500);box-shadow:var(--modal-shadow-md)}.admin-btn-cancel:hover{background:var(--modal-gray-50);border-color:var(--modal-gray-400);transform:translateY(-1px);box-shadow:var(--modal-shadow-md)}.admin-btn-save:hover{background:linear-gradient(135deg,var(--modal-blue-600),var(--modal-blue-700));transform:translateY(-2px);box-shadow:var(--modal-shadow-lg)}.admin-btn-save:active,.admin-btn-cancel:active{transform:translateY(0)}.admin-user-modal-footer,.user-modal-footer{padding:var(--modal-space-6) var(--modal-space-8);background:var(--modal-gray-50);border-top:1px solid var(--modal-gray-200);display:flex;justify-content:flex-end;gap:var(--modal-space-4);position:sticky;bottom:0;z-index:10}.admin-form-group,.form-group{margin-bottom:var(--modal-space-5)}.admin-form-row,.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--modal-space-4);margin-bottom:var(--modal-space-5)}.admin-form-section,.form-section{margin-bottom:var(--modal-space-6);padding:var(--modal-space-6);background:var(--modal-white);border:1px solid var(--modal-gray-200);border-radius:var(--modal-radius-xl);box-shadow:var(--modal-shadow-sm);position:relative;overflow:hidden}.admin-form-section:before,.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--modal-blue-500),var(--modal-blue-600))}.admin-form-section h3,.form-section h3{margin:0 0 var(--modal-space-6) 0;font-size:var(--modal-font-size-lg);font-weight:700;color:var(--modal-gray-900);display:flex;align-items:center;gap:var(--modal-space-3);padding-bottom:var(--modal-space-4);border-bottom:1px solid var(--modal-gray-200)}.admin-form-section h3 svg,.form-section h3 svg{color:var(--modal-blue-500);font-size:1.25rem}.admin-field-note,.field-note{font-size:var(--modal-font-size-xs);color:var(--modal-gray-500);margin-top:var(--modal-space-1);font-style:italic}.admin-error-message,.error-message{color:var(--modal-red);font-size:var(--modal-font-size-xs);margin-top:var(--modal-space-1);display:block}.admin-required,.required{color:var(--modal-red)}.admin-optional,.optional{color:var(--modal-gray-500);font-weight:400}.admin-status-toggle,.status-toggle{display:flex;align-items:center;gap:var(--modal-space-2)}.admin-toggle-label,.toggle-label{font-size:var(--modal-font-size-base);color:var(--modal-gray-700);cursor:pointer}.admin-section-header,.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--modal-space-6)}.admin-section-header h3,.section-header h3{margin:0}.admin-btn-add-student,.btn-add-student{background:linear-gradient(135deg,var(--modal-green),#059669);color:var(--modal-white);border:none;border-radius:var(--modal-radius-lg);padding:var(--modal-space-3) var(--modal-space-4);font-size:var(--modal-font-size-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--modal-space-2);transition:all .3s ease}.admin-btn-add-student:hover,.btn-add-student:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:var(--modal-shadow-md)}.admin-btn-remove-student,.btn-remove-student{background:linear-gradient(135deg,var(--modal-red),#dc2626);color:var(--modal-white);border:none;border-radius:var(--modal-radius);padding:var(--modal-space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:32px;height:32px}.admin-btn-remove-student:hover,.btn-remove-student:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.admin-existing-student-card,.existing-student-card{background:var(--modal-gray-50);border:1px solid var(--modal-gray-200);border-radius:var(--modal-radius-lg);margin-bottom:var(--modal-space-4);overflow:hidden;transition:all .3s ease}.admin-existing-student-card:hover,.existing-student-card:hover{box-shadow:var(--modal-shadow-md);border-color:var(--modal-blue-300)}.admin-student-card-header,.student-card-header{padding:var(--modal-space-4);background:var(--modal-white);border-bottom:1px solid var(--modal-gray-200);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease}.admin-student-card-header:hover,.student-card-header:hover{background:var(--modal-blue-50)}.admin-student-basic-info,.student-basic-info{display:flex;flex-direction:column;gap:var(--modal-space-1)}.admin-student-name,.student-name{font-weight:600;color:var(--modal-gray-900);font-size:var(--modal-font-size-base)}.admin-expand-icon,.expand-icon{color:var(--modal-gray-500);transition:transform .3s ease}.admin-student-details,.student-details{padding:var(--modal-space-6);background:var(--modal-white);border-top:1px solid var(--modal-gray-200)}.admin-student-form,.student-form{background:var(--modal-white);border:1px solid var(--modal-gray-200);border-radius:var(--modal-radius-lg);padding:var(--modal-space-6);margin-bottom:var(--modal-space-4)}.admin-student-header,.student-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--modal-space-4);padding-bottom:var(--modal-space-3);border-bottom:1px solid var(--modal-gray-200)}.admin-student-header h4,.student-header h4{margin:0;color:var(--modal-gray-900);font-size:var(--modal-font-size-lg)}.admin-student-edit-form,.student-edit-form,.admin-student-view-container,.student-view-container{background:var(--modal-white)}.admin-student-image-section,.student-image-section{margin-bottom:var(--modal-space-4)}.admin-student-detail-grid,.student-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--modal-space-4)}.admin-detail-item,.detail-item{display:flex;flex-direction:column;gap:var(--modal-space-1)}.admin-detail-label,.detail-label{font-size:var(--modal-font-size-xs);color:var(--modal-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-detail-value,.detail-value{font-size:var(--modal-font-size-base);color:var(--modal-gray-900);font-weight:500}input::placeholder,textarea::placeholder{color:var(--color-gray-400);font-style:italic}input:focus::placeholder,textarea:focus::placeholder{color:var(--color-gray-300)}textarea{resize:vertical;min-height:80px}select{cursor:pointer;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right var(--space-3) center!important;background-size:.875em!important;padding-right:2.5rem!important;height:3rem;display:flex;align-items:center}.admin-form-group select[name=role]{cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:40px!important;background-color:var(--modal-white)!important}.admin-form-group select[name=role]::-ms-expand{display:none!important}.admin-modal-content select,.admin-modal select,.modal-content select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.admin-modal-content select::-ms-expand,.admin-modal select::-ms-expand,.modal-content select::-ms-expand{display:none!important}.admin-form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:40px!important}select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.flex-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.flex-column{display:flex;flex-direction:column;gap:var(--space-1)}.text-truncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.full-width{width:100%;box-sizing:border-box}.modal-overlay *,.user-modal *,.existing-student-card *,.student-card-header *,.student-details *{box-sizing:border-box}@media (max-width: 900px){.user-modal-large{max-width:90vw}}@media (max-width: 768px){.student-detail-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.detail-value{padding:var(--space-2);font-size:var(--font-size-sm)}.detail-label{font-size:var(--font-size-xs)}}@media (max-width: 640px){.modal-overlay{padding:var(--space-2)}.user-modal,.user-modal-large{max-width:none;margin:0}.form-row,.info-grid{grid-template-columns:1fr}.admin-user-modal-footer{flex-direction:column}.admin-btn-cancel,.admin-btn-save{width:100%;justify-content:center}.section-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.admin-btn-add-student{align-self:flex-start}.form-section,.student-form{padding:var(--space-3)}.student-detail-grid{grid-template-columns:1fr}.existing-student-card{margin-bottom:var(--space-2)}.student-card-header{padding:var(--space-2)}.student-details{padding:var(--space-3)}.student-edit-form{padding:var(--space-2)}.student-edit-form .form-row{grid-template-columns:1fr;gap:var(--space-2)}.student-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.admin-btn-remove-student{align-self:flex-end}}@media (max-width: 480px){.admin-user-modal-header,.admin-user-modal form{padding:var(--space-3)}.admin-user-modal-header h2{font-size:var(--font-size-base)}.info-section{padding:var(--space-3)}.form-group{margin-bottom:var(--space-3)}.admin-user-modal-footer{margin-top:var(--space-4);padding-top:var(--space-3)}.student-detail-grid{grid-template-columns:1fr;gap:var(--space-2)}.detail-item{margin-bottom:var(--space-2)}}.modal-demo-badge{display:inline-block;background-color:#fbbf24;color:#92400e;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;margin-left:.5rem;vertical-align:middle}.demo-warning{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.375rem;padding:.75rem 1rem;margin:0 1.5rem 1rem}.demo-warning p{margin:0;color:#92400e;font-size:.875rem;font-weight:500}.demo-text{color:#f59e0b!important;font-weight:600!important;font-style:italic}.mock-data-info{color:#6b7280;font-style:italic;font-size:.875rem;margin-top:.5rem}.admin-btn-save:has-text("Demo"){background-color:#f59e0b;border-color:#f59e0b}.admin-btn-save:has-text("Demo"):hover{background-color:#d97706}@media (max-width: 640px){.modal-demo-badge{font-size:.65rem;padding:.125rem .375rem}.demo-warning{margin:0 1rem 1rem;padding:.5rem .75rem}.demo-warning p{font-size:.8rem}}.student-image-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius);border:var(--border-width) solid var(--color-gray-100)}.student-image-section label{margin-bottom:var(--space-2);text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700)}.student-view-container{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.student-list-section{background:var(--color-white);border:var(--border-width) solid var(--color-gray-100);border-radius:var(--radius);overflow:hidden}.student-list-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:var(--space-3);border-bottom:var(--border-width) solid var(--color-gray-100)}.student-list-header h4{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);display:flex;align-items:center;gap:var(--space-2)}.student-list-header h4:before{content:"👥";font-size:var(--font-size-base)}.student-list-content{padding:var(--space-2);max-height:300px;overflow-y:auto}.student-list-content::-webkit-scrollbar{width:6px}.student-list-content::-webkit-scrollbar-track{background:var(--color-gray-50);border-radius:3px}.student-list-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.student-list-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.empty-student-list{text-align:center;padding:var(--space-6);color:var(--color-gray-500);font-style:italic}.empty-student-list:before{content:"📚";display:block;font-size:2rem;margin-bottom:var(--space-2)}.student-card-compact{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-1);background:var(--color-gray-50);border-radius:var(--radius);transition:all .2s ease}.student-card-compact:hover{background:var(--color-blue);color:var(--color-white);transform:translate(4px)}.student-card-compact .student-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-blue) 0%,#2563eb 100%);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase}.student-card-compact .student-info{flex:1;display:flex;flex-direction:column;gap:1px}.student-card-compact .student-name-compact{font-weight:600;font-size:var(--font-size-sm)}.student-card-compact .student-class-compact{font-size:var(--font-size-xs);opacity:.8}.student-card-compact:hover .student-class-compact{opacity:1}.student-form .form-group .student-image-upload,.student-edit-form .form-group .student-image-upload{margin-bottom:16px}.student-form .form-group .student-image-upload .image-container,.student-edit-form .form-group .student-image-upload .image-container{max-width:200px;margin:0 auto}.student-form .form-group .student-image-upload .student-image,.student-edit-form .form-group .student-image-upload .student-image{border-radius:8px}.student-form .form-group .student-image-upload .no-image,.student-edit-form .form-group .student-image-upload .no-image{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:20px;text-align:center;color:#6c757d;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.student-form .form-group .student-image-upload .no-image svg,.student-edit-form .form-group .student-image-upload .no-image svg{font-size:24px;color:#adb5bd}.student-form .form-group .student-image-upload .upload-image-btn,.student-edit-form .form-group .student-image-upload .upload-image-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.student-form .form-group .student-image-upload .upload-image-btn:hover,.student-edit-form .form-group .student-image-upload .upload-image-btn:hover{background:#0056b3}.new-student-image-upload{margin-bottom:16px}.new-student-image-upload .image-container{position:relative;max-width:200px;margin:0 auto}.new-student-image-upload .image-wrapper{position:relative;display:inline-block}.new-student-image-upload .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s;border-radius:8px}.new-student-image-upload .image-wrapper:hover .image-overlay{opacity:1}.new-student-image-upload .image-action-btn{background:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.new-student-image-upload .image-action-btn:hover{transform:scale(1.1)}.new-student-image-upload .upload-btn{color:#007bff}.new-student-image-upload .delete-btn{color:#dc3545}.admin-success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:admin-success-fadeIn .3s ease-out}.admin-success-modal-content{max-width:400px;width:90%;max-height:90vh;overflow-y:auto;animation:admin-success-slideIn .3s ease-out;border:none;box-shadow:0 20px 50px #00000026;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px}.admin-success-modal-body{text-align:center;padding:40px 30px}.admin-success-icon{width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:3rem;color:#fff;box-shadow:0 10px 30px #10b98166;animation:admin-success-pulse 2s ease-in-out infinite}@keyframes admin-success-pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #10b98166}50%{transform:scale(1.05);box-shadow:0 15px 40px #10b98180}}.admin-success-title{font-size:1.5rem;font-weight:600;color:#10b981;margin:20px 0 15px}.admin-success-message{font-size:1.1rem;color:#374151;margin:15px 0;line-height:1.5}.admin-success-details{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:15px;border-radius:10px;margin:15px 0;border:1px solid #bbf7d0;color:#166534;font-size:.95rem;line-height:1.4}.admin-success-modal-footer{padding:20px 30px;text-align:center;border-top:1px solid #e5e7eb}.admin-success-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;padding:12px 30px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:120px}.admin-success-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.admin-success-btn:active{transform:translateY(0)}@keyframes admin-success-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes admin-success-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.admin-success-modal-content{margin:10px;max-width:none}.admin-success-modal-body,.admin-success-modal-footer{padding:30px 20px}.admin-success-icon{width:80px;height:80px;font-size:2.5rem}.admin-success-title{font-size:1.3rem}.admin-success-message{font-size:1rem}}.admin-error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10002;animation:admin-error-fadeIn .3s ease-out}.admin-error-modal-content{max-width:400px;width:90%;max-height:90vh;overflow-y:auto;animation:admin-error-slideIn .3s ease-out;border:none;box-shadow:0 20px 50px #00000026;background:linear-gradient(135deg,#fff,#fef7f7);border-radius:16px}.admin-error-modal-body{text-align:center;padding:40px 30px}.admin-error-icon{width:100px;height:100px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:3rem;color:#fff;box-shadow:0 10px 30px #ef444466;animation:admin-error-pulse 2s ease-in-out infinite}@keyframes admin-error-pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #ef444466}50%{transform:scale(1.05);box-shadow:0 15px 40px #ef444480}}.admin-error-title{font-size:1.5rem;font-weight:600;color:#ef4444;margin:20px 0 15px}.admin-error-message{font-size:1.1rem;color:#374151;margin:15px 0;line-height:1.5}.admin-error-details{background:linear-gradient(135deg,#fef2f2,#fecaca);padding:15px;border-radius:10px;margin:15px 0;border:1px solid #fca5a5;color:#991b1b;font-size:.95rem;line-height:1.4}.admin-error-modal-footer{padding:20px 30px;text-align:center;border-top:1px solid #e5e7eb}.admin-error-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;padding:12px 30px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:120px}.admin-error-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.admin-error-btn:active{transform:translateY(0)}@keyframes admin-error-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes admin-error-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.admin-error-modal-content{margin:10px;max-width:none}.admin-error-modal-body,.admin-error-modal-footer{padding:30px 20px}.admin-error-icon{width:80px;height:80px;font-size:2.5rem}.admin-error-title{font-size:1.3rem}.admin-error-message{font-size:1rem}}.admin-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10003;animation:admin-confirm-fadeIn .3s ease-out}.admin-confirm-modal-content{max-width:400px;width:90%;max-height:90vh;overflow-y:auto;animation:admin-confirm-slideIn .3s ease-out;border:none;box-shadow:0 20px 50px #00000026;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px}.admin-confirm-modal-body{text-align:center;padding:40px 30px}.admin-confirm-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:3rem;color:#fff;animation:admin-confirm-pulse 2s ease-in-out infinite}.admin-confirm-icon.default{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 30px #3b82f666}.admin-confirm-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef444466}.admin-confirm-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px #f59e0b66}@keyframes admin-confirm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.admin-confirm-title{font-size:1.5rem;font-weight:600;color:#374151;margin:20px 0 15px}.admin-confirm-message{font-size:1.1rem;color:#6b7280;margin:15px 0;line-height:1.5}.admin-confirm-modal-footer{padding:20px 30px;display:flex;gap:15px;justify-content:center;border-top:1px solid #e5e7eb}.admin-confirm-btn-cancel,.admin-confirm-btn-confirm{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:100px;border:1px solid}.admin-confirm-btn-cancel{background:#fff;color:#6b7280;border-color:#d1d5db}.admin-confirm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.admin-confirm-btn-confirm.default{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.admin-confirm-btn-confirm.default:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 15px #3b82f64d}.admin-confirm-btn-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.admin-confirm-btn-confirm.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.admin-confirm-btn-confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b}.admin-confirm-btn-confirm.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b4d}@keyframes admin-confirm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes admin-confirm-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.admin-confirm-modal-content{margin:10px;max-width:none}.admin-confirm-modal-body{padding:30px 20px}.admin-confirm-modal-footer{padding:20px;flex-direction:column}.admin-confirm-btn-cancel,.admin-confirm-btn-confirm{width:100%}.admin-confirm-icon{width:80px;height:80px;font-size:2.5rem}.admin-confirm-title{font-size:1.3rem}.admin-confirm-message{font-size:1rem}}:root{--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-green: #10b981;--color-green-light: #d1fae5;--color-red: #ef4444;--color-red-light: #fee2e2;--color-yellow: #f59e0b;--color-yellow-light: #fef3c7;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--border-width: 1px;--border-color: var(--color-gray-200);--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.admin-user-management-container,.user-management-container{max-width:1400px;margin:0 auto;padding:var(--space-6);font-family:var(--font-family);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-blue-50) 100%);min-height:100vh}.admin-user-management-header,.user-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:none;position:relative;overflow:hidden}.admin-user-management-header:before,.user-management-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-blue-500),var(--color-blue-600),var(--color-blue-700))}.admin-user-management-header h1,.user-management-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-2) 0;letter-spacing:-.025em}.admin-user-management-header p,.user-management-header p{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0;display:flex;align-items:center;gap:var(--space-3);line-height:1.6}.connection-status{font-size:var(--font-size-xs);color:var(--color-green);font-weight:500}.user-info{font-size:var(--font-size-xs);color:var(--color-gray-500)}.user-info strong{color:var(--color-gray-700);text-transform:uppercase}.btn-add{background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-600));color:var(--color-white);border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-3);transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn-add:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-add:hover:before{left:100%}.btn-add svg{font-size:1.125rem}.btn-add:hover{background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-700));transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-add:active{transform:translateY(0)}.btn-login,.btn-retry{background:var(--color-gray-700);color:var(--color-white);border:none;border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.btn-login svg,.btn-retry svg{font-size:1rem}.btn-login:hover,.btn-retry:hover{background:var(--color-gray-600)}.admin-user-management-container .user-stats,.user-management-container .user-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:var(--space-6)!important;margin-bottom:var(--space-8)!important;width:100%!important}.admin-user-management-container .user-stats .stat-card,.user-management-container .user-stats .stat-card{background:var(--color-white)!important;border:none!important;border-radius:var(--radius-xl)!important;padding:var(--space-6)!important;transition:all .3s ease!important;box-shadow:var(--shadow-md)!important;position:relative!important;overflow:hidden!important;cursor:pointer!important}.admin-user-management-container .user-stats .stat-card:before,.user-management-container .user-stats .stat-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,var(--color-blue-500),var(--color-blue-600))!important}.admin-user-management-container .user-stats .stat-card:hover,.user-management-container .user-stats .stat-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-xl)!important}.admin-user-management-container .user-stats .stat-card-content,.user-management-container .user-stats .stat-card-content,.admin-user-stats .stat-card-content,.user-stats .stat-card-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:var(--space-4)!important;padding:0!important}.admin-user-stats,.user-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:var(--space-6)!important;margin-bottom:var(--space-8)!important;width:100%!important}.admin-stat-card,.stat-card{background:var(--color-white)!important;border:none!important;border-radius:var(--radius-xl)!important;padding:var(--space-6)!important;transition:all .3s ease!important;box-shadow:var(--shadow-md)!important;position:relative!important;overflow:hidden!important;cursor:pointer!important}.admin-stat-card:before,.stat-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,var(--color-blue-500),var(--color-blue-600))!important}.admin-stat-card:hover,.stat-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-xl)!important}.admin-stat-card-content,.stat-card-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:var(--space-4)!important;padding:0!important}.admin-stat-icon,.stat-icon{width:48px!important;height:48px!important;border-radius:var(--radius-lg)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.25rem!important;color:var(--color-white)!important;flex-shrink:0!important;box-shadow:var(--shadow-sm)!important}.admin-stat-icon.total,.stat-icon.total{background:linear-gradient(135deg,var(--color-gray-600),var(--color-gray-700))!important}.admin-stat-icon.admin,.stat-icon.admin{background:linear-gradient(135deg,var(--color-red),#dc2626)!important}.admin-stat-icon.nurse,.stat-icon.nurse{background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-600))!important}.admin-stat-icon.parent,.stat-icon.parent,.admin-stat-icon.active,.stat-icon.active{background:linear-gradient(135deg,var(--color-green),#059669)!important}.admin-stat-icon.inactive,.stat-icon.inactive{background:linear-gradient(135deg,var(--color-gray-400),var(--color-gray-500))!important}.admin-stat-info,.stat-info{flex:1!important;min-width:0!important;width:100%!important}.admin-stat-label,.stat-label{font-size:var(--font-size-sm)!important;color:var(--color-gray-600)!important;margin-bottom:var(--space-1)!important;font-weight:500!important;line-height:1.4!important;text-transform:uppercase!important;letter-spacing:.025em!important}.admin-stat-value,.stat-value{font-size:var(--font-size-2xl)!important;font-weight:700!important;color:var(--color-gray-900)!important;line-height:1!important}.admin-user-filters,.user-filters{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-xl);border:none;margin-bottom:var(--space-8);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg);position:relative;gap:var(--space-6)}.admin-user-filters .search-box,.user-filters .search-box{flex:1;max-width:500px;position:relative}.admin-user-filters .search-box input,.user-filters .search-box input{width:100%!important;padding:var(--space-4) var(--space-5) var(--space-4) 3rem!important;border:2px solid var(--color-gray-200)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-base)!important;background:var(--color-gray-50)!important;transition:all .3s ease!important;box-shadow:var(--shadow-sm)!important;font-family:inherit!important;line-height:1.5!important}.admin-user-filters .search-box input:focus,.user-filters .search-box input:focus{outline:none!important;border-color:var(--color-blue-500)!important;background:var(--color-white)!important;box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md)!important}.admin-user-filters .search-box input::placeholder,.user-filters .search-box input::placeholder{color:var(--color-gray-500)!important;font-size:var(--font-size-base)!important;opacity:1!important}.admin-user-filters .search-box svg,.user-filters .search-box svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-gray-400);font-size:1.25rem}.admin-filter-group,.filter-group{display:flex;gap:var(--space-4);align-items:center}.admin-filter,.filter{position:relative}.admin-filter select,.filter select{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--color-gray-50);color:var(--color-gray-700);cursor:pointer;transition:all .3s ease;min-width:150px}.admin-filter select:focus,.filter select:focus{outline:none;border-color:var(--color-blue-500);background:var(--color-white);box-shadow:0 0 0 3px #3b82f61a}.admin-search-box,.search-box{flex:1;max-width:500px;position:relative}.admin-search-box input,.search-box input{width:100%!important;padding:var(--space-4) var(--space-5) var(--space-4) 3rem!important;border:2px solid var(--color-gray-200)!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-base)!important;background:var(--color-gray-50)!important;transition:all .3s ease!important;box-shadow:var(--shadow-sm)!important;font-family:inherit!important;line-height:1.5!important}.admin-search-box input:focus,.search-box input:focus{outline:none!important;border-color:var(--color-blue-500)!important;background:var(--color-white)!important;box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md)!important}.admin-search-box input::placeholder,.search-box input::placeholder{color:var(--color-gray-500)!important;font-size:var(--font-size-base)!important;opacity:1!important}.admin-search-box svg,.search-box svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-gray-400);font-size:1.25rem}.admin-search-box:focus-within svg,.search-box:focus-within svg{color:var(--color-blue-500)}.admin-user-filters .search-box:focus-within svg,.user-filters .search-box:focus-within svg{color:var(--color-blue-500)}.admin-connection-checking,.connection-checking{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-8) auto;max-width:500px}.admin-checking-spinner,.checking-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-blue-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.admin-auth-info,.auth-info{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-top:var(--space-4)}.admin-auth-required,.auth-required,.admin-error-message,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-8) auto;max-width:600px}.admin-auth-icon,.auth-icon,.admin-error-icon,.error-icon{font-size:3rem;color:var(--color-red);margin-bottom:var(--space-4)}.admin-current-user-info,.current-user-info{background:var(--color-gray-50);padding:var(--space-4);border-radius:var(--radius);margin:var(--space-4) 0}.admin-error-details,.error-details{background:var(--color-gray-50);padding:var(--space-4);border-radius:var(--radius);margin:var(--space-4) 0;text-align:left;width:100%}.admin-pagination-container,.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:var(--color-white);border-top:1px solid var(--color-gray-200);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.admin-pagination-info,.pagination-info{color:var(--color-gray-600);font-size:var(--font-size-sm)}.admin-pagination-controls,.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.admin-pagination-btn,.pagination-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.admin-pagination-btn:hover:not(.disabled),.pagination-btn:hover:not(.disabled){background:var(--color-blue-500);color:var(--color-white);border-color:var(--color-blue-500);transform:translateY(-1px)}.admin-pagination-btn.disabled,.pagination-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-100)}.admin-pagination-btn.active,.pagination-btn.active{background:var(--color-blue-500);color:var(--color-white);border-color:var(--color-blue-500)}.admin-pagination-pages,.pagination-pages{display:flex;gap:var(--space-1)}.admin-pagination-ellipsis,.pagination-ellipsis{padding:var(--space-2) var(--space-3);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.admin-user-table-wrapper,.user-table-wrapper{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:var(--space-8)}.admin-btn-add,.btn-add{background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-600));color:var(--color-white);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease;box-shadow:var(--shadow-md)}.admin-btn-add:hover,.btn-add:hover{background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-btn-add:disabled,.btn-add:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-btn-retry,.btn-retry{background:linear-gradient(135deg,var(--color-yellow),#f59e0b);color:var(--color-white);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease;margin-top:var(--space-4)}.admin-btn-retry:hover,.btn-retry:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-btn-login,.btn-login{background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-600));color:var(--color-white);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease;margin-top:var(--space-4)}.admin-btn-login:hover,.btn-login:hover{background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-filters .filter-group{display:flex!important;flex-direction:column!important;gap:12px!important;flex-shrink:0!important;align-items:flex-end!important;margin-right:calc(-1 * var(--space-4))!important;padding-right:calc(var(--space-4) + 20px)!important}.user-filters .filter{position:relative}.user-filters .filter select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding:12px 40px 12px 16px!important;border:2px solid var(--color-gray-200)!important;border-radius:8px!important;background:var(--color-white)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8.825L1.175 4 2.6 2.575 6 5.975 9.4 2.575 10.825 4z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px!important;font-size:var(--font-size-sm)!important;min-width:160px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000000a!important;color:var(--color-gray-700)!important;font-weight:500!important;font-family:inherit!important;line-height:1.5!important}.user-filters .filter select:focus{outline:none!important;border-color:var(--color-blue)!important;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000014!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233b82f6' d='M6 8.825L1.175 4 2.6 2.575 6 5.975 9.4 2.575 10.825 4z'/%3E%3C/svg%3E")!important}.user-filters .filter select:hover{border-color:var(--color-gray-300)!important;box-shadow:0 4px 8px #0000000f!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23525252' d='M6 8.825L1.175 4 2.6 2.575 6 5.975 9.4 2.575 10.825 4z'/%3E%3C/svg%3E")!important}.user-filters .filter select::-moz-focus-inner{border:0!important}.user-filters .filter select::-ms-expand{display:none!important}.user-table-wrapper{background:var(--color-white);border-radius:var(--radius);border:var(--border-width) solid var(--border-color);overflow:hidden}.connection-checking,.auth-required,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;background:var(--color-white);border-radius:var(--radius);padding:var(--space-8);border:var(--border-width) solid var(--border-color)}.checking-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-gray-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.connection-checking h3,.auth-required h3,.error-message h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-3) 0}.connection-checking p,.auth-required p,.error-message p{color:var(--color-gray-600);margin:0 0 var(--space-3) 0;line-height:1.5}.auth-icon,.error-icon{font-size:3rem;color:var(--color-gray-400);margin-bottom:var(--space-4)}.current-user-info,.error-details{background:var(--color-gray-50);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) 0;text-align:left;max-width:500px}.error-details ul{margin:var(--space-3) 0;padding-left:var(--space-4)}.error-details li{margin:var(--space-1) 0;color:var(--color-gray-600)}@media (max-width: 1024px){.admin-user-stats .stat-card,.user-stats .stat-card{flex:1 1 calc((100% - 32px)/4)!important;max-width:calc((100% - 32px)/4)!important}}@media (max-width: 768px){.user-management-container{padding:var(--space-4)}.user-management-header{flex-direction:column;gap:var(--space-4)}.user-filters{flex-direction:column;align-items:stretch;padding:var(--space-3);gap:var(--space-3)}.user-filters .search-box{max-width:none}.user-filters .filter-group{flex-direction:row;justify-content:center;gap:var(--space-2)}.user-filters .filter select{min-width:140px!important;flex:1}.admin-user-stats .stat-card,.user-stats .stat-card{flex:1 1 calc((100% - 16px) / 3)!important;max-width:calc((100% - 16px) / 3)!important;padding:6px 8px!important}.admin-stat-icon,.stat-icon{width:18px!important;height:18px!important;font-size:.6rem!important}.admin-stat-label,.stat-label{font-size:.55rem!important}.admin-stat-value,.stat-value{font-size:.8rem!important}.pagination-container{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.pagination-controls{justify-content:center}.pagination-pages{margin:0 var(--space-2)}.pagination-btn,.pagination-page{width:32px;height:32px;min-width:32px;font-size:var(--font-size-xs)}.pagination-btn{font-size:1rem}}@media (max-width: 480px){.admin-user-stats .stat-card,.user-stats .stat-card{flex:1 1 calc((100% - 8px)/2)!important;max-width:calc((100% - 8px)/2)!important;padding:6px 8px!important}.admin-stat-card-content,.stat-card-content{flex-direction:column!important;text-align:center!important;gap:4px!important}.admin-stat-icon,.stat-icon{width:16px!important;height:16px!important;font-size:.55rem!important}.admin-stat-label,.stat-label{font-size:.5rem!important;text-align:center!important}.admin-stat-value,.stat-value{font-size:.75rem!important;text-align:center!important}.pagination-pages{flex-wrap:wrap;justify-content:center;margin:0 var(--space-1)}.pagination-ellipsis{width:28px;height:28px;min-width:28px;font-size:var(--font-size-xs)}}@media (min-width: 1200px){.admin-user-stats .stat-card,.user-stats .stat-card{flex:1 1 calc((100% - 56px)/8)!important;max-width:calc((100% - 56px)/8)!important}}.admin-user-management-container .user-stats .stat-card,.user-management-container .user-stats .stat-card,.admin-user-management-container div.user-stats div.stat-card,.user-management-container div.user-stats div.stat-card,.admin-user-stats .stat-card,.user-stats .stat-card{box-sizing:border-box!important;overflow:hidden!important}.admin-user-management-container .user-stats .stat-card .stat-info,.user-management-container .user-stats .stat-card .stat-info,.admin-user-management-container div.user-stats div.stat-card div.stat-info,.user-management-container div.user-stats div.stat-card div.stat-info,.admin-user-stats .stat-card .stat-info,.user-stats .stat-card .stat-info{min-width:0!important;overflow:hidden!important}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-white);border-top:var(--border-width) solid var(--border-color);font-size:var(--font-size-sm)}.pagination-info{color:var(--color-gray-600);font-weight:500}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:var(--border-width) solid var(--border-color);background:var(--color-white);color:var(--color-gray-700);font-size:1.2rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(.disabled){background:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-900)}.pagination-btn.disabled{color:var(--color-gray-400);cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;align-items:center;gap:var(--space-1);margin:0 var(--space-3)}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border:var(--border-width) solid var(--border-color);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.pagination-page:hover{background:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-900)}.pagination-page.active{background:var(--color-gray-900);border-color:var(--color-gray-900);color:var(--color-white);font-weight:600}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--color-gray-500);font-weight:600;font-size:var(--font-size-sm)}div.user-filters input[type=text]{border:2px solid var(--color-gray-200)!important;border-radius:8px!important;padding:12px 16px 12px 44px!important;background:var(--color-white)!important;font-size:var(--font-size-sm)!important;box-shadow:0 2px 4px #0000000a!important;transition:all .3s ease!important}div.user-filters input[type=text]:focus{border-color:var(--color-blue)!important;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000014!important;outline:none!important}div.user-filters select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:2px solid var(--color-gray-200)!important;border-radius:8px!important;padding:12px 40px 12px 16px!important;background:var(--color-white)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8.825L1.175 4 2.6 2.575 6 5.975 9.4 2.575 10.825 4z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px!important;font-size:var(--font-size-sm)!important;min-width:160px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000000a!important;color:var(--color-gray-700)!important;font-weight:500!important}div.user-filters select:focus{border-color:var(--color-blue)!important;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000014!important;outline:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233b82f6' d='M6 8.825L1.175 4 2.6 2.575 6 5.975 9.4 2.575 10.825 4z'/%3E%3C/svg%3E")!important}div.user-filters select:hover{border-color:var(--color-gray-300)!important;box-shadow:0 4px 8px #0000000f!important}div.user-filters select::-ms-expand{display:none!important}div.user-filters select::-moz-focus-inner{border:0!important;padding:0!important}.user-management-container .user-filters .search-box input,.user-management-container .user-filters .filter select,.user-management-container .user-filters select{border-style:solid!important;border-width:2px!important;border-color:var(--color-gray-200)!important;border-radius:8px!important;font-family:inherit!important}.admin-create-vaccination-plan{padding:24px;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);min-height:100vh}.admin-create-vaccination-form-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:48px 40px;border-radius:20px;margin-bottom:40px;text-align:center;box-shadow:0 10px 40px #3b82f633;position:relative;overflow:hidden}.admin-create-vaccination-form-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg)}.admin-create-vaccination-header-icon{font-size:3.5rem;margin-bottom:20px;position:relative;z-index:1;color:#ffffffe6}.admin-create-vaccination-header-content{position:relative;z-index:1}.admin-create-vaccination-header-content h2{margin:0 0 16px;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-create-vaccination-header-content p{margin:0;font-size:1.125rem;opacity:.9;color:#ffffffe6}.create-vaccination-notification{display:flex;align-items:center;gap:15px;padding:15px 20px;border-radius:10px;margin-bottom:20px;font-weight:500}.create-vaccination-notification.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.notification-icon{font-size:1.2rem}.notification-content h4{margin:0 0 5px;font-size:1rem}.notification-content p{margin:0;font-size:.9rem}.admin-vaccination-form{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:40px;box-shadow:0 8px 32px #00000014;margin-bottom:40px;border:1px solid #e2e8f0}.admin-form-section{margin-bottom:40px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000d;border:1px solid #f1f5f9}.admin-form-section h3{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-size:1.5rem;color:#1e293b;padding-bottom:16px;border-bottom:2px solid #e2e8f0;font-weight:700}.admin-section-icon{color:#3b82f6;font-size:1.25rem}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.admin-create-vaccination-form-group{margin-bottom:24px}.admin-create-vaccination-form-group.full-width{grid-column:1 / -1}.admin-create-vaccination-form-group label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#333;font-size:.95rem}.admin-label-icon{color:#3b82f6;font-size:1rem}.admin-create-vaccination-form-group input,.admin-create-vaccination-form-group select,.admin-create-vaccination-form-group textarea{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;background:#fff;font-weight:500;box-shadow:0 2px 4px #0000000d}.admin-create-vaccination-form-group input:focus,.admin-create-vaccination-form-group select:focus,.admin-create-vaccination-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.admin-create-vaccination-form-group input::placeholder,.admin-create-vaccination-form-group textarea::placeholder{color:#9ca3af;font-weight:400}.admin-create-vaccination-form-group textarea{min-height:140px;resize:vertical;line-height:1.6}.admin-helper-text{font-size:.875rem;color:#6b7280;margin-top:8px;font-style:italic;font-weight:400}.admin-form-actions{text-align:center;margin-top:40px;padding-top:32px;border-top:1px solid #e2e8f0}.admin-submit-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3b82f64d;text-transform:uppercase;letter-spacing:.5px}.admin-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 12px 32px #3b82f666}.admin-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-spinning{animation:admin-spin 1s linear infinite}.admin-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px}.admin-info-card{background:linear-gradient(135deg,#fff,#f8fafc);padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;transition:all .3s ease;border:1px solid #e2e8f0}.admin-info-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:#3b82f6}.admin-class-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-class-modal-content{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0003;border:1px solid #e2e8f0;display:flex;flex-direction:column}.admin-class-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.admin-class-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.admin-class-modal-close{background:none;border:none;font-size:1.5rem;color:#fffc;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.admin-class-modal-close:hover{background:#ffffff1a;color:#fff}.admin-class-modal-body{padding:32px;overflow-y:auto;flex:1}.admin-class-search-container{margin-bottom:24px}.admin-class-search-input{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.admin-class-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.admin-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.admin-grade-group{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.admin-grade-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.admin-grade-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:#1e293b}.admin-grade-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.admin-grade-name{font-size:1.1rem}.admin-grade-count{color:#6b7280;font-weight:400;font-size:.9rem}.admin-grade-classes{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.admin-class-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0;font-size:.875rem}.admin-class-item:hover{background:#f1f5f9;border-color:#3b82f6}.admin-class-item input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.admin-class-modal-footer{padding:24px 32px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:space-between;align-items:center}.admin-selected-count{font-weight:600;color:#374151}.admin-modal-buttons{display:flex;gap:12px}.admin-modal-button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-modal-button.cancel{background:#f3f4f6;color:#374151}.admin-modal-button.cancel:hover{background:#e5e7eb}.admin-modal-button.confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.admin-modal-button.confirm:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.admin-class-selection-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#374151;box-shadow:0 2px 4px #0000000d}.admin-class-selection-button:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.admin-class-selection-text{display:flex;align-items:center;gap:12px}.admin-class-selection-icon{color:#3b82f6;font-size:1.1rem}.admin-class-selection-arrow{color:#6b7280;transition:transform .2s ease}.admin-selected-classes-display{margin-top:20px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.admin-selected-classes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-selected-classes-title{font-weight:600;color:#374151;font-size:1rem}.admin-clear-all-button{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-clear-all-button:hover{background:#dc2626;transform:translateY(-1px)}.admin-class-tags{display:flex;flex-wrap:wrap;gap:8px}.admin-class-tag{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px #3b82f633}.admin-remove-class-button{background:none;border:none;color:#fffc;cursor:pointer;padding:2px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.admin-remove-class-button:hover{background:#fff3;color:#fff}.admin-card-icon{font-size:2.5rem;margin-bottom:12px;opacity:.8}.admin-card-content h4{margin:0 0 12px;font-size:1.125rem;font-weight:600;color:#1e293b}.admin-card-content p{margin:0;font-size:.875rem;color:#64748b;line-height:1.5}.admin-field-error{color:#ef4444;font-size:.875rem;margin-top:8px;font-weight:500}.admin-loading-classes{display:flex;align-items:center;gap:12px;padding:20px;color:#6b7280;font-weight:500}.admin-no-search-results{padding:20px;text-align:center;color:#6b7280;font-style:italic}.admin-loading-vaccines{display:flex;align-items:center;gap:12px;padding:20px;color:#6b7280;font-weight:500}.admin-vaccine-list{display:grid;gap:16px}.admin-vaccine-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer}.admin-vaccine-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.admin-vaccine-checkbox{display:flex;align-items:flex-start;gap:16px;cursor:pointer}.admin-vaccine-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#3b82f6;margin-top:2px}.admin-checkmark{display:none}.admin-vaccine-info{flex:1}.admin-vaccine-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:8px}.admin-vaccine-details{font-size:.875rem;color:#64748b;line-height:1.5}.admin-vaccine-description{color:#6b7280;font-style:italic}.admin-no-vaccines{padding:40px 20px;text-align:center;color:#6b7280;font-style:italic;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0}.admin-selected-vaccines-summary{margin-top:24px;padding:20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;border:1px solid #3b82f6}.admin-selected-vaccines-summary strong{color:#1e40af;font-weight:600}.admin-selected-vaccines-summary span{color:#1e40af;margin-left:8px}.admin-vaccine-modal-grid{display:grid;grid-template-columns:1fr;gap:12px;max-height:400px;overflow-y:auto}.admin-vaccine-modal-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease}.admin-vaccine-modal-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.admin-vaccine-modal-item.selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px #3b82f633}.admin-vaccine-modal-checkbox{margin-top:2px}.admin-vaccine-modal-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#3b82f6}.admin-vaccine-modal-info{flex:1}.admin-vaccine-modal-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:8px}.admin-vaccine-modal-details{font-size:.875rem;color:#64748b;line-height:1.5}.admin-vaccine-modal-description{margin-top:4px;color:#6b7280;font-style:italic}.admin-vaccine-modal-icon{color:#3b82f6;font-size:1.5rem;margin-top:4px}.card-icon{font-size:2rem;width:50px;flex-shrink:0}.card-content h4{margin:0 0 8px;color:#333;font-size:1.1rem}.card-content p{margin:0;color:#666;font-size:.9rem;line-height:1.4}.loading-vaccines{display:flex;align-items:center;gap:10px;padding:20px;text-align:center;color:#666}.vaccine-list{display:grid;gap:15px;max-height:300px;overflow-y:auto;padding:10px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.vaccine-item{background:#fff;border-radius:8px;padding:0;box-shadow:0 2px 5px #0000001a;transition:all .3s ease;position:relative}.vaccine-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.vaccine-item label{padding:15px;display:block;width:100%}.vaccine-checkbox{display:flex;align-items:center;cursor:pointer;width:100%;position:relative}.vaccine-checkbox input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;position:absolute;left:15px;top:50%;transform:translateY(-50%);transition:all .3s ease;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:1}.vaccine-checkbox input[type=checkbox]:checked+.checkmark{background:#4caf50;border-color:#4caf50}.vaccine-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✔";position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;line-height:1}.vaccine-item:hover .checkmark{border-color:#4caf50}.vaccine-info{flex:1;padding-left:45px;width:100%}.vaccine-name{font-weight:600;color:#333;margin-bottom:5px;font-size:1rem}.vaccine-details{font-size:.85rem;color:#666;line-height:1.4;padding-right:10px}.vaccine-description{display:block;margin-top:3px;font-style:italic}.vaccine-item label{cursor:pointer}.no-vaccines{text-align:center;color:#999;padding:30px}.class-selection-section{background:#f8f9fa;border-radius:8px;padding:20px}.loading-classes{display:flex;align-items:center;gap:10px;padding:20px;text-align:center;color:#666;justify-content:center}.class-selector-container{margin-bottom:20px;position:relative}.dropdown-label{display:block;font-weight:600;color:#333;margin-bottom:15px;font-size:1rem}.class-search-container{position:relative}.search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .3s ease}.search-input-wrapper:focus-within{border-color:#4caf50}.class-search-input{flex:1;padding:12px 15px;border:none;outline:none;font-size:1rem;background:transparent}.class-search-input::placeholder{color:#888}.dropdown-toggle-btn{padding:12px 15px;background:none;border:none;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dropdown-toggle-btn:hover{color:#4caf50}.dropdown-toggle-btn .rotated{transform:rotate(180deg)}.class-dropdown-content{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 15px #0000001a;z-index:1000;max-height:400px;overflow-y:auto;margin-top:5px}.grade-group{border-bottom:1px solid #f0f0f0}.grade-group:last-child{border-bottom:none}.grade-header{padding:12px 15px;background:#f8f9fa;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10}.grade-checkbox{display:flex;align-items:center;cursor:pointer;font-weight:600;color:#333;-webkit-user-select:none;user-select:none}.grade-checkbox input[type=checkbox]{margin-right:10px;width:16px;height:16px;cursor:pointer}.grade-name{flex:1;font-size:1rem}.grade-count{font-size:.85rem;color:#666;font-weight:400}.grade-classes{padding:5px 0}.class-item{display:flex;align-items:center;padding:8px 35px;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.class-item:hover{background:#f0f8ff}.class-item input[type=checkbox]{margin-right:10px;width:14px;height:14px;cursor:pointer}.class-item input[type=checkbox]:checked+.class-name{color:#4caf50;font-weight:500}.class-name{font-size:.9rem;color:#333}.no-classes,.no-search-results{text-align:center;color:#999;padding:30px;font-style:italic}.selected-classes{margin-top:20px;padding:15px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.selected-classes h4{margin:0 0 15px;color:#333;font-size:1rem;display:flex;align-items:center;gap:8px}.class-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.class-tag{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500;box-shadow:0 2px 4px #4caf5033;transition:all .3s ease}.class-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.remove-class-btn{background:none;border:none;color:#fff;cursor:pointer;padding:2px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.7rem}.remove-class-btn:hover{background:#fff3;transform:scale(1.1)}.class-selection-summary{margin-top:10px;padding-top:10px;border-top:1px dashed #e0e0e0;font-size:.85rem;color:#666;font-style:italic;display:flex;justify-content:space-between;align-items:center}.clear-all-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:6px 12px;border-radius:12px;font-size:.8rem;cursor:pointer;transition:all .3s ease;font-weight:500}.clear-all-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-1px)}.selected-vaccines-summary{margin-top:15px;padding:15px;background:#e8f5e8;border:1px solid #4CAF50;border-radius:8px;font-size:.9rem}.selected-vaccines-summary strong{display:block;color:#2e7d32;margin-bottom:5px}.selected-vaccines-summary span{color:#1b5e20;font-style:italic}.field-error{color:#f44336;font-size:.8rem;margin-top:5px;display:block}.create-vaccination-form-group input.error,.create-vaccination-form-group textarea.error,.create-vaccination-form-group select.error{border-color:#f44336;box-shadow:0 0 0 2px #f4433633}.create-vaccination-form-group input.error:focus,.create-vaccination-form-group textarea.error:focus,.create-vaccination-form-group select.error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443364d}@media (max-width: 768px){.create-vaccination-plan{padding:15px}.form-grid{grid-template-columns:1fr}.header-content h2{font-size:1.5rem}.header-content p{font-size:1rem}.vaccination-form{padding:20px}.vaccine-list{max-height:250px}.class-dropdown-content{max-height:300px;position:relative;margin-top:10px}.grade-header{padding:10px 12px}.class-item{padding:6px 25px}.search-input-wrapper{flex-direction:column}.class-search-input{padding:10px 12px}.dropdown-toggle-btn{padding:8px 12px}.class-tags{justify-content:center}.info-cards{grid-template-columns:1fr}}@media (max-width: 480px){.header-icon{font-size:2rem}.header-content h2{font-size:1.3rem}.form-section h3{font-size:1.1rem}.vaccination-form{padding:15px}}.admin-vaccination-plan-history{padding:24px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-vac-plan-history-header{text-align:center;margin-bottom:40px;padding:48px 40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:20px;border:none;box-shadow:0 10px 40px #3b82f633;position:relative;overflow:hidden}.admin-vac-plan-history-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg)}.admin-vac-plan-history-header h2{margin:0 0 16px;font-size:2.5rem;font-weight:700;color:#fff;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-header-content{background-color:transparent!important;position:relative;z-index:1}.admin-vac-plan-history-header p{margin:0;font-size:1.125rem;color:#ffffffe6;font-weight:400;position:relative;z-index:1}.admin-vac-plan-statistics-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:40px}.admin-vac-plan-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);padding:24px 20px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;min-width:0;overflow:hidden}.admin-vac-plan-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:0 4px 4px 0}.admin-vac-plan-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:#3b82f6}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:12px 0 0 12px}.stat-card.total:before{background:#3b82f6}.stat-card.ongoing:before{background:#f59e0b}.stat-card.completed:before{background:#10b981}.stat-card.cancelled:before{background:#ef4444}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.admin-stat-info{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.admin-stat-number{font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-stat-label{font-size:.875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:#dc2626;font-size:.9rem;font-weight:500}.error-banner-icon{font-size:1.1rem;flex-shrink:0}.error-close-btn{margin-left:auto;background:none;border:none;color:#dc2626;font-size:1.2rem;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.error-close-btn:hover{background:#dc26261a}.toolbar-buttons{display:flex;gap:12px;align-items:center}.admin-sort-button:hover{background:#f1f5f9!important;border-color:#3b82f6!important;color:#3b82f6!important;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626!important}.loading-section,.error-section,.no-data-section{text-align:center;padding:60px 24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;margin:16px 0}.loading-section p,.error-section p,.no-data-section p{color:#64748b;font-size:1rem;margin:16px 0;font-weight:400}.error-section h3,.no-data-section h3{color:#1e293b;margin:16px 0;font-size:1.25rem;font-weight:600}.error-icon,.no-data-icon{font-size:3rem;color:#cbd5e1;margin-bottom:20px}.retry-button{padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;margin-top:16px;transition:all .2s ease;font-size:.875rem;box-shadow:0 1px 3px #0000001a}.retry-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-top:16px}.plan-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease;position:relative}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#3b82f6}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3b82f6}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9}.vaccine-info{display:flex;align-items:center;gap:12px;flex:1}.vaccine-icon{color:#3b82f6;font-size:1.25rem;padding:8px;background:#eff6ff;border-radius:8px}.vaccine-info h3{margin:0;color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.3}.plan-card-body{padding:20px 24px}.plan-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.meta-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#64748b;font-weight:500}.meta-icon{color:#3b82f6;font-size:1rem;flex-shrink:0}.plan-id{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-weight:600;font-size:.75rem;color:#475569;border:1px solid #e2e8f0}.plan-description{color:#475569;line-height:1.6;margin:16px 0;font-size:.875rem;font-weight:400;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #3b82f6}.plan-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.75rem;color:#64748b;margin-top:16px;padding:12px;background:#f8fafc;border-radius:8px}.plan-card-footer{padding:16px 24px 20px;display:flex;gap:12px}.edit-button,.delete-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;font-size:.875rem}.edit-button{background:#3b82f6;color:#fff;box-shadow:0 1px 3px #0000001a}.edit-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.delete-button{background:#ef4444;color:#fff;box-shadow:0 1px 3px #0000001a}.delete-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.admin-status-badge{padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:500;border:1px solid}.admin-status-waiting{background:#fef3c7;color:#d97706;border-color:#fbbf24}.admin-status-progress{background:#dbeafe;color:#2563eb;border-color:#60a5fa}.admin-status-completed{background:#d1fae5;color:#059669;border-color:#34d399}.admin-status-canceled{background:#fee2e2;color:#dc2626;border-color:#f87171}.admin-status-default{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.admin-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;border:2px solid}.admin-status-badge.admin-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-status-badge.admin-clickable:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.admin-status-badge.admin-status-waiting{background:#fef3c7;color:#92400e;border-color:#fbbf24}.admin-status-badge.admin-status-waiting.admin-clickable:hover{background:#fde68a;border-color:#f59e0b}.admin-status-badge.admin-status-progress{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.admin-status-badge.admin-status-progress.admin-clickable:hover{background:#bfdbfe;border-color:#2563eb}.admin-status-badge.admin-status-completed{background:#d1fae5;color:#047857;border-color:#10b981}.admin-status-badge.admin-status-completed.admin-clickable:hover{background:#a7f3d0;border-color:#059669}.admin-status-badge.admin-status-canceled{background:#fee2e2;color:#b91c1c;border-color:#ef4444}.admin-status-badge.admin-status-canceled.admin-clickable:hover{background:#fecaca;border-color:#dc2626}.admin-status-dropdown-container{position:relative;display:inline-block}.admin-status-dropdown{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:9999;min-width:160px;max-height:200px;overflow-y:auto;animation:dropdownFadeIn .2s ease-out;padding:4px 0}.admin-status-dropdown-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.admin-status-dropdown-item:last-child{border-bottom:none}.admin-status-dropdown-item:hover{background:#f8fafc;transform:translate(2px)}.admin-status-dropdown-item .admin-status-badge{margin:0;font-size:.75rem;padding:4px 10px}.admin-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:#dc2626;font-size:.9rem;font-weight:500}.admin-error-banner-icon{font-size:1.1rem;flex-shrink:0}.admin-error-close-btn{margin-left:auto;background:none;border:none;color:#dc2626;font-size:1.2rem;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.admin-error-close-btn:hover{background:#dc26261a}.admin-loading-section,.admin-error-section,.admin-no-data-section{text-align:center;padding:60px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;margin:16px 0}.admin-loading-section p,.admin-error-section p,.admin-no-data-section p{color:#64748b;font-size:1rem;margin:16px 0}.admin-loading-section .admin-spinning,.admin-error-section .admin-error-icon,.admin-no-data-section .admin-no-data-icon{font-size:3rem;color:#94a3b8;margin-bottom:16px}.admin-loading-section .admin-spinning.admin-large{font-size:4rem}.admin-retry-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px}.admin-retry-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.admin-pagination-info{color:#64748b;font-size:.875rem;font-weight:500}.admin-pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:.875rem}.admin-pagination-btn:hover:not(.admin-disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.admin-pagination-btn.admin-disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.admin-pagination-pages{display:flex;align-items:center;gap:4px;margin:0 12px}.admin-pagination-page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease;padding:0 8px;font-size:.875rem;font-weight:500}.admin-pagination-page:hover:not(.admin-active){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.admin-pagination-page.admin-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff;font-weight:600}.admin-pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#9ca3af;font-weight:500}.time-status{margin-top:10px;display:flex;justify-content:flex-start}.time-status-badge{font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:12px;border:1px solid}.time-status-badge.normal{background:#d1fae5;border-color:#34d399}.time-status-badge.urgent{background:#fef3c7;border-color:#fbbf24}.time-status-badge.overdue{background:#fee2e2;border-color:#f87171}.time-status-badge.past{background:#f1f5f9;border-color:#cbd5e1}.vac-plan-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.vac-plan-modal-content.detail-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;border:1px solid #e2e8f0}.vac-plan-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.vac-plan-modal-header h2{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-button{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-button:hover{background:#f1f5f9;color:#1e293b}.vac-plan-modal-body{padding:24px 28px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.detail-item{background:#f8fafc;padding:16px;border-radius:8px;border-left:3px solid #3b82f6}.detail-item.full-width{grid-column:1 / -1}.detail-item label{display:block;font-weight:500;color:#1e293b;margin-bottom:6px;font-size:.875rem}.detail-item span{color:#64748b;font-size:1rem;font-weight:400}.description-content{background:#fff;padding:16px;border-radius:6px;border:1px solid #e2e8f0;line-height:1.6;color:#475569;font-size:.875rem}.json-preview h4{margin:24px 0 12px;color:#1e293b;font-size:1rem;font-weight:600}.admin-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px}.pagination-info{color:#64748b;font-size:.875rem;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#374151;font-size:.875rem}.pagination-btn:hover:not(.disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.pagination-pages{display:flex;align-items:center;gap:4px;margin:0 12px}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#374151;font-size:.875rem;font-weight:500}.pagination-page:hover:not(.active){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.pagination-page.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff;font-weight:600}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#9ca3af;font-size:.875rem;font-weight:500}.spinning{animation:spin 1s linear infinite}.spinning.large{font-size:3rem;color:#74b9ff}.vac-plan-modal-content.edit-modal{max-width:600px;width:90%}.vac-plan-form-group{margin-bottom:25px}.vac-plan-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3436;font-size:1rem}.vac-plan-form-group input,.vac-plan-form-group select,.vac-plan-form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa;color:#2d3436;font-family:inherit}.vac-plan-form-group input:focus,.vac-plan-form-group select:focus,.vac-plan-form-group textarea:focus{outline:none;border-color:#74b9ff;background:#fff;box-shadow:0 0 0 4px #74b9ff1a}.vac-plan-form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.vac-plan-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f1f5f9;background:#f8fafc}.cancel-button,.save-button,.delete-confirm-button{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem;box-shadow:0 1px 3px #0000001a}.cancel-button{background:#fff;color:#64748b;border:1px solid #d1d5db}.cancel-button:hover{background:#f8fafc;color:#1e293b;border-color:#9ca3af}.save-button{background:#10b981;color:#fff}.save-button:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.vac-plan-modal-content.delete-modal{max-width:480px;width:90%}.delete-info{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin:12px 0;color:#dc2626;font-weight:500;font-size:.875rem}.warning-text{color:#dc2626;font-weight:500;margin-top:12px;text-align:center;font-style:italic;font-size:.875rem}.delete-confirm-button{background:#ef4444;color:#fff}.delete-confirm-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.delete-confirm-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-plans-table-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;overflow-x:auto;overflow-y:hidden;box-shadow:0 8px 32px #00000014;border:1px solid #e2e8f0;margin-top:24px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.admin-plans-table-container::-webkit-scrollbar{height:8px}.admin-plans-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.admin-plans-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}.admin-plans-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-plans-table{width:100%;min-width:1200px;border-collapse:collapse;font-size:.9rem;background:transparent;color:#374151!important}.admin-plans-table thead{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom:none}.admin-plans-table th{padding:20px 16px;text-align:center;font-weight:600;border-right:1px solid rgba(255,255,255,.2);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.admin-plans-table th:last-child{border-right:none}.admin-plans-table td{padding:16px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:middle;background:#fff;transition:all .2s ease}.admin-plans-table td:last-child{border-right:none}.admin-plans-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.admin-plans-table tbody tr:hover td{background:transparent}.admin-plans-table tbody tr:last-child td{border-bottom:none}.admin-plan-id-cell{font-weight:700;color:#000;width:80px;text-align:center;border-radius:8px;padding:8px 12px!important;margin:4px;box-shadow:0 2px 8px #3b82f64d}.admin-plan-name-cell{min-width:280px;max-width:380px;font-weight:500}.admin-name-with-icon{display:flex;align-items:center;gap:12px;padding:4px 0}.admin-name-with-icon .admin-vaccine-icon{color:#10b981;font-size:1.2rem;flex-shrink:0;background:#d1fae5;padding:8px;border-radius:8px;box-shadow:0 2px 4px #10b98133}.admin-name-with-icon span{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.5;font-weight:500;color:#1e293b}.admin-date-cell,.admin-deadline-cell{width:140px;font-size:.875rem;color:#475569;font-weight:500;text-align:center}.admin-status-cell{width:200px;position:relative;text-align:center}.admin-status-select{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;background:#fff;min-width:180px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.admin-status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-status-select.admin-status-waiting{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.admin-status-select.admin-status-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.admin-status-select.admin-status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border-color:#10b981;box-shadow:0 4px 12px #10b98133}.admin-status-select.admin-status-canceled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;border-color:#ef4444;box-shadow:0 4px 12px #ef444433}.admin-status-select:disabled{opacity:.6;cursor:not-allowed}.admin-status-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.9rem;color:#3b82f6}.admin-time-status-cell{width:140px;text-align:center}.admin-time-status-badge{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:16px;border:2px solid;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.admin-description-cell{max-width:320px;min-width:220px}.admin-description-text{line-height:1.5;color:#475569;font-size:.875rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-height:none;font-weight:400;padding:4px 0}@media (max-width: 1200px){.plans-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:25px}}@media (max-width: 768px){.vaccination-plan-history{padding:15px}.history-header{padding:25px 20px;margin-bottom:30px}.history-header h2{font-size:2rem}.statistics-row{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:30px}.stat-card{padding:16px 12px}.stat-icon{font-size:2rem;width:60px;height:60px}.stat-number{font-size:1.8rem}.history-toolbar{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.search-filter-group{flex-direction:column;gap:15px;min-width:auto}.search-box{max-width:none}.filter-dropdown{min-width:auto}.plans-grid{grid-template-columns:1fr;gap:20px}.plan-meta{flex-direction:column;align-items:flex-start;gap:10px}.plan-dates{grid-template-columns:1fr;gap:10px}.vac-plan-modal-content.detail-modal{margin:10px;max-height:95vh}.vac-plan-modal-header,.vac-plan-modal-body{padding:20px}.detail-grid{grid-template-columns:1fr;gap:15px}.plans-table{font-size:.8rem}.plans-table th,.plans-table td{padding:8px 6px}.description-cell{max-width:150px}.plans-table-container{overflow-x:auto}.plans-table{min-width:800px}.pagination-container{flex-direction:column;gap:12px;padding:15px 20px}.pagination-info{text-align:center;font-size:.8rem}.pagination-controls{justify-content:center}.pagination-pages{margin:0 8px}.pagination-btn,.pagination-page{width:32px;height:32px;font-size:.8rem}}.create-health-campaign{padding:25px;max-width:1200px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#f8fcff,#e3f2fd);min-height:100vh}.create-health-campaign-form-header h2{color:#fff}.create-health-campaign-form-header{background:linear-gradient(135deg,#00b4d8,#0077b6,#023e8a);color:#fff;padding:40px 35px;border-radius:20px;margin-bottom:35px;text-align:center;box-shadow:0 8px 32px #00b4d840;position:relative;overflow:hidden}.create-health-campaign-form-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;transform:rotate(45deg)}.create-health-campaign-header-icon{font-size:3.5rem;margin-bottom:20px;color:#90e0ef;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.create-health-campaign-header-content h2{margin:0 0 15px;font-size:2.2rem;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content p{margin:0;font-size:1.2rem;opacity:.95;font-weight:400}.health-campaign-notification{display:flex;align-items:center;gap:18px;padding:18px 25px;border-radius:15px;margin-bottom:25px;font-weight:500;border:none;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.health-campaign-notification:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:currentColor}.notification.success{background:linear-gradient(135deg,#d1f2eb,#a7f3d0);color:#047857;border-left:4px solid #10b981}.notification.error{background:linear-gradient(135deg,#fef2f2,#fce7e7);color:#dc2626;border-left:4px solid #ef4444}.notification-icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.notification-content h4{margin:0 0 8px;font-size:1.1rem;font-weight:600}.notification-content p{margin:0;font-size:.95rem;opacity:.9}.campaign-form{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 32px #00000014;margin-bottom:30px;border:1px solid rgba(0,180,216,.1);position:relative}.campaign-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00b4d8,#0077b6,#023e8a);border-radius:20px 20px 0 0}.form-section{margin-bottom:40px;position:relative}.form-section:not(:last-child):after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,#e0e7ff,transparent)}.form-section h3{display:flex;align-items:center;gap:12px;margin:0 0 25px;font-size:1.4rem;color:#1e293b;padding:15px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border-left:4px solid #00b4d8;font-weight:600}.section-icon{color:#00b4d8;font-size:1.2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:10px}.health-campaign-form-group{margin-bottom:25px}.health-campaign-form-group.full-width{grid-column:1 / -1}.health-campaign-form-group label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;color:#374151;font-size:1rem;letter-spacing:-.01em}.label-icon{color:#00b4d8;font-size:1rem}.health-campaign-form-group input,.health-campaign-form-group select,.health-campaign-form-group textarea{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;background:#fff;font-family:inherit}.health-campaign-form-group input:focus,.health-campaign-form-group select:focus,.health-campaign-form-group textarea:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a;transform:translateY(-1px)}.health-campaign-form-group input:hover,.health-campaign-form-group select:hover,.health-campaign-form-group textarea:hover{border-color:#9ca3af}.health-campaign-form-group input::placeholder,.health-campaign-form-group textarea::placeholder{color:#9ca3af;font-weight:400}.health-campaign-form-group textarea{min-height:120px;resize:vertical;line-height:1.6}.helper-text{font-size:.85rem;color:#6b7280;margin-top:8px;font-style:italic;line-height:1.4}.current-items{margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd}.current-items h4{margin:0 0 15px;color:#0369a1;font-size:1rem;font-weight:600}.items-list{display:flex;flex-wrap:wrap;gap:10px}.item-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #00b4d8;border-radius:20px;font-size:.9rem;color:#0369a1;font-weight:500}.remove-item{background:none;border:none;color:#ef4444;cursor:pointer;padding:2px;border-radius:50%;transition:all .2s ease}.remove-item:hover{background:#fef2f2;transform:scale(1.1)}.input-with-button{display:flex;gap:12px}.input-with-button input{flex:1}.add-button{padding:16px 20px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem}.add-button:hover:not(:disabled){background:linear-gradient(135deg,#0077b6,#023e8a);transform:translateY(-1px)}.add-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.predefined-items{margin-top:20px}.predefined-items h4{margin:0 0 15px;color:#374151;font-size:1rem;font-weight:600}.predefined-list{display:flex;flex-wrap:wrap;gap:10px}.predefined-item{padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;color:#374151}.predefined-item:hover:not(:disabled){border-color:#00b4d8;background:#f0f9ff;transform:translateY(-1px)}.predefined-item.selected,.predefined-item:disabled{background:#e0f2fe;border-color:#00b4d8;color:#0369a1;cursor:not-allowed}.form-actions{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid #e5e7eb}.submit-button{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#00b4d8,#0077b6,#023e8a);color:#fff;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #00b4d84d;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0077b6,#023e8a,#001d3d);transform:translateY(-2px);box-shadow:0 12px 32px #00b4d866}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.create-health-campaign{padding:20px 15px}.form-header{padding:30px 25px}.header-content h2{font-size:1.8rem}.campaign-form{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:20px}.form-section h3{font-size:1.2rem;padding:12px 16px}.input-with-button{flex-direction:column;gap:10px}.predefined-list{justify-content:center}.submit-button{padding:16px 32px;font-size:1rem}}@media (max-width: 480px){.create-health-campaign{padding:15px 10px}.form-header{padding:25px 20px}.header-content h2{font-size:1.6rem}.header-content p{font-size:1rem}.campaign-form{padding:20px 15px}.health-campaign-form-group input,.health-campaign-form-group select,.health-campaign-form-group textarea{padding:14px 16px}.submit-button{padding:14px 28px;font-size:.95rem}.items-list,.predefined-list{justify-content:center}}.health-campaign-history{padding:25px;background:linear-gradient(135deg,#f8fcff,#e3f2fd);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.health-campaign-page-header{background:linear-gradient(135deg,#00b4d8,#0077b6,#023e8a);color:#fff;padding:40px 35px;border-radius:20px;margin-bottom:30px;box-shadow:0 8px 32px #00b4d840;position:relative;overflow:hidden}.health-campaign-page-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;transform:rotate(45deg)}.health-campaign-header-content h1{color:#fff;margin:0 0 15px;font-size:2.2rem;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.health-campaign-header-content p{margin:0;font-size:1.2rem;opacity:.95;font-weight:400}.statistics-section{margin-bottom:30px}.health-campaign-history .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:16px!important}.stat-card{background:#fff;padding:20px 16px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,180,216,.1);transition:all .3s ease;position:relative;overflow:hidden;min-width:0}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stat-color, #00b4d8)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.stat-card.total{--stat-color: #3b82f6}.stat-card.preparing{--stat-color: #f59e0b}.stat-card.ongoing{--stat-color: #10b981}.stat-card.completed{--stat-color: #059669}.stat-card.cancelled{--stat-color: #ef4444}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;background:var(--stat-color, #00b4d8)}.stat-info{flex:1}.stat-number{font-size:1.4rem;font-weight:700;color:#1f2937;display:block;margin-bottom:3px;line-height:1.2}.stat-label{font-size:.75rem;color:#6b7280;font-weight:500;line-height:1.3}.controls-section{background:#fff;padding:25px 30px;border-radius:16px;margin-bottom:30px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,180,216,.1);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.search-group{flex:1;min-width:300px}.search-box{position:relative}.search-box input{width:100%;padding:14px 20px 14px 50px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.search-box input:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.1rem}.filter-group{display:flex;align-items:center;gap:15px}.status-filter{padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease;min-width:160px}.status-filter:focus{outline:none;border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d81a}.refresh-btn{padding:14px 20px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,#0077b6,#023e8a);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,180,216,.1)}.campaigns-table{width:100%;border-collapse:collapse;font-size:.95rem}.campaigns-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.campaigns-table td{padding:20px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.table-row{cursor:pointer;transition:all .2s ease}.table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.title-cell{font-weight:600;color:#1f2937;max-width:300px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.status-badge.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.status-badge.clickable:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.status-badge.preparing{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.status-badge.preparing.clickable:hover{background:#fde68a;border-color:#f59e0b}.status-badge.ongoing{background:#dcfdf7;color:#047857;border:1px solid #10b981}.status-badge.ongoing.clickable:hover{background:#a7f3d0;border-color:#059669}.status-badge.completed{background:#d1fae5;color:#065f46;border:1px solid #059669}.status-badge.completed.clickable:hover{background:#a7f3d0;border-color:#047857}.status-badge.cancelled{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.status-badge.cancelled.clickable:hover{background:#fecaca;border-color:#dc2626}.status-dropdown-container{position:relative;display:inline-block}.status-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:160px;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-dropdown-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.status-dropdown-item:last-child{border-bottom:none}.status-dropdown-item:hover{background:#f8fafc;transform:translate(2px)}.status-dropdown-item .status-badge{margin:0;font-size:.75rem;padding:4px 10px}.admin-sort-button{display:flex;align-items:center;gap:8px;padding:14px 20px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.875rem;box-shadow:0 2px 4px #0000000d}.admin-sort-button:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.action-buttons{display:flex;gap:12px}.action-btn{padding:12px 14px;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.action-btn svg{width:18px;height:18px;transition:transform .2s ease}.action-btn:hover svg{transform:scale(1.1)}.action-btn.view{background:#e0f2fe;color:#0369a1;border:1px solid #0ea5e9}.action-btn.view:hover{background:#bae6fd;transform:translateY(-1px)}.action-btn.edit{background:#dbeafe;color:#1d4ed8;border:1px solid #3b82f6}.action-btn.edit:hover{background:#bfdbfe;transform:translateY(-1px)}.action-btn.delete{background:#fee2e2;color:#dc2626;border:1px solid #ef4444}.action-btn.delete:hover{background:#fecaca;transform:translateY(-1px)}.action-btn.notify{background:#f0f9ff;color:#0369a1;border:1px solid #0ea5e9;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn.notify:hover{background:#e0f2fe;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-btn.notify:active{transform:translateY(0)}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #00b4d8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.error-state{color:#dc2626}.error-state svg{font-size:48px;margin-bottom:15px}.empty-state svg{font-size:64px;color:#9ca3af;margin-bottom:15px}.empty-state h3,.error-state h3{margin:0 0 10px;font-size:1.3rem;color:#374151}.retry-btn{margin-top:15px;padding:10px 20px;background:#00b4d8;color:#fff;border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.retry-btn:hover{background:#0077b6}.health-campaign-history .hch-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.health-campaign-history .hch-modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 80px #0000004d;width:100%;max-height:90vh;overflow-y:auto;animation:hchModalSlideIn .3s ease-out;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 80px #0000004d,0 0 0 1px #ffffff1a inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes hchModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.health-campaign-history .hch-modal-header{padding:25px 30px;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px 20px 0 0;position:relative}.health-campaign-history .hch-modal-header h2{margin:0;font-size:1.6rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.health-campaign-history .hch-close-btn{background:#fffc;border:2px solid #e2e8f0;font-size:1.1rem;cursor:pointer;color:#64748b;padding:10px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.health-campaign-history .hch-close-btn:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626;transform:scale(1.05)}.health-campaign-history .hch-modal-body{padding:30px;background:#fff}.health-campaign-history .hch-modal-footer{padding:20px 30px;border-top:2px solid #f1f5f9;display:flex;justify-content:flex-end;gap:15px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:0 0 20px 20px}.health-campaign-history .hch-btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #0ea5e940}.health-campaign-history .hch-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.health-campaign-history .hch-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.health-campaign-history .hch-btn-secondary{background:#f8fafc;color:#475569;border:2px solid #cbd5e1;padding:12px 26px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.health-campaign-history .hch-btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.health-campaign-history .hch-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #ef444440}.health-campaign-history .hch-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.health-campaign-history .hch-btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.health-campaign-history .hch-detail-modal{max-width:700px}.health-campaign-history .hch-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.health-campaign-history .hch-detail-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:18px;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.health-campaign-history .hch-detail-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.health-campaign-history .hch-detail-item.full-width{grid-column:1 / -1}.health-campaign-history .hch-detail-item label{display:block;font-weight:700;color:#334155;margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.health-campaign-history .hch-detail-item span,.health-campaign-history .hch-detail-item p{color:#475569;font-size:1rem;line-height:1.6;margin:0}.health-campaign-history .hch-checkup-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.health-campaign-history .hch-checkup-item{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid #93c5fd}.health-campaign-history .hch-delete-modal{max-width:500px}.health-campaign-history .hch-delete-modal .hch-modal-body{text-align:center;padding:40px 30px}.health-campaign-history .hch-delete-info{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:20px;border-radius:12px;margin:20px 0;border:2px solid #f59e0b;box-shadow:0 4px 12px #f59e0b26}.health-campaign-history .hch-delete-info strong{color:#92400e;font-size:1.1rem;display:block;margin-bottom:8px}.health-campaign-history .hch-warning{color:#dc2626;font-weight:700;margin:20px 0 0;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px}.health-campaign-history .hch-status-modal{max-width:550px}.health-campaign-history .hch-status-modal .hch-modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-align:center}.health-campaign-history .hch-status-modal .hch-modal-header h2{color:#fff}.health-campaign-history .hch-status-modal .hch-close-btn{background:#fff3;border-color:#ffffff4d;color:#fff}.health-campaign-history .hch-status-modal .hch-close-btn:hover{background:#ffffff4d;border-color:#ffffff80}.health-campaign-history .hch-status-info{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:25px;border-radius:15px;margin:25px 0 30px;border:2px solid #cbd5e1;text-align:center}.health-campaign-history .hch-status-info strong{display:block;font-size:1.2rem;color:#1e293b;margin-bottom:12px}.health-campaign-history .hch-status-options{display:grid;gap:12px;margin-top:25px}.health-campaign-history .hch-status-option{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 2px 8px #0000000d;position:relative}.health-campaign-history .hch-status-option:hover:not(:disabled):not(.current){transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.health-campaign-history .hch-status-option.preparing{border-color:#f59e0b}.health-campaign-history .hch-status-option.preparing:hover:not(:disabled):not(.current){background:#fef3c7;border-color:#d97706}.health-campaign-history .hch-status-option.ongoing{border-color:#10b981}.health-campaign-history .hch-status-option.ongoing:hover:not(:disabled):not(.current){background:#d1fae5;border-color:#059669}.health-campaign-history .hch-status-option.completed{border-color:#059669}.health-campaign-history .hch-status-option.completed:hover:not(:disabled):not(.current){background:#d1fae5;border-color:#047857}.health-campaign-history .hch-status-option.cancelled{border-color:#ef4444}.health-campaign-history .hch-status-option.cancelled:hover:not(:disabled):not(.current){background:#fee2e2;border-color:#dc2626}.health-campaign-history .hch-status-option.current{background:linear-gradient(135deg,#64748b,#475569);color:#fff;cursor:not-allowed;border-color:#64748b}.health-campaign-history .hch-current-indicator{font-size:.9rem;font-weight:500;opacity:.9;font-style:italic;color:#fffc}.health-campaign-history .hch-edit-modal{max-width:800px}.health-campaign-history .hch-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.health-campaign-history .hch-form-group{display:flex;flex-direction:column;gap:8px}.health-campaign-history .hch-form-group.full-width{grid-column:1 / -1}.health-campaign-history .hch-form-group label{font-weight:600;color:#374151;font-size:.9rem}.health-campaign-history .hch-form-group input,.health-campaign-history .hch-form-group textarea,.health-campaign-history .hch-form-group select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.health-campaign-history .hch-modal-content{box-shadow:0 25px 80px #0000004d,0 0 0 1px #ffffff1a inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.health-campaign-history .hch-modal-header{position:relative}.health-campaign-history .hch-modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.health-campaign-history .hch-form-group input:focus,.health-campaign-history .hch-form-group textarea:focus,.health-campaign-history .hch-form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.health-campaign-history .hch-btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #0ea5e966}.health-campaign-history .hch-btn-danger:hover:not(:disabled){box-shadow:0 8px 25px #ef444466}.health-campaign-history .hch-detail-item .status-badge,.health-campaign-history .hch-status-info .status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent}.health-campaign-history .hch-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6}.health-campaign-history .hch-modal-content:focus{outline:none}.health-campaign-history .hch-close-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.health-campaign-history .modal-open{overflow:hidden}.health-campaign-history .hch-current-edit-items{margin-bottom:15px}.health-campaign-history .hch-edit-items-list{display:flex;flex-wrap:wrap;gap:10px;margin:0}.health-campaign-history .hch-edit-item-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:8px 14px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid #93c5fd;box-shadow:0 2px 4px #3b82f61a;transition:all .3s ease;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.health-campaign-history .hch-edit-item-tag:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #3b82f633;background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.health-campaign-history .hch-edit-item-tag span{-webkit-user-select:none;user-select:none}.health-campaign-history .hch-remove-edit-item{background:#ef44441a;border:1px solid #fca5a5;color:#dc2626;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.65rem;flex-shrink:0}.health-campaign-history .hch-remove-edit-item:hover{background:#ef4444;color:#fff;border-color:#dc2626;transform:scale(1.1)}.health-campaign-history .hch-add-edit-item-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:15px;margin-top:15px}.health-campaign-history .hch-edit-input-with-button{display:flex;gap:12px;align-items:stretch}.health-campaign-history .hch-edit-input-with-button input{flex:1;padding:12px 16px;border:2px solid #d1d5db;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.health-campaign-history .hch-edit-input-with-button input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.health-campaign-history .hch-edit-input-with-button input::placeholder{color:#9ca3af;font-style:italic}.health-campaign-history .hch-add-edit-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 18px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:48px;box-shadow:0 2px 8px #10b98133;font-size:.95rem}.health-campaign-history .hch-add-edit-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.health-campaign-history .hch-add-edit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #10b98133}.health-campaign-history .hch-add-edit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.health-campaign-history .hch-form-group.full-width .hch-empty-checkup-hint{color:#6b7280;font-size:.9rem;font-style:italic;margin-bottom:15px;padding:10px 15px;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db;text-align:center}.modalchonjlop_hc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalchonjlop_hc-fadeIn .3s ease-out}@keyframes modalchonjlop_hc-fadeIn{0%{opacity:0}to{opacity:1}}.modalchonjlop_hc-content{background:#fff;border-radius:20px;box-shadow:0 25px 80px #0000004d,0 0 0 1px #ffffff1a inset;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalchonjlop_hc-slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes modalchonjlop_hc-slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modalchonjlop_hc-header{padding:25px 30px;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px 20px 0 0;position:relative}.modalchonjlop_hc-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.modalchonjlop_hc-header h2{margin:0;font-size:1.6rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.modalchonjlop_hc-close-btn{background:#fffc;border:2px solid #e2e8f0;font-size:1.1rem;cursor:pointer;color:#64748b;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modalchonjlop_hc-close-btn:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626;transform:scale(1.05)}.modalchonjlop_hc-body{padding:30px;background:#fff}.modalchonjlop_hc-notification-info{margin-bottom:25px}.modalchonjlop_hc-notification-info h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 10px}.modalchonjlop_hc-notification-info p{color:#64748b;font-size:1rem;margin:0}.modalchonjlop_hc-loading-students{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#64748b;gap:15px}.modalchonjlop_hc-loading-students .spinning{font-size:2rem;animation:spin 1s linear infinite}.modalchonjlop_hc-grade-selection{margin-top:20px}.modalchonjlop_hc-grade-options{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.modalchonjlop_hc-grade-option{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border:2px solid #e5e7eb;border-radius:12px;background:linear-gradient(135deg,#fff,#f8fafc);cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 2px 8px #0000000d;position:relative}.modalchonjlop_hc-grade-option:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f6;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modalchonjlop_hc-grade-option.all-grades{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.modalchonjlop_hc-grade-option.all-grades:hover{border-color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.modalchonjlop_hc-grade-option.selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.modalchonjlop_hc-grade-option input[type=checkbox]{width:18px;height:18px;margin-right:12px;cursor:pointer;accent-color:#3b82f6}.modalchonjlop_hc-grade-label{font-weight:600;color:#1e293b;flex:1;margin-left:8px}.modalchonjlop_hc-student-count{color:#64748b;font-size:.9rem;font-weight:500;background:#64748b1a;padding:4px 10px;border-radius:15px}.modalchonjlop_hc-selected-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:20px;margin-top:20px}.modalchonjlop_hc-selected-summary h4{color:#0c4a6e;font-size:1.1rem;font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:8px}.modalchonjlop_hc-selected-summary h4:before{content:"📊";font-size:1.2rem}.modalchonjlop_hc-selected-summary p{color:#0c4a6e;font-size:1rem;margin:0;line-height:1.5}.modalchonjlop_hc-selected-summary strong{color:#0369a1;font-weight:700}.modalchonjlop_hc-modal-footer{padding:20px 30px;border-top:2px solid #f1f5f9;display:flex;justify-content:flex-end;gap:15px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:0 0 20px 20px}.modalchonjlop_hc-btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #0ea5e940}.modalchonjlop_hc-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.modalchonjlop_hc-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modalchonjlop_hc-btn-secondary{background:#f8fafc;color:#475569;border:2px solid #cbd5e1;padding:12px 26px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.modalchonjlop_hc-btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.health-campaign-history .hch-predefined-edit-items{margin:20px 0;padding:15px;background:linear-gradient(135deg,#fefce8,#fef3c7);border:1px solid #fbbf24;border-radius:12px}.health-campaign-history .hch-predefined-edit-items h4{margin:0 0 12px;color:#92400e;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px}.health-campaign-history .hch-predefined-edit-items h4:before{content:"💡";font-size:1.1rem}.health-campaign-history .hch-predefined-edit-list{display:flex;flex-wrap:wrap;gap:8px}.health-campaign-history .hch-predefined-edit-item{background:linear-gradient(135deg,#fff,#f9fafb);color:#374151;border:1px solid #d1d5db;padding:8px 12px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #0000001a}.health-campaign-history .hch-predefined-edit-item:hover:not(:disabled){background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.health-campaign-history .hch-predefined-edit-item.selected{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#16a34a;cursor:default}.health-campaign-history .hch-predefined-edit-item:disabled{opacity:.6;cursor:not-allowed;transform:none}.health-campaign-history .hch-predefined-edit-item.selected:hover{transform:none;box-shadow:0 1px 3px #0000001a}.admin-plan-manager{min-height:100vh;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);font-family:var(--font-body);padding:24px;max-width:1400px;margin:0 auto}.admin-plan-manager-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:40px;border-radius:20px;margin-bottom:32px;box-shadow:0 10px 25px #1e293b26;position:relative;overflow:hidden}.admin-plan-manager-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg)}.admin-plan-manager-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.admin-header-text h1{margin:0 0 4px;font-size:2.5rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.025em;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header-text h2{margin:0 0 12px;font-size:1.25rem;font-weight:500;font-family:var(--font-heading);opacity:.8;color:#cbd5e1}.admin-header-text p{margin:0;font-size:1.1rem;opacity:.7;color:#94a3b8;max-width:600px;line-height:1.6}.header-stats{display:flex;gap:24px}.stat-item{text-align:center;padding:16px 20px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-number{display:block;font-size:2rem;font-weight:700;font-family:var(--font-heading);color:#fff;line-height:1}.stat-label{display:block;font-size:.875rem;font-weight:500;font-family:var(--font-heading);color:#cbd5e1;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.section-selector{background:#fff;border-radius:24px;padding:48px 40px;box-shadow:0 8px 30px #00000014;margin-bottom:32px;border:1px solid #f1f5f9}.admin-selector-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.back-button{display:flex;align-items:center;gap:8px;background:#64748b;color:#fff;border:none;padding:12px 16px;border-radius:10px;font-size:.875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .3s ease}.back-button:hover{background:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.current-section{display:flex;align-items:center;gap:16px}.section-badge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--section-color, #3b82f6);color:#fff;border-radius:16px;font-size:1.25rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.05em;flex-shrink:0}.section-text{display:flex;flex-direction:column;gap:2px}.section-name{font-size:1.25rem;font-weight:700;font-family:var(--font-heading);color:#1e293b}.section-subtitle-small{font-size:.875rem;color:#64748b;font-weight:500}.selector-content{margin-top:32px;text-align:center}.selector-content .selector-title,.selector-content .selector-subtitle{display:inline-block!important;margin:0!important}.selector-content .selector-title{margin-right:16px!important;margin-bottom:16px!important}.selector-content .selector-subtitle{position:relative;padding-left:16px!important;margin-bottom:32px!important}.selector-content .selector-subtitle:before{content:"•";position:absolute;left:0;color:#94a3b8;font-weight:700}.actions-grid,.sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;position:relative;overflow:hidden;min-height:320px}.section-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--section-color);transform:scaleY(0);transition:transform .3s ease}.section-card:hover:before{transform:scaleY(1)}.section-card:hover{border-color:var(--section-color);transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.section-info{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.section-title{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:#1e293b;margin:0 0 8px;letter-spacing:-.025em}.section-description{font-size:.95rem;color:#64748b;margin:0;line-height:1.6;max-width:280px}.section-arrow{font-size:1.5rem;color:#cbd5e1;transition:all .3s ease;font-weight:700;margin-top:auto}.section-card:hover .section-arrow{color:var(--section-color);transform:translate(4px)}.action-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;min-height:280px}.action-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--section-color);transform:scaleY(0);transition:transform .3s ease}.action-card:hover:before{transform:scaleY(1)}.action-card:hover{border-color:var(--section-color);transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.action-header{display:flex;justify-content:space-between;align-items:flex-start}.action-tag{display:inline-block;padding:6px 12px;background:var(--section-color);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em}.action-info{flex:1;text-align:center}.action-title{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:#1e293b;margin:0 0 4px;letter-spacing:-.025em}.action-subtitle{font-size:1rem;font-weight:500;color:#64748b;margin:0 0 12px}.action-description{font-size:.95rem;color:#64748b;margin:0;line-height:1.6}.action-arrow{align-self:flex-end;font-size:1.5rem;color:#cbd5e1;transition:all .3s ease;font-weight:700;margin-top:auto}.action-card:hover .action-arrow{color:var(--section-color);transform:translate(4px)}.action-selector{background:#fff;border-radius:24px;padding:48px 40px;box-shadow:0 8px 30px #00000014;margin-bottom:32px;border:1px solid #f1f5f9}.content-area{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9}.content-header{display:flex;align-items:center;gap:24px;padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.95rem}.breadcrumb-item{color:#64748b;cursor:pointer;transition:color .3s ease;font-weight:500}.breadcrumb-item:hover{color:#334155}.breadcrumb-separator{color:#cbd5e1;font-weight:400}.breadcrumb-current{color:#1e293b;font-weight:600;font-family:var(--font-heading)}.content-body{background:transparent}.content-body>*{animation:fadeInUp .4s ease-out}@media (max-width: 768px){.plan-manager{padding:16px}.manager-header{padding:32px 24px;margin-bottom:24px}.header-content{flex-direction:column;text-align:center;gap:20px}.header-text h1{font-size:2rem}.header-text h2{font-size:1.125rem}.header-stats{justify-content:center}.selector-title{font-size:1.75rem}.sections-grid,.actions-grid{grid-template-columns:1fr;gap:24px}.section-card{padding:32px 24px;min-height:280px;gap:24px}.section-badge{width:80px;height:80px;font-size:1.5rem}.section-title{font-size:1.5rem}.section-description{font-size:1rem;max-width:none}.action-card{padding:24px;text-align:center}.section-arrow{width:40px;height:40px;font-size:1.5rem}.action-arrow{display:none}.admin-selector-header{flex-direction:column;align-items:flex-start;gap:16px}.current-section{gap:12px}.content-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px}.breadcrumb{flex-wrap:wrap}}@media (max-width: 480px){.plan-manager{padding:12px}.manager-header{padding:24px 20px;border-radius:12px}.header-text h1{font-size:1.75rem}.header-text h2{font-size:1rem}.stat-item{padding:12px 16px}.stat-number{font-size:1.5rem}.section-selector,.action-selector,.content-area{padding:20px;border-radius:12px}.admin-selector-header{flex-direction:column;text-align:center;gap:8px}.selector-content .selector-title,.selector-content .selector-subtitle{display:block;margin-bottom:8px}.selector-content .selector-title{margin-right:0}.selector-content .selector-subtitle{padding-left:0}.selector-content .selector-subtitle:before{display:none}.selector-title{font-size:1.5rem}.selector-subtitle{font-size:1rem;padding-left:0}.selector-subtitle:before{display:none}.section-title,.action-title{font-size:1.25rem;font-family:var(--font-heading)}.section-subtitle,.action-subtitle,.section-description,.action-description{font-size:.875rem}.section-badge{width:72px;height:72px;font-size:1.25rem}.section-card{min-height:240px;padding:28px 20px;gap:20px}.section-arrow{width:36px;height:36px;font-size:1.25rem}.action-tag{font-size:.625rem;padding:4px 8px}.content-header{padding:16px 20px}.back-button{padding:10px 14px;font-size:.8rem}}.reports-container{min-height:100vh;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);font-family:var(--font-body);padding:24px;max-width:1400px;margin:0 auto}.reports-main-header{background-color:#004e9a;color:#fff;padding:40px;border-radius:20px;margin-bottom:32px;box-shadow:0 10px 25px #3b82f626;position:relative;overflow:hidden}.reports-main-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg)}.reports-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.reports-header-text h1{margin:0 0 4px;font-size:2.5rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.025em;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports-header-text p{margin:0;font-size:1.1rem;opacity:.7;color:#94a3b8;max-width:600px;line-height:1.6}.reports-header-stats{display:flex;gap:24px}.reports-stat-item{text-align:center;padding:16px 20px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.reports-stat-number{display:block;font-size:2rem;font-weight:700;font-family:var(--font-heading);color:#fff;line-height:1}.reports-stat-label{display:block;font-size:.875rem;font-weight:500;font-family:var(--font-heading);color:#cbd5e1;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.reports-generator{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;border:1px solid #f1f5f9}.reports-generator-title{font-size:2rem;font-weight:700;font-family:var(--font-heading);color:#1e293b;margin:0 0 32px;text-align:center;letter-spacing:-.025em;padding-bottom:15px}.reports-action-buttons{display:flex;justify-content:center;gap:16px;margin-top:32px}.reports-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;min-width:140px;justify-content:center}.reports-btn-primary{background:#3b82f6;color:#fff}.reports-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.reports-btn-secondary{background:#64748b;color:#fff}.reports-btn-secondary:hover{background:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #64748b66}.reports-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.reports-loading-spinner{animation:spin 1s linear infinite}.reports-error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px 20px;border-radius:10px;margin-top:24px;display:flex;align-items:center;gap:12px;font-weight:500}.reports-success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:16px 20px;border-radius:10px;margin-top:24px;display:flex;align-items:center;gap:12px;font-weight:500}.reports-generator>*,.reports-main-header>*{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.reports-container{padding:16px}.reports-main-header{padding:32px 24px;margin-bottom:24px}.reports-header-content{flex-direction:column;text-align:center;gap:20px}.reports-header-text h1{font-size:2rem}.reports-header-stats{justify-content:center}.reports-generator{padding:24px}.reports-generator-title{font-size:1.75rem}.reports-action-buttons{flex-direction:column;gap:12px}.reports-btn{width:100%}}@media (max-width: 480px){.reports-container{padding:12px}.reports-main-header{padding:24px 20px;border-radius:12px}.reports-header-text h1{font-size:1.75rem}.reports-stat-item{padding:12px 16px}.reports-stat-number{font-size:1.5rem}.reports-generator{padding:20px;border-radius:12px}.reports-generator-title{font-size:1.5rem}}.admin-reports-type-selector{display:flex;flex-direction:column;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.admin-reports-type-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px;display:flex;align-items:center;gap:8px}.admin-reports-type-label i{color:#3b82f6;font-size:1rem}.admin-reports-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}.admin-reports-type-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;aspect-ratio:1.1;text-align:center;min-height:140px}.admin-reports-type-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s}.admin-reports-type-option:hover:before{left:100%}.admin-reports-type-option-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.admin-reports-type-option-blue:hover{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.admin-reports-type-option-blue.selected{border-color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 4px 12px #3b82f64d;border-width:3px}.admin-reports-type-option-blue.selected .admin-reports-type-title,.admin-reports-type-option-blue.selected .admin-reports-type-description{color:#1e40af;font-weight:600}.admin-reports-type-option-blue.selected .admin-reports-type-title i{color:#1d4ed8}.admin-reports-type-option-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.admin-reports-type-option-green:hover{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);transform:translateY(-2px);box-shadow:0 4px 12px #10b98126}.admin-reports-type-option-green.selected{border-color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 4px 12px #10b9814d;border-width:3px}.admin-reports-type-option-green.selected .admin-reports-type-title,.admin-reports-type-option-green.selected .admin-reports-type-description{color:#065f46;font-weight:600}.admin-reports-type-option-green.selected .admin-reports-type-title i{color:#047857}.admin-reports-type-option-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#ddd6fe}.admin-reports-type-option-purple:hover{border-color:#8b5cf6;background:linear-gradient(135deg,#f3e8ff,#ddd6fe);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.admin-reports-type-option-purple.selected{border-color:#6d28d9;background:linear-gradient(135deg,#f3e8ff,#ddd6fe);color:#581c87;box-shadow:0 4px 12px #8b5cf64d;border-width:3px}.admin-reports-type-option-purple.selected .admin-reports-type-title,.admin-reports-type-option-purple.selected .admin-reports-type-description{color:#581c87;font-weight:600}.admin-reports-type-option-purple.selected .admin-reports-type-title i{color:#6d28d9}.admin-reports-type-option-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.admin-reports-type-option-orange:hover{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b26}.admin-reports-type-option-orange.selected{border-color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 4px 12px #f59e0b4d;border-width:3px}.admin-reports-type-option-orange.selected .admin-reports-type-title,.admin-reports-type-option-orange.selected .admin-reports-type-description{color:#92400e;font-weight:600}.admin-reports-type-option-orange.selected .admin-reports-type-title i{color:#b45309}.admin-reports-type-option-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-color:#99f6e4}.admin-reports-type-option-teal:hover{border-color:#14b8a6;background:linear-gradient(135deg,#ccfbf1,#99f6e4);transform:translateY(-2px);box-shadow:0 4px 12px #14b8a626}.admin-reports-type-option-teal.selected{border-color:#0f766e;background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#134e4a;box-shadow:0 4px 12px #14b8a64d;border-width:3px}.admin-reports-type-option-teal.selected .admin-reports-type-title,.admin-reports-type-option-teal.selected .admin-reports-type-description{color:#134e4a;font-weight:600}.admin-reports-type-option-teal.selected .admin-reports-type-title i{color:#0f766e}.admin-reports-type-option:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.admin-reports-type-option.selected{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #3b82f633}.admin-reports-type-option-blue input[type=radio]{accent-color:#3b82f6}.admin-reports-type-option-green input[type=radio]{accent-color:#10b981}.admin-reports-type-option-purple input[type=radio]{accent-color:#8b5cf6}.admin-reports-type-option-orange input[type=radio]{accent-color:#f59e0b}.admin-reports-type-option-teal input[type=radio]{accent-color:#14b8a6}.admin-reports-type-option input[type=radio]{margin-right:12px;width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.admin-reports-type-content{flex:1;display:flex;flex-direction:column;gap:4px}.admin-reports-type-title{font-size:1rem;font-weight:700;color:#374151;margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;line-height:1.3}.admin-reports-type-option-blue .admin-reports-type-title i{color:#3b82f6}.admin-reports-type-option-green .admin-reports-type-title i{color:#10b981}.admin-reports-type-option-purple .admin-reports-type-title i{color:#8b5cf6}.admin-reports-type-option-orange .admin-reports-type-title i{color:#f59e0b}.admin-reports-type-option-teal .admin-reports-type-title i{color:#14b8a6}.admin-reports-type-title i{color:#3b82f6;font-size:1.25rem}.admin-reports-type-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5;text-align:center;font-weight:500}.admin-reports-advanced-options{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.admin-reports-advanced-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:12px;transition:color .2s ease}.admin-reports-advanced-toggle:hover{color:#374151}.admin-reports-advanced-toggle i{transition:transform .2s ease}.admin-reports-advanced-toggle.expanded i{transform:rotate(90deg)}.admin-reports-advanced-content{display:none;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:12px}.admin-reports-advanced-content.visible{display:grid}.admin-reports-option-group{display:flex;flex-direction:column;gap:8px}.admin-reports-option-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.admin-reports-checkbox-group{display:flex;flex-direction:column;gap:8px;background:#fff;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.admin-reports-checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s ease}.admin-reports-checkbox-option:hover{background:#f9fafb}.admin-reports-checkbox-option input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.admin-reports-checkbox-option span{font-size:.875rem;color:#374151;font-weight:500}.admin-reports-custom-filters{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.admin-reports-filter-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#374151;background:#fff;transition:all .2s ease}.admin-reports-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-reports-filter-input::placeholder{color:#9ca3af}.admin-reports-generate-section{display:flex;justify-content:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.admin-reports-generate-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.admin-reports-generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.admin-reports-generate-btn:hover:before{left:100%}.admin-reports-generate-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.admin-reports-generate-btn:active{transform:translateY(0)}.admin-reports-generate-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.admin-reports-generate-btn.loading{cursor:wait}.admin-reports-generate-btn.loading i{animation:admin-spin 1s linear infinite}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.admin-reports-type-options{grid-template-columns:repeat(3,1fr);gap:16px;max-width:800px}}@media (max-width: 768px){.admin-reports-type-selector{padding:16px}.admin-reports-type-options{grid-template-columns:repeat(3,1fr);gap:12px;max-width:600px}.admin-reports-type-option{padding:16px 12px}.admin-reports-advanced-content{grid-template-columns:1fr}.admin-reports-generate-btn{width:100%;justify-content:center}}@media (max-width: 600px){.admin-reports-type-options{grid-template-columns:1fr;gap:16px;max-width:400px}.admin-reports-type-option{padding:20px 16px;aspect-ratio:auto;min-height:120px}.admin-reports-type-title{font-size:.875rem}.admin-reports-type-description{font-size:.75rem}.admin-reports-generate-btn{padding:12px 20px}}.reports-generated-report{background:#fff;border-radius:12px;padding:24px;margin-top:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #f1f5f9}.reports-report-header{margin-bottom:24px;text-align:center;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.reports-report-header h2{font-size:1.5rem;font-weight:600;font-family:var(--font-heading);color:#1e293b;margin:0 0 8px;letter-spacing:-.025em;display:flex;align-items:center;justify-content:center;gap:8px}.reports-report-header i{color:#3b82f6}.reports-report-meta{color:#64748b;font-size:.875rem;font-weight:500}.reports-report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px}.reports-summary-item{text-align:center}.reports-summary-item .reports-number{display:block;font-size:2rem;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.reports-summary-item .reports-label{color:#64748b;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.reports-data-table{width:100%;border-collapse:collapse;margin-top:16px;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #f1f5f9}.reports-data-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.reports-data-table th{padding:16px 12px;text-align:left;font-weight:600;color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em;border-bottom:2px solid #1d4ed8}.reports-data-table td{padding:12px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;line-height:1.5}.reports-data-table tbody tr{transition:background-color .15s ease}.reports-data-table tbody tr:hover{background-color:#f8fafc}.reports-data-table tbody tr:last-child td{border-bottom:none}.reports-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.reports-status.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.reports-status.inactive{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.reports-status.pending{background:#fef3c7;color:#92400e;border:1px solid #fed7aa}.reports-status.completed{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.reports-table-actions{display:flex;gap:8px;align-items:center}.reports-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease;font-size:.875rem;color:#64748b}.reports-action-btn:hover{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.reports-action-btn.view{color:#3b82f6}.reports-action-btn.view:hover{background:#dbeafe;border-color:#bfdbfe}.reports-action-btn.edit{color:#f59e0b}.reports-action-btn.edit:hover{background:#fef3c7;border-color:#fed7aa}.reports-action-btn.delete{color:#ef4444}.reports-action-btn.delete:hover{background:#fef2f2;border-color:#fecaca}.reports-empty-state{text-align:center;padding:48px 24px;color:#64748b}.reports-empty-state i{font-size:3rem;color:#cbd5e1;margin-bottom:16px;display:block}.reports-empty-state h3{font-size:1.125rem;font-weight:600;color:#475569;margin:0 0 8px}.reports-empty-state p{margin:0;font-size:.875rem}.reports-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:#64748b;gap:12px}.reports-loading i{animation:spin 1s linear infinite}.reports-export-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #f1f5f9;justify-content:flex-end}.reports-export-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.reports-export-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.reports-export-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.reports-export-btn.primary:hover{background:#2563eb;border-color:#2563eb}@media print{.reports-generated-report{box-shadow:none;border:none;margin:0;padding:20px}.reports-export-actions,.reports-action-btn{display:none}.reports-data-table{font-size:.75rem}.reports-data-table th,.reports-data-table td{padding:8px 6px}}@media (max-width: 768px){.reports-generated-report{padding:16px;margin-top:16px}.reports-report-summary{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.reports-data-table{font-size:.75rem}.reports-data-table th,.reports-data-table td{padding:8px 6px}.reports-export-actions{flex-direction:column;gap:8px}.reports-export-btn{justify-content:center}}@media (max-width: 480px){.reports-report-summary{grid-template-columns:1fr}.reports-summary-item .reports-number{font-size:1.5rem}.reports-data-table{display:block;overflow-x:auto;white-space:nowrap}.reports-table-actions{flex-direction:column;gap:4px}.reports-action-btn{width:28px;height:28px;font-size:.75rem}}.reports-detail-view-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reports-detail-view-container.theme-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.reports-detail-view-container.theme-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.reports-detail-view-container.theme-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.reports-detail-view-container.theme-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.reports-detail-view-container.theme-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0}.loading-spinner{width:48px;height:48px;border:4px solid #f1f5f9;border-top:4px solid #3b82f6;border-radius:50%;animation:reports-detail-spin 1s linear infinite;margin-bottom:20px}@keyframes reports-detail-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-loading p{color:#64748b;font-size:16px;font-weight:500;margin:0}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0}.no-data i{font-size:64px;margin-bottom:20px;color:#cbd5e1;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-data p{color:#64748b;font-size:16px;font-weight:500;margin:0}.reports-detail-stats-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.reports-detail-stats-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.reports-detail-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb)}.theme-blue .reports-detail-stats-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.theme-green .reports-detail-stats-card:before{background:linear-gradient(90deg,#10b981,#059669)}.theme-purple .reports-detail-stats-card:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.theme-orange .reports-detail-stats-card:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.theme-teal .reports-detail-stats-card:before{background:linear-gradient(90deg,#14b8a6,#0d9488)}.reports-detail-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #3b82f626;border-color:#bfdbfe}.theme-blue .reports-detail-stats-card:hover{box-shadow:0 8px 30px #3b82f626;border-color:#bfdbfe}.theme-green .reports-detail-stats-card:hover{box-shadow:0 8px 30px #10b98126;border-color:#a7f3d0}.theme-purple .reports-detail-stats-card:hover{box-shadow:0 8px 30px #8b5cf626;border-color:#ddd6fe}.theme-orange .reports-detail-stats-card:hover{box-shadow:0 8px 30px #f59e0b26;border-color:#fde68a}.theme-teal .reports-detail-stats-card:hover{box-shadow:0 8px 30px #14b8a626;border-color:#99f6e4}.reports-detail-stats-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;position:relative;box-shadow:0 4px 12px #00000026}.reports-detail-stats-icon.reports-detail-document-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.reports-detail-stats-icon.reports-detail-user-icon{background:linear-gradient(135deg,#64748b,#475569)}.reports-detail-stats-icon.reports-detail-accept-icon{background:linear-gradient(135deg,#10b981,#059669)}.reports-detail-stats-icon.reports-detail-pending-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.reports-detail-stats-icon.reports-detail-reject-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.reports-detail-stats-content{flex:1}.reports-detail-stats-number{font-size:32px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.reports-detail-stats-label{color:#64748b;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.reports-detail-notification-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;overflow:hidden}.reports-detail-table-title{display:flex;align-items:center;gap:12px;color:#1e293b;font-size:20px;font-weight:600;margin:0;padding:24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.reports-detail-table-title svg{color:#3b82f6;font-size:18px}.reports-detail-table-container{overflow-x:auto;background:#fff}.reports-detail-table{width:100%;border-collapse:collapse;background:#fff;min-width:1200px}.reports-detail-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.reports-detail-table th,.reports-detail-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #f1f5f9;vertical-align:middle}.reports-detail-table th{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.reports-detail-table-row{transition:all .2s ease}.reports-detail-table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.001)}.reports-detail-table-stt{width:80px;text-align:center;font-weight:700;color:#3b82f6;background:#eff6ff;border-radius:8px;padding:8px 12px!important}.reports-detail-table-title{min-width:280px}.reports-detail-notification-title{font-weight:600;color:#1e293b;line-height:1.4;font-size:15px}.reports-detail-table-sender{min-width:180px}.reports-detail-sender-info{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.reports-detail-table-icon{color:#3b82f6;font-size:16px;flex-shrink:0}.reports-detail-table-date{min-width:180px}.reports-detail-date-info{display:flex;align-items:center;gap:10px;font-size:14px;padding:8px 12px;background:#f0fdf4;border-radius:8px;border:1px solid #bbf7d0;color:#166534}.reports-detail-table-type{min-width:140px}.reports-detail-type-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid #93c5fd;display:inline-block;text-align:center;min-width:80px}.reports-detail-table-recipients{width:120px;text-align:center}.reports-detail-recipients-count{font-weight:700;color:#1e293b;background:#f1f5f9;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;display:inline-block;min-width:40px}.reports-detail-table-accepted,.reports-detail-table-pending,.reports-detail-table-rejected{width:120px;text-align:center}.reports-detail-response-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:60px;justify-content:center;border:1px solid}.reports-detail-response-badge.reports-detail-accepted{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac}.reports-detail-response-badge.reports-detail-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.reports-detail-response-badge.reports-detail-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.reports-detail-table-actions{width:100px;text-align:center}.reports-detail-action-button{width:40px;height:40px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:16px;margin:0 auto;box-shadow:0 4px 12px #3b82f64d}.reports-detail-action-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}@media (max-width: 1024px){.reports-detail-view-container{padding:16px}.reports-detail-stats-header{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.reports-detail-stats-card{padding:16px}.reports-detail-table-container{font-size:14px}}@media (max-width: 768px){.reports-detail-stats-header{grid-template-columns:1fr}.reports-detail-table th,.reports-detail-table td{padding:12px 16px}.reports-detail-table-container{font-size:14px}.reports-detail-notification-container{border-radius:12px}}@media (max-width: 480px){.reports-detail-view-container{padding:12px}.reports-detail-stats-card{padding:16px;gap:16px}.reports-detail-stats-icon{width:40px;height:40px;font-size:18px}.reports-detail-stats-number{font-size:24px}.reports-detail-table-title{padding:16px;font-size:16px}.reports-detail-table th,.reports-detail-table td{padding:10px 12px;font-size:13px}}.stats-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stats-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.stats-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.stats-icon.document-icon{background:#3b82f6}.stats-icon.user-icon{background:#10b981}.stats-icon.accept-icon{background:#059669}.stats-icon.pending-icon{background:#d97706}.stats-icon.reject-icon{background:#dc2626}.stats-content{flex:1}.stats-number{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 4px}.stats-label{font-size:.875rem;color:#6b7280;margin:0}.notification-container{display:flex;flex-direction:column;gap:20px}.notification-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0;transition:all .2s ease;overflow:hidden}.notification-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.notification-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 16px;line-height:1.4;padding:20px 24px 0}.notification-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px;padding:0 24px}.info-section{display:flex;flex-wrap:wrap;gap:8px;flex:1}.info-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#374151;font-weight:500}.info-tag svg{width:14px;height:14px;color:#6b7280}.info-tag.sender{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.info-tag.date{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.info-tag.type{background:#fefce8;color:#a16207;border-color:#fde68a}.response-stats{display:flex;gap:8px;flex-wrap:wrap;min-width:200px;justify-content:flex-end}.response-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:600;min-width:50px;justify-content:center}.response-badge.accepted{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.response-badge.pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.response-badge.rejected{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.response-badge svg{width:14px;height:14px}.notification-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-top:1px solid #e5e7eb;margin-top:0}.recipient-count{font-size:.875rem;color:#6b7280;font-weight:500;display:flex;align-items:center;gap:6px}.recipient-count:before{content:"👥";font-size:1rem}.detail-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.detail-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.detail-button svg{width:16px;height:16px}@media (max-width: 768px){.detail-view-container{padding:16px}.stats-header{grid-template-columns:repeat(2,1fr);gap:12px}.stats-card{padding:16px}.stats-icon{width:40px;height:40px;font-size:1rem}.stats-number{font-size:1.25rem}.notification-container{gap:16px}.notification-title{font-size:1.125rem;padding:16px 20px 0}.notification-info{flex-direction:column;gap:12px;padding:0 20px}.info-section{width:100%}.response-stats{width:100%;justify-content:flex-start;min-width:auto}.notification-footer{flex-direction:column;gap:12px;align-items:stretch;padding:12px 20px}.detail-button{width:100%;justify-content:center}}@media (max-width: 480px){.detail-view-container{padding:12px}.stats-header{grid-template-columns:1fr}.stats-card{padding:12px;gap:12px}.stats-icon{width:36px;height:36px;font-size:.875rem}.stats-number{font-size:1.125rem}.notification-title{font-size:1rem;padding:12px 16px 0}.notification-info{padding:0 16px}.info-section{flex-direction:column;gap:6px}.response-stats{flex-direction:row;gap:6px}.notification-footer{padding:12px 16px}}.reports-back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.reports-back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.reports-back-button:hover:before{left:100%}.reports-back-button:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;color:#334155;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.reports-back-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.reports-back-button i{font-size:1rem;transition:transform .2s ease}.reports-back-button:hover i{transform:translate(-2px)}.reports-back-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.reports-back-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff}.reports-back-button.secondary{background:linear-gradient(135deg,#64748b,#475569);border-color:#64748b;color:#fff}.reports-back-button.secondary:hover{background:linear-gradient(135deg,#475569,#334155);border-color:#475569;color:#fff}.reports-back-button.minimal{background:transparent;border:none;color:#64748b;padding:8px 12px}.reports-back-button.minimal:hover{background:#f8fafc;color:#334155}.reports-back-button.small{padding:6px 12px;font-size:.75rem}.reports-back-button.large{padding:12px 20px;font-size:1rem}@media (max-width: 768px){.reports-back-button{padding:10px 14px;font-size:.875rem}.reports-back-button.small{padding:8px 12px;font-size:.75rem}.reports-back-button.large{padding:12px 18px;font-size:.875rem}}.admin-report-header{border-radius:16px;padding:32px;margin-bottom:32px;color:#fff;box-shadow:0 8px 30px #00000026;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.admin-report-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg)}.admin-report-header-actions{display:flex;align-items:center;gap:16px;margin-bottom:12px;position:relative;z-index:1}.admin-report-header-title{color:#fff;font-size:32px;font-weight:700;margin:0;display:flex;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-report-header-title i{font-size:28px}.admin-report-header-subtitle{color:#ffffffe6;font-size:16px;font-weight:500;margin:8px 0 0;position:relative;z-index:1}.admin-report-header-blue{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8)}.admin-report-header-green{background:linear-gradient(135deg,#10b981,#059669,#047857)}.admin-report-header-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9)}.admin-report-header-orange{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)}.admin-report-header-teal{background:linear-gradient(135deg,#14b8a6,#0d9488,#0f766e)}.admin-report-header .back-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-report-header .back-button:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px)}@media (max-width: 768px){.admin-report-header{padding:24px;margin-bottom:24px}.admin-report-header-title{font-size:24px}.admin-report-header-title i{font-size:20px}.admin-report-header-subtitle{font-size:14px}.admin-report-header-actions{flex-direction:column;align-items:flex-start;gap:12px}}.reports-notification-detail{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reports-notification-detail.theme-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.reports-notification-detail.theme-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.reports-notification-detail.theme-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.reports-notification-detail.theme-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.reports-notification-detail.theme-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.reports-notification-info-section{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;border:1px solid #e2e8f0;padding:32px;margin-bottom:32px;position:relative;overflow:hidden}.reports-notification-detail-header{background:#fff;border-radius:20px;box-shadow:0 8px 32px #3b82f61f;border:1px solid #e2e8f0;padding:32px;margin-bottom:32px;position:relative;overflow:hidden}.reports-notification-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8,#1e40af)}.reports-notification-detail-title{font-size:32px;font-weight:800;color:#1e293b;margin:24px 0 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.reports-notification-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:24px 0}.reports-notification-detail-meta-item{display:flex;align-items:center;gap:12px;color:#1e293b;font-size:14px;font-weight:600;padding:16px 20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;border:1px solid #bfdbfe;transition:all .3s ease}.reports-notification-detail-meta-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626;border-color:#93c5fd}.reports-notification-icon{color:#3b82f6;font-size:18px;min-width:18px}.reports-notification-message{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:24px;margin:24px 0;border:1px solid #bae6fd;position:relative;overflow:hidden}.reports-notification-message:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#0284c7)}.reports-notification-message h3{color:#0f172a;margin-bottom:16px;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.reports-notification-message-content{color:#334155;line-height:1.7;margin:0;font-size:15px;font-weight:500}.reports-notification-detail-header-actions{margin-top:32px;background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #3b82f614}.reports-notification-filter-label{display:flex;align-items:center;gap:10px;color:#475569;font-size:16px;font-weight:600;margin-bottom:16px}.reports-notification-summary{display:flex;flex-wrap:wrap;gap:16px}.reports-notification-summary-item{display:flex;align-items:center}.reports-notification-summary-stat{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.reports-notification-summary-stat.reports-notification-accepted{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac}.reports-notification-summary-stat.reports-notification-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fbbf24}.reports-notification-summary-stat.reports-notification-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#f87171}.reports-notification-summary-stat.reports-notification-clear-filter{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.reports-notification-summary-stat.reports-notification-not-applicable{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;border-color:#e2e8f0}.reports-notification-summary-stat:hover,.reports-notification-summary-stat.active{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:currentColor}.reports-notification-summary-stat.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff3;pointer-events:none}.reports-notification-detail-content{margin-top:32px}.reports-notification-recipient-list-title{display:flex;align-items:center;gap:12px;color:#1e293b;font-size:24px;font-weight:700;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #3b82f614}.reports-notification-table-container{overflow-x:auto;border-radius:16px;box-shadow:0 8px 32px #3b82f61f;border:1px solid #e2e8f0;background:#fff}.reports-notification-table{width:100%;border-collapse:collapse;background:#fff;min-width:800px}.reports-notification-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;position:relative}.reports-notification-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1d4ed8,#1e40af)}.reports-notification-table th,.reports-notification-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #f1f5f9}.reports-notification-table th{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#1c1a1a;text-shadow:0 1px 2px rgba(0,0,0,.1)}.reports-notification-table-row{transition:all .3s ease;border-bottom:1px solid #f1f5f9}.reports-notification-table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f614}.reports-notification-table-stt{width:80px;text-align:center;font-weight:700;color:#3b82f6;font-size:16px}.reports-notification-table-receiver{min-width:220px}.reports-notification-receiver-info{display:flex;align-items:center;gap:12px}.reports-notification-table-icon{color:#3b82f6;font-size:16px;min-width:16px}.reports-notification-receiver-name{font-weight:600;color:#1e293b;font-size:15px}.reports-notification-table-student{min-width:200px;color:#475569;font-weight:500;font-size:15px}.reports-notification-table-student-id{min-width:140px}.reports-notification-student-id-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #bfdbfe;display:inline-block}.reports-notification-table-status{min-width:170px}.reports-notification-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid;position:relative;overflow:hidden}.reports-notification-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.reports-notification-status-badge:hover:before{left:100%}.reports-notification-status-badge.reports-notification-accepted{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac}.reports-notification-status-badge.reports-notification-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fbbf24}.reports-notification-status-badge.reports-notification-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#f87171}.reports-notification-status-badge.reports-notification-not-applicable{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.reports-notification-status-badge.reports-notification-unknown{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fbbf24}.reports-notification-table-date{min-width:180px}.reports-notification-response-date{color:#475569;font-size:13px;font-weight:500;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:4px 8px;border-radius:6px;border:1px solid #cbd5e1}.reports-notification-no-response{color:#94a3b8;font-style:italic;font-size:13px;font-weight:500}.reports-notification-no-recipients{text-align:center;padding:60px 40px;color:#64748b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;margin-top:32px;border:2px dashed #cbd5e1}.reports-notification-no-recipients h3{color:#475569;font-size:18px;font-weight:600;margin-bottom:8px}.reports-notification-no-recipients p{color:#64748b;font-size:14px;margin:0}@media (max-width: 1024px){.reports-notification-detail{padding:16px}.reports-notification-detail-header{padding:24px}.reports-notification-detail-meta{grid-template-columns:1fr;gap:12px}.reports-notification-summary{flex-direction:column;gap:12px}.reports-notification-table-container{font-size:14px}.reports-notification-table th,.reports-notification-table td{padding:12px 16px}}@media (max-width: 768px){.reports-notification-detail{padding:12px}.reports-notification-detail-header{padding:20px}.reports-notification-detail-title{font-size:24px}.reports-notification-detail-header-actions{padding:20px}.reports-notification-recipient-list-title{font-size:20px;padding:16px 20px}.reports-notification-table th,.reports-notification-table td{padding:10px 12px}.reports-notification-table-container{font-size:13px}.reports-notification-table{min-width:600px}}@media (max-width: 480px){.reports-notification-detail-title{font-size:20px}.reports-notification-message,.reports-notification-detail-header-actions{padding:16px}.reports-notification-recipient-list-title{font-size:18px;padding:12px 16px}.reports-notification-table th,.reports-notification-table td{padding:8px 10px}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.reports-notification-detail-header{animation:fadeInUp .6s ease-out}.reports-notification-detail-header-actions{animation:fadeInUp .8s ease-out}.reports-notification-detail-content{animation:fadeInUp 1s ease-out}.reports-notification-table-row{animation:slideInRight .5s ease-out}.reports-notification-table-row:nth-child(2n){animation-delay:.1s}.reports-notification-table-row:nth-child(odd){animation-delay:.05s}.reports-notification-loading{display:flex;align-items:center;justify-content:center;padding:60px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #3b82f614}.reports-notification-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.reports-notification-table-container::-webkit-scrollbar{height:8px}.reports-notification-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.reports-notification-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px}.reports-notification-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.reports-student-list-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reports-student-list-container.theme-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.reports-student-list-container.theme-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.reports-student-list-container.theme-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.reports-student-list-container.theme-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.reports-student-list-container.theme-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.reports-student-list-header-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;position:relative;overflow:hidden}.reports-student-list-header-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.theme-blue .reports-student-list-header-section:before{background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.theme-green .reports-student-list-header-section:before{background:linear-gradient(90deg,#10b981,#059669,#047857)}.theme-purple .reports-student-list-header-section:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed,#6d28d9)}.theme-orange .reports-student-list-header-section:before{background:linear-gradient(90deg,#f59e0b,#d97706,#b45309)}.theme-teal .reports-student-list-header-section:before{background:linear-gradient(90deg,#14b8a6,#0d9488,#0f766e)}.reports-student-header-content{display:flex;flex-direction:column;gap:12px}.reports-student-list-title{font-size:32px;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-blue .reports-student-list-title{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-green .reports-student-list-title{background:linear-gradient(135deg,#10b981,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-purple .reports-student-list-title{background:linear-gradient(135deg,#8b5cf6,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-orange .reports-student-list-title{background:linear-gradient(135deg,#f59e0b,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-teal .reports-student-list-title{background:linear-gradient(135deg,#14b8a6,#0f766e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports-student-list-subtitle{color:#64748b;font-size:16px;font-weight:500;margin:0}.reports-student-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.reports-student-stat-item{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.reports-student-stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.reports-student-stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #3b82f626;border-color:#bfdbfe}.reports-student-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#007bff;color:#fff;font-size:20px}.reports-student-stat-content{flex:1}.reports-student-stat-number{font-size:24px;font-weight:700;color:#2c3e50}.reports-student-stat-label{color:#6c757d;font-size:14px}.reports-student-list-controls-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.reports-student-list-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.reports-student-search-section{flex:1}.reports-student-search{position:relative;max-width:400px}.reports-student-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d}.reports-student-search input{width:100%;padding:10px 12px 10px 40px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;outline:none;transition:border-color .3s ease}.reports-student-search input:focus{border-color:#007bff}.reports-student-count{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:14px;font-weight:500}.reports-student-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.reports-student-table-container{overflow-x:auto}.reports-student-table{width:100%;border-collapse:collapse;background:#fff;min-width:800px}.reports-student-table thead{background:#007bff;color:#fff}.reports-student-table th,.reports-student-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e9ecef}.reports-student-table th{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.reports-student-table-row:hover{background:#f8f9fa}.reports-student-table-stt{width:60px;text-align:center;font-weight:600;color:#6c757d}.reports-student-table-id{min-width:120px}.reports-student-id-badge{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.reports-student-table-name{min-width:200px}.reports-student-name-info{display:flex;align-items:center;gap:8px}.reports-student-table-icon{color:#007bff;font-size:14px}.reports-student-name{font-weight:500;color:#2c3e50}.reports-student-table-class{min-width:120px}.reports-student-class-badge{background:#d4edda;color:#155724;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.reports-student-table-grade{min-width:100px}.reports-student-grade-badge{background:#fff3cd;color:#856404;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.reports-student-table-gender{min-width:100px}.reports-student-gender-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.reports-student-gender-badge.male{background:#cce5ff;color:#0056b3}.reports-student-gender-badge.female{background:#fce4ec;color:#c2185b}.reports-student-table-actions{min-width:120px}.reports-student-action-buttons{display:flex;gap:8px}.reports-student-action-btn{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:14px}.reports-student-view-btn{background:#007bff;color:#fff}.reports-student-view-btn:hover{background:#0056b3}.reports-student-edit-btn{background:#28a745;color:#fff}.reports-student-edit-btn:hover{background:#1e7e34}.reports-student-delete-btn{background:#dc3545;color:#fff}.reports-student-delete-btn:hover{background:#c82333}.reports-student-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.reports-student-loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:reports-student-spin 1s linear infinite}@keyframes reports-student-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reports-student-loading-text{font-size:18px;font-weight:600;color:#2c3e50;margin-top:16px}.reports-student-loading-subtext{font-size:14px;color:#6c757d;margin-top:8px}.reports-student-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.reports-student-list-empty i{font-size:48px;color:#6c757d;margin-bottom:16px}.reports-student-list-empty h3{font-size:20px;color:#2c3e50;margin-bottom:8px}.reports-student-list-empty p{color:#6c757d;margin:0}@media (max-width: 1024px){.reports-student-stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reports-student-list-controls{flex-direction:column;gap:16px}.reports-student-search{max-width:100%}}@media (max-width: 768px){.reports-student-list-container,.reports-student-list-header-section{padding:16px}.reports-student-list-title{font-size:24px}.reports-student-stats-section{grid-template-columns:1fr}.reports-student-table th,.reports-student-table td{padding:8px 12px}.reports-student-table-container{font-size:14px}}.student-list-header-section{background:#f8fafc;padding:16px 24px;border-bottom:1px solid #e2e8f0}.header-content-enhanced{display:flex;align-items:center;gap:16px}.student-list-title-enhanced{font-size:1.5rem;font-weight:600;font-family:var(--font-heading);color:#0ea5e9;margin:0;letter-spacing:-.025em}.student-list-subtitle-enhanced{font-size:.875rem;color:#64748b;margin:0;font-weight:400}.student-stats-section{padding:24px;display:flex;flex-direction:column;gap:16px}.stat-item{display:flex;align-items:center;border-left:4px solid #3b82f6;padding:16px 0 16px 20px;background:#fff;position:relative}.stat-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#f1f5f9}.stat-item:last-child:after{display:none}.stat-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#64748b;margin-right:16px;font-size:1.125rem;flex-shrink:0}.stat-number{font-size:2rem;font-weight:700;font-family:var(--font-heading);color:#1e293b;line-height:1;margin-bottom:4px}.stat-label{font-size:.875rem;color:#64748b;font-weight:400;line-height:1.4}.student-list-controls-section{padding:16px 24px;background:#fff;border-bottom:1px solid #f1f5f9}.student-list-controls-enhanced{display:flex;justify-content:space-between;align-items:center;gap:16px}.search-section-enhanced{flex:1;max-width:300px}.student-search-enhanced{position:relative}.student-search-enhanced input{width:100%;padding:8px 12px 8px 32px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;transition:border-color .2s ease;font-weight:400}.student-search-enhanced input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.student-search-enhanced input::placeholder{color:#9ca3af}.student-search-enhanced i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.8rem;pointer-events:none}.stats-section-enhanced{display:flex;align-items:center}.student-count-enhanced{background:#f8fafc;color:#374151;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;border:1px solid #e2e8f0;display:flex;align-items:center;gap:6px}.student-list-section{padding:0 24px 24px}.student-list-items{display:flex;flex-direction:column;gap:12px}.student-list-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease;cursor:pointer}.student-list-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.student-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.student-name{font-size:1rem;font-weight:600;font-family:var(--font-heading);color:#1e293b}.student-id-badge{background:#f1f5f9;color:#64748b;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.student-item-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.student-detail-row{display:flex;align-items:center;gap:8px;padding:4px 0}.student-detail-row i{width:14px;color:#6b7280;font-size:.75rem;text-align:center;flex-shrink:0}.student-detail-text{font-size:.875rem;color:#475569;font-weight:400}.student-item-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.875rem}.view-btn{background:#f0f9ff;color:#0ea5e9;border:1px solid #e0f2fe}.view-btn:hover{background:#e0f2fe;color:#0284c7}.edit-btn{background:#fefce8;color:#ca8a04;border:1px solid #fef3c7}.edit-btn:hover{background:#fef3c7;color:#a16207}.delete-btn{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.delete-btn:hover{background:#fecaca;color:#dc2626}.student-list-loading-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;padding:32px;background:#fff}.student-loading-spinner-enhanced{width:32px;height:32px;border:2px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.loading-text-enhanced{font-size:.875rem;color:#6b7280;font-weight:500;margin-bottom:2px}.loading-subtext{font-size:.75rem;color:#9ca3af}.student-list-empty-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;text-align:center;padding:32px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;margin:20px 24px}.student-list-empty-enhanced i{font-size:2rem;color:#cbd5e1;margin-bottom:12px}.student-list-empty-enhanced h3{font-size:1rem;font-weight:600;font-family:var(--font-heading);color:#64748b;margin:0 0 6px}.student-list-empty-enhanced p{margin:0;font-size:.875rem;color:#64748b;line-height:1.4}@media (max-width: 768px){.student-list-header-section{padding:12px 16px}.header-content-enhanced{flex-direction:column;align-items:flex-start;gap:8px}.student-list-title-enhanced{font-size:1.25rem}.student-stats-section{padding:16px;gap:12px}.stat-item{padding:12px 0 12px 16px}.stat-number{font-size:1.75rem}.student-list-controls-section{padding:12px 16px}.student-list-controls-enhanced{flex-direction:column;gap:12px;align-items:stretch}.search-section-enhanced{max-width:none}.stats-section-enhanced{justify-content:center}.student-list-section{padding:0 16px 16px}.student-list-items{gap:8px}.student-list-item{padding:12px}.student-item-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px}.student-item-details{gap:4px;margin-bottom:8px}.student-item-actions{justify-content:center}}@media (max-width: 480px){.student-list-header-section{padding:12px}.student-list-title-enhanced{font-size:1.125rem}.student-list-subtitle-enhanced{font-size:.75rem}.student-stats-section{padding:12px;gap:8px}.stat-item{padding:8px 0 8px 12px}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.student-list-controls-section{padding:12px}.student-search-enhanced input{padding:6px 10px 6px 28px;font-size:.8rem}.student-search-enhanced i{left:8px;font-size:.75rem}.student-list-section{padding:0 12px 12px}.student-list-item{padding:10px}.student-name{font-size:.875rem}.student-id-badge{font-size:.7rem;padding:2px 6px}.student-detail-text{font-size:.75rem}.action-btn{width:28px;height:28px;font-size:.75rem}}.admin-results-count{font-size:.875rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:8px}.reports-student-detail-page{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reports-student-detail-page.theme-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.reports-student-detail-page.theme-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.reports-student-detail-page.theme-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.reports-student-detail-page.theme-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.reports-student-detail-page.theme-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.reports-student-detail-page>.reports-back-button-container{margin-bottom:24px}.reports-student-detail-page-header{text-align:center;margin-bottom:32px;padding:32px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;position:relative;overflow:hidden}.reports-student-detail-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.reports-student-detail-page-header h1{font-size:32px;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports-student-detail-content{display:grid;grid-template-columns:350px 1fr;gap:32px}.left-column{display:flex;flex-direction:column;align-items:center;gap:24px}.reports-student-detail-left-column{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;position:relative;overflow:hidden}.reports-student-detail-left-column:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669)}.reports-student-detail-photo{width:220px;height:220px;border:3px solid #e2e8f0;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 8px 25px #3b82f626;position:relative}.reports-student-detail-photo:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border-radius:16px;z-index:-1}.reports-student-detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;max-width:none;max-height:none;border-radius:13px}.reports-student-detail-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;text-align:center}.reports-student-detail-photo-placeholder p{margin:8px 0 0;font-size:14px;color:#64748b;font-weight:500}.reports-student-detail-basic-info{width:100%;text-align:center}.reports-student-detail-basic-info h2{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 20px;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports-student-detail-info-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;margin:8px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;font-size:14px;font-weight:500;color:#1e293b;border:1px solid #e2e8f0;transition:all .2s ease}.reports-student-detail-info-item:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;transform:translateY(-1px)}.reports-student-detail-info-item svg{width:16px;height:16px;color:#3b82f6}.reports-student-detail-right-column{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;position:relative;overflow:hidden}.reports-student-detail-right-column:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.reports-student-detail-right-column h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports-student-detail-detail-info{display:flex;flex-direction:column;gap:16px}.reports-student-detail-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.reports-student-detail-info-row:last-child{border-bottom:none}.reports-student-detail-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#6b7280;font-weight:500}.reports-student-detail-label svg{width:16px;height:16px;color:#9ca3af}.reports-student-detail-value{font-size:.875rem;color:#111827;font-weight:500}@media (max-width: 768px){.reports-student-detail-page{padding:16px}.reports-student-detail-content{grid-template-columns:1fr;gap:30px}.reports-student-detail-left-column{align-items:center}.reports-student-detail-photo{width:160px;height:160px}.reports-student-detail-page-header h1{font-size:1.5rem}}@media (max-width: 480px){.reports-student-detail-page{padding:12px}.reports-student-detail-photo{width:140px;height:140px}.reports-student-detail-page-header h1{font-size:1.25rem}.reports-student-detail-basic-info h2{font-size:1.125rem}}.reports-student-gender-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:500;text-align:center;min-width:60px;transition:all .2s ease}.reports-student-gender-badge.male{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.reports-student-gender-badge.female{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d;border:1px solid #f9a8d4}.reports-student-gender-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.admin-medication-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:overlayFadeIn .4s ease-out;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.admin-medication-modal{background:#fff;border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px #3b82f640,0 15px 40px #00000026;animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;flex-direction:column;border:1px solid rgba(59,130,246,.1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-40px) scale(.85) rotateX(10deg)}50%{opacity:.8;transform:translateY(-10px) scale(1.02) rotateX(0)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.admin-medication-modal-header h2{color:#fff}.admin-medication-modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);padding:32px 40px;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.theme-blue .admin-medication-modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8)}.theme-green .admin-medication-modal-header{background:linear-gradient(135deg,#10b981,#059669,#047857)}.theme-purple .admin-medication-modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9)}.theme-orange .admin-medication-modal-header{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)}.theme-teal .admin-medication-modal-header{background:linear-gradient(135deg,#14b8a6,#0d9488,#0f766e)}.admin-medication-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:shimmer 3s infinite;pointer-events:none}.admin-medication-modal-title{display:flex;align-items:center;gap:15px;position:relative;z-index:1;text-align:center}.admin-medication-modal-title i{font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.admin-medication-modal-title h2{margin:0;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);text-align:center}.admin-medication-close-button{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;right:35px;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-medication-close-button:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 15px #0003}.admin-medication-modal-body{padding:0;flex:1;overflow-y:auto;max-height:calc(85vh - 160px)}.admin-medication-modal-body::-webkit-scrollbar{width:6px}.admin-medication-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.admin-medication-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-medication-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-medication-info-section{padding:25px 30px;border-bottom:1px solid #e2e8f0}.admin-medication-info-section:last-child{border-bottom:none}.admin-medication-info-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.admin-medication-info-section h3 i{color:#4f46e5;font-size:20px}.admin-medication-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-medication-info-item{display:flex;flex-direction:column;gap:6px}.admin-medication-info-item label{font-size:14px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.admin-medication-info-item span{font-size:16px;font-weight:600;color:#1e293b}.admin-medication-id-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 12px #3b82f64d}.admin-medication-name{font-size:18px!important;font-weight:700!important;color:#1e293b!important;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-medication-type{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;padding:6px 14px;border-radius:16px;font-size:14px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #10b9814d}.admin-medication-dosage-form{background:#f3f4f6;color:#374151;padding:6px 12px;border-radius:12px;font-size:14px;font-weight:500;border:1px solid #d1d5db}.admin-medication-stock-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:25px;border:1px solid #e2e8f0}.admin-medication-stock-item{display:flex;align-items:center;gap:15px;background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.admin-medication-stock-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-size:24px}.admin-medication-stock-icon i.fa-check-circle{color:#10b981}.admin-medication-stock-icon i.fa-exclamation-triangle{color:#f59e0b}.admin-medication-stock-icon i.fa-times-circle{color:#ef4444}.admin-medication-stock-details{display:flex;flex-direction:column;gap:5px}.admin-medication-stock-quantity{font-size:20px!important;font-weight:700!important;color:#1f2937!important}.admin-medication-stock-status{font-size:14px!important;font-weight:600!important;padding:4px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.admin-medication-stock-status.in-stock{background:#dcfce7;color:#166534!important}.admin-medication-stock-status.low-stock{background:#fef3c7;color:#92400e!important}.admin-medication-stock-status.out-of-stock{background:#fee2e2;color:#991b1b!important}.admin-medication-date-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.admin-medication-date-item{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.admin-medication-date-item label{font-size:14px!important;font-weight:600!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:8px;display:block}.admin-medication-date-item span{font-size:16px!important;font-weight:600!important;color:#1f2937!important}.admin-medication-expiry-info{display:flex;flex-direction:column;gap:8px}.admin-medication-expiry-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:14px!important;font-weight:600!important}.admin-medication-expiry-status.expiry-good{background:#dcfce7;color:#166534!important}.admin-medication-expiry-status.expiring-warning{background:#dbeafe;color:#1e40af!important}.admin-medication-expiry-status.expiring-soon{background:#fef3c7;color:#92400e!important}.admin-medication-expiry-status.expired{background:#fee2e2;color:#991b1b!important}.admin-medication-expiry-status small{font-size:12px;opacity:.8}.admin-medication-description{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.admin-medication-description p{margin:0;line-height:1.6;color:#374151;font-size:15px}.admin-medication-alerts{background:#fffbeb;border-left:4px solid #f59e0b}.admin-medication-alert-list{display:flex;flex-direction:column;gap:12px}.admin-medication-alert-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.admin-medication-alert-item.admin-medication-danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.admin-medication-alert-item.admin-medication-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.admin-medication-alert-item.admin-medication-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.admin-medication-alert-item i{font-size:16px}.admin-medication-modal-footer{padding:20px 30px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.admin-medication-btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-medication-btn-secondary:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}@media (max-width: 768px){.admin-medication-modal{margin:10px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:16px}.admin-medication-modal-header{padding:20px 25px;flex-direction:column;text-align:center}.admin-medication-close-button{position:static;margin-top:10px}.admin-medication-modal-title h2{font-size:22px}.admin-medication-info-grid,.admin-medication-date-grid{grid-template-columns:1fr;gap:15px}.admin-medication-info-section{padding:20px 25px}.admin-medication-modal-body{max-height:calc(100vh - 180px)}}@media (max-width: 480px){.admin-medication-modal{margin:5px;max-width:calc(100vw - 10px);max-height:calc(100vh - 10px);border-radius:12px}.admin-medication-modal-header{padding:15px 20px;flex-direction:column;text-align:center}.admin-medication-close-button{position:static;margin-top:8px}.admin-medication-modal-title h2{font-size:18px}.admin-medication-info-section{padding:15px 20px}.admin-medication-stock-info,.admin-medication-alerts{padding:15px}}.reports-medication-list-container{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reports-medication-list-container.theme-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.reports-medication-list-container.theme-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.reports-medication-list-container.theme-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.reports-medication-list-container.theme-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.reports-medication-list-container.theme-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.reports-medication-loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;color:#64748b;gap:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;padding:40px}.reports-medication-loading-spinner{width:48px;height:48px;border:4px solid #f1f5f9;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.reports-medication-loading-section p{font-size:16px;font-weight:500;margin:0}.reports-medication-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 20px #3b82f614;position:relative;overflow:hidden}.reports-medication-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.reports-medication-header-actions{display:flex;align-items:center;gap:15px;margin-bottom:15px}.reports-medication-back-button{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #64748b4d}.reports-medication-back-button:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px);box-shadow:0 8px 20px #64748b66}.reports-medication-title{margin:0;color:#1e293b;font-size:32px;font-weight:700;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports-medication-subtitle{margin:8px 0 0;color:#64748b;font-size:16px;font-weight:500}.reports-medication-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.reports-medication-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;box-shadow:0 4px 20px #3b82f614;position:relative;overflow:hidden}.reports-medication-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.reports-medication-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #3b82f626;border-color:#bfdbfe}.reports-medication-stat-card.reports-medication-total:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.reports-medication-stat-card.reports-medication-low-stock:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.reports-medication-stat-card.reports-medication-near-expiry:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.reports-medication-stat-card.reports-medication-categories:before{background:linear-gradient(90deg,#10b981,#059669)}.reports-medication-stat-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.reports-medication-total .reports-medication-stat-icon{background:#007bff}.reports-medication-low-stock .reports-medication-stat-icon{background:#ffc107}.reports-medication-near-expiry .reports-medication-stat-icon{background:#dc3545}.reports-medication-categories .reports-medication-stat-icon{background:#28a745}.reports-medication-stat-content h3{margin:0 0 5px;font-size:24px;font-weight:700;color:#333}.reports-medication-stat-content p{margin:0;color:#666;font-size:14px}.reports-medication-filters{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #00000014}.reports-medication-filter-group{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;align-items:end}.reports-medication-search-box{position:relative}.reports-medication-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.reports-medication-search-box input{width:100%;padding:10px 15px 10px 35px;border:1px solid #ddd;border-radius:4px;font-size:14px}.reports-medication-search-box input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.reports-medication-filter-select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.reports-medication-filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.reports-medication-results-count{margin-top:15px;padding-top:15px;border-top:1px solid #eee;color:#666;font-size:14px;text-align:center}.reports-medication-error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.reports-medication-error-message button{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px}.reports-medication-error-message button:hover{background:#c82333}.reports-medication-table-container{background:#fff;border:1px solid #ddd;border-radius:8px;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 8px #00000014}.reports-medication-table{width:100%;min-width:1000px;border-collapse:collapse;font-size:14px}.reports-medication-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.reports-medication-table th{padding:15px 12px;text-align:left;font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.reports-medication-table-row{border-bottom:1px solid #eee;transition:background-color .3s ease}.reports-medication-table-row:hover{background:#f8f9fa}.reports-medication-table td{padding:15px 12px;vertical-align:middle}.reports-medication-table-stt{font-weight:600;color:#666;width:60px;text-align:center}.reports-medication-table-name{min-width:250px}.reports-medication-name-info{display:flex;flex-direction:column;gap:4px}.reports-medication-item-name{font-weight:600;color:#333;font-size:15px;margin:0}.reports-medication-item-description{color:#666;font-size:13px;line-height:1.3}.reports-medication-table-type{min-width:120px}.reports-medication-type-badge{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.reports-medication-table-stock{min-width:100px;text-align:center}.reports-medication-stock-info{display:flex;flex-direction:column;align-items:center;gap:4px}.reports-medication-stock-quantity{font-weight:700;font-size:16px;color:#333}.reports-medication-stock-status{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.reports-medication-stock-status.in-stock{background:#d4edda;color:#155724}.reports-medication-stock-status.low-stock{background:#fff3cd;color:#856404}.reports-medication-stock-status.out-of-stock{background:#f8d7da;color:#721c24}.reports-medication-table-expiry{min-width:120px;text-align:center}.reports-medication-expiry-info{display:flex;flex-direction:column;align-items:center;gap:4px}.reports-medication-expiry-date{font-weight:600;font-size:13px;color:#333}.reports-medication-expiry-status{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.reports-medication-expiry-status.good{background:#d4edda;color:#155724}.reports-medication-expiry-status.warning{background:#fff3cd;color:#856404}.reports-medication-expiry-status.expired{background:#f8d7da;color:#721c24}.reports-medication-table-actions{width:80px;text-align:center}.reports-medication-action-button{background:#007bff;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.reports-medication-action-button:hover{background:#0056b3;transform:scale(1.1)}.reports-medication-no-data{background:#fff;border:1px solid #ddd;border-radius:8px;padding:40px 20px;text-align:center;color:#666;box-shadow:0 2px 8px #00000014}.reports-medication-no-data i{font-size:48px;color:#ccc;margin-bottom:15px}.reports-medication-no-data h3{margin:0 0 10px;color:#333;font-size:20px}.reports-medication-no-data p{margin:0;font-size:14px;line-height:1.5}@media (max-width: 1024px){.reports-medication-filter-group{grid-template-columns:1fr;gap:12px}.reports-medication-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.reports-medication-list-container{padding:15px}.reports-medication-header{padding:20px}.reports-medication-header-actions{flex-direction:column;align-items:flex-start;gap:10px}.reports-medication-title{font-size:24px}.reports-medication-stats{grid-template-columns:1fr}.reports-medication-table-container{overflow-x:auto}.reports-medication-table{min-width:700px}.reports-medication-table th,.reports-medication-table td{padding:10px 8px}}@media (max-width: 480px){.reports-medication-header{padding:15px}.reports-medication-title{font-size:20px}.reports-medication-subtitle{font-size:14px}.reports-medication-stat-card{padding:15px}.reports-medication-stat-content h3{font-size:20px}.reports-medication-filters{padding:15px}.reports-medication-no-data{padding:30px 15px}.reports-medication-no-data h3{font-size:18px}}.reports-medication-status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:80px;transition:all .3s ease}.reports-medication-in-stock{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.reports-medication-low-stock{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7}.reports-medication-out-of-stock{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.reports-medication-good{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;border:1px solid #bee5eb}.reports-medication-warning{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#b8860b;border:1px solid #fdcb6e}.reports-medication-expired{background:linear-gradient(135deg,#fab1a0,#e17055);color:#8b0000;border:1px solid #e17055}.reports-medication-status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.reports-medication-table-stock-status,.reports-medication-table-expiry-status{text-align:center;min-width:120px;padding:12px 8px}.reports-medication-table-stock-status .reports-medication-status-badge,.reports-medication-table-expiry-status .reports-medication-status-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.admin-vaccine-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:fadeIn .3s ease-out}.admin-vaccine-modal-container{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px #3b82f640;border:1px solid rgba(59,130,246,.1);display:flex;flex-direction:column;animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.85) translateY(-40px) rotateX(10deg)}50%{opacity:.8;transform:scale(1.02) translateY(-10px) rotateX(0)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}.admin-vaccine-modal-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.admin-vaccine-modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);padding:32px 40px;color:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.theme-blue .admin-vaccine-modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8)}.theme-green .admin-vaccine-modal-header{background:linear-gradient(135deg,#10b981,#059669,#047857)}.theme-purple .admin-vaccine-modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9)}.theme-orange .admin-vaccine-modal-header{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)}.theme-teal .admin-vaccine-modal-header{background:linear-gradient(135deg,#14b8a6,#0d9488,#0f766e)}.admin-vaccine-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.admin-vaccine-modal-title{display:flex;align-items:center;gap:15px;position:relative;z-index:1;text-align:center}.admin-vaccine-modal-title i{font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.admin-vaccine-modal-title h2{margin:0;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);text-align:center}.admin-vaccine-modal-close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;position:absolute;right:35px;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-vaccine-modal-close-btn:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 15px #0003}.admin-vaccine-modal-body{flex:1;overflow-y:auto;padding:0;max-height:calc(85vh - 160px)}.admin-vaccine-info-section{margin-bottom:0;background:#fff;border-radius:0;padding:25px 30px;border:none;border-bottom:1px solid #e2e8f0}.admin-vaccine-info-section:last-child{border-bottom:none}.admin-vaccine-info-section h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.admin-vaccine-info-section h3 i{color:#4a90e2}.admin-vaccine-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-vaccine-info-item{display:flex;flex-direction:column;gap:8px}.admin-vaccine-info-item.admin-vaccine-full-width{grid-column:1 / -1}.admin-vaccine-info-item label{font-weight:600;color:#495057;font-size:14px}.admin-vaccine-name-display{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;padding:20px;border-radius:10px;border:1px solid #e2e8f0}.admin-vaccine-name-display strong{font-size:20px;color:#2c3e50;font-weight:700}.admin-status-indicator{padding:8px 15px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-status-indicator.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-status-indicator.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-vaccine-description-box{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #4a90e2;font-style:italic;color:#495057;line-height:1.6;min-height:60px;display:flex;align-items:center}.admin-age-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.admin-age-group-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.admin-age-group-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;border-color:#4a90e2}.admin-age-group-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4a90e2,#357abd)}.admin-age-group-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.admin-age-group-icon{width:40px;height:40px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.admin-age-group-title{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.admin-age-range{font-size:14px;color:#6c757d;margin:0}.admin-dosage-info{background:#fff;padding:15px;border-radius:8px;border:1px solid #e9ecef;margin-top:15px}.admin-dosage-label{font-size:12px;font-weight:600;text-transform:uppercase;color:#6c757d;margin-bottom:8px;letter-spacing:.5px}.admin-dosage-value{font-size:16px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.admin-dosage-unit{font-size:12px;color:#6c757d;font-weight:400}.admin-manufacturer-card{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74;border-radius:12px;padding:25px;position:relative;overflow:hidden}.admin-manufacturer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f97316,#ea580c)}.admin-manufacturer-name{font-size:20px;font-weight:700;color:#9a3412;margin-bottom:10px;display:flex;align-items:center;gap:10px}.admin-manufacturer-name i{color:#f97316}.admin-manufacturer-country{background:#ffffffb3;padding:8px 15px;border-radius:20px;font-size:14px;font-weight:600;color:#9a3412;display:inline-block;border:1px solid rgba(154,52,18,.2)}.admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.admin-detail-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease;position:relative}.admin-detail-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;border-color:#4a90e2}.admin-detail-icon{width:50px;height:50px;background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:#0277bd;font-size:20px}.admin-detail-label{font-size:12px;font-weight:600;text-transform:uppercase;color:#6c757d;margin-bottom:8px;letter-spacing:.5px}.admin-detail-value{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.admin-storage-requirements{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;padding:25px;position:relative}.admin-storage-requirements:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#0284c7)}.admin-storage-title{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:600;color:#0c4a6e}.admin-storage-title i{color:#0ea5e9}.admin-storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.admin-storage-item{background:#fffc;padding:15px;border-radius:8px;text-align:center;border:1px solid rgba(14,165,233,.2)}.admin-storage-item i{font-size:24px;color:#0ea5e9;margin-bottom:8px;display:block}.admin-storage-item strong{display:block;font-size:16px;color:#0c4a6e;margin-bottom:5px}.admin-storage-item span{font-size:14px;color:#64748b}.admin-vaccine-dosage-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;padding:25px;position:relative;overflow:hidden}.admin-vaccine-dosage-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#0284c7)}.admin-vaccine-dosage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(14,165,233,.2)}.admin-vaccine-dosage-type{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-vaccine-total-doses{background:#fffc;color:#0c4a6e;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid rgba(14,165,233,.3)}.admin-vaccine-dosage-description{color:#0c4a6e;font-size:15px;line-height:1.6;margin-bottom:20px;font-style:italic}.admin-vaccine-dosage-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.admin-vaccine-dosage-detail-item{background:#fffc;padding:15px;border-radius:8px;display:flex;align-items:center;gap:12px;border:1px solid rgba(14,165,233,.2);transition:all .3s ease}.admin-vaccine-dosage-detail-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.admin-vaccine-dosage-detail-item i{color:#0ea5e9;font-size:18px;width:20px;text-align:center}.admin-vaccine-dosage-detail-item div{display:flex;flex-direction:column;gap:4px}.admin-vaccine-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.admin-vaccine-value{font-size:14px;font-weight:600;color:#0c4a6e}.admin-vaccine-status-info-card{border-radius:12px;padding:25px;position:relative;overflow:hidden;transition:all .3s ease}.admin-vaccine-status-info-card.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981}.admin-vaccine-status-info-card.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444}.admin-vaccine-status-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.admin-vaccine-status-info-card.active:before{background:linear-gradient(90deg,#10b981,#059669)}.admin-vaccine-status-info-card.inactive:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.admin-vaccine-status-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1)}.admin-vaccine-status-header i{font-size:24px}.admin-vaccine-status-info-card.active .admin-vaccine-status-header i{color:#059669}.admin-vaccine-status-info-card.inactive .admin-vaccine-status-header i{color:#dc2626}.admin-vaccine-status-text{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-vaccine-status-info-card.active .admin-vaccine-status-text{color:#065f46}.admin-vaccine-status-info-card.inactive .admin-vaccine-status-text{color:#991b1b}.admin-vaccine-status-description{font-size:15px;line-height:1.6;margin:0}.admin-vaccine-status-info-card.active .admin-vaccine-status-description{color:#047857}.admin-vaccine-status-info-card.inactive .admin-vaccine-status-description{color:#b91c1c}.admin-vaccine-additional-info{display:grid;gap:15px}.admin-vaccine-info-row{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.admin-vaccine-info-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:#3b82f6}.admin-vaccine-info-row .admin-vaccine-label{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.admin-vaccine-info-row .admin-vaccine-value{font-size:15px;font-weight:600;color:#1e293b}.admin-vaccine-value.admin-vaccine-status-active{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:4px 12px;border-radius:15px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.admin-vaccine-value.admin-vaccine-status-inactive{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);padding:4px 12px;border-radius:15px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.admin-vaccine-modal-footer{padding:25px 30px;border-top:1px solid #e9ecef;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:space-between;align-items:center;gap:15px;border-radius:0 0 16px 16px;position:relative;margin-top:30px}.admin-vaccine-modal-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e9ecef,transparent)}.admin-vaccine-modal-info{display:flex;align-items:center;gap:10px;color:#64748b;font-size:14px}.admin-vaccine-modal-info i{color:#3b82f6}.admin-vaccine-modal-actions{display:flex;gap:12px}.admin-vaccine-modal-footer-close-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #64748b4d}.admin-vaccine-modal-footer-close-btn:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px);box-shadow:0 4px 15px #64748b66}.admin-vaccine-modal-footer-close-btn:active{transform:translateY(0)}.admin-vaccine-modal-print-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #3b82f64d}.admin-vaccine-modal-print-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.admin-vaccine-modal-print-btn:active{transform:translateY(0)}@media (max-width: 768px){.admin-vaccine-modal-container{margin:10px;max-height:calc(100vh - 20px)}.admin-vaccine-modal-content{border-radius:12px}.admin-vaccine-modal-header{padding:20px}.admin-vaccine-modal-title h2{font-size:20px}.admin-vaccine-modal-body{padding:20px;max-height:calc(100vh - 200px)}.admin-vaccine-info-section{margin-bottom:25px}.admin-vaccine-info-section h3{font-size:16px}.admin-detail-grid{grid-template-columns:1fr;gap:15px}.admin-storage-grid{grid-template-columns:repeat(2,1fr);gap:10px}.admin-manufacturer-card{padding:20px}.admin-manufacturer-name{font-size:18px}.admin-vaccine-modal-footer{flex-direction:column;gap:15px;padding:20px}.admin-vaccine-modal-info{order:2;text-align:center}.admin-vaccine-modal-actions{order:1;width:100%;justify-content:center}.admin-vaccine-modal-footer-close-btn,.admin-vaccine-modal-print-btn{flex:1;justify-content:center}}@media (max-width: 480px){.admin-vaccine-modal-container{margin:5px}.admin-vaccine-modal-header,.admin-vaccine-modal-body{padding:15px}.admin-storage-grid{grid-template-columns:1fr}.admin-vaccine-modal-footer{padding:15px}.admin-vaccine-modal-actions{flex-direction:column}}.reports-vaccine-list-container{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reports-vaccine-list-container.theme-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.reports-vaccine-list-container.theme-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.reports-vaccine-list-container.theme-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.reports-vaccine-list-container.theme-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.reports-vaccine-list-container.theme-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.reports-vaccine-loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;color:#64748b;gap:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #3b82f614;border:1px solid #e2e8f0;padding:40px}.reports-vaccine-loading-section p{font-size:16px;font-weight:500;margin:0}.reports-vaccine-header h2{color:#fff;font-size:32px;font-weight:700;margin:0}.reports-vaccine-header p{color:#ffffffe6;font-size:16px;font-weight:500;margin:8px 0 0}.reports-vaccine-header{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border-radius:16px;padding:32px;margin-bottom:32px;color:#fff;box-shadow:0 8px 30px #3b82f640;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.reports-vaccine-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>')}.reports-vaccine-header-actions{display:flex;align-items:center;gap:20px;margin-bottom:15px;position:relative;z-index:2}.reports-vaccine-back-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none;outline:none}.reports-vaccine-back-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.reports-vaccine-back-button:focus{background:#ffffff4d;box-shadow:0 0 0 3px #ffffff4d}.reports-vaccine-back-button:active{transform:translateY(0);background:#fff6}.reports-vaccine-back-button-custom{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 18px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;position:relative;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.reports-vaccine-back-button-custom:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0003;border-color:#ffffff80}.reports-vaccine-back-button-custom:focus{background:#ffffff4d;box-shadow:0 0 0 3px #ffffff4d}.reports-vaccine-back-button-custom:active{transform:translateY(0);background:#fff6}.reports-vaccine-back-button-custom i{font-size:14px;transition:transform .2s ease}.reports-vaccine-back-button-custom:hover i{transform:translate(-2px)}.reports-vaccine-header h2{margin:0;font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px}.reports-vaccine-header p{margin:0;opacity:.9;font-size:16px}.reports-vaccine-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.reports-vaccine-stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 15px #00000014;display:flex;align-items:center;gap:20px;transition:all .3s ease;border-left:4px solid #e9ecef}.reports-vaccine-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.reports-vaccine-stat-card.reports-vaccine-total{border-left-color:#4a90e2}.reports-vaccine-stat-card.reports-vaccine-active{border-left-color:#28a745}.reports-vaccine-stat-card.reports-vaccine-multi-dose{border-left-color:#ffc107}.reports-vaccine-stat-card.reports-vaccine-age-groups{border-left-color:#6f42c1}.reports-vaccine-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.reports-vaccine-total .reports-vaccine-stat-icon{background:linear-gradient(135deg,#4a90e2,#357abd)}.reports-vaccine-active .reports-vaccine-stat-icon{background:linear-gradient(135deg,#28a745,#20c997)}.reports-vaccine-multi-dose .reports-vaccine-stat-icon{background:linear-gradient(135deg,#ffc107,#fd7e14)}.reports-vaccine-age-groups .reports-vaccine-stat-icon{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.reports-vaccine-stat-content h3{margin:0 0 5px;font-size:32px;font-weight:700;color:#2c3e50}.reports-vaccine-stat-content p{margin:0;color:#6c757d;font-size:14px;font-weight:500}.reports-vaccine-filters{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 15px #00000014}.reports-vaccine-filter-group{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;align-items:end}.reports-vaccine-search-box{position:relative}.reports-vaccine-search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:16px}.reports-vaccine-search-box input{width:100%;padding:12px 15px 12px 45px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease}.reports-vaccine-search-box input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.reports-vaccine-filter-select{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s ease}.reports-vaccine-filter-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.reports-vaccine-results-count{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef;color:#6c757d;font-size:14px;font-weight:500;text-align:center}.reports-vaccine-error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:20px;border-radius:12px;margin-bottom:30px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 20px #ff6b6b4d}.reports-vaccine-error-message i{font-size:20px}.reports-vaccine-error-message span{flex:1;font-size:16px}.reports-vaccine-error-message button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease}.reports-vaccine-error-message button:hover{background:#ffffff4d}.reports-vaccine-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;overflow:hidden}.reports-vaccine-table{width:100%;border-collapse:collapse;font-size:14px}.reports-vaccine-table thead{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}.reports-vaccine-table th{padding:18px 15px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #1a252f}.reports-vaccine-table-row{transition:all .3s ease;border-bottom:1px solid #f8f9fa}.reports-vaccine-table-row:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:scale(1.01);box-shadow:0 2px 10px #0000000d}.reports-vaccine-table td{padding:18px 15px;vertical-align:middle}.reports-vaccine-table-stt{font-weight:600;color:#6c757d;width:60px;text-align:center}.reports-vaccine-table-name{min-width:300px}.reports-vaccine-name-info{display:flex;flex-direction:column;gap:5px}.reports-vaccine-item-name{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.reports-vaccine-item-description{font-size:13px;color:#6c757d;line-height:1.4}.reports-vaccine-table-age-range{min-width:120px}.reports-vaccine-age-badge{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;border:1px solid #90caf9}.reports-vaccine-table-dose-count{min-width:80px;text-align:center}.reports-vaccine-dose-badge{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#ef6c00;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;border:1px solid #ffcc02}.reports-vaccine-table-interval{min-width:100px;text-align:center;font-weight:500;color:#495057}.reports-vaccine-table-status{min-width:130px}.reports-vaccine-status-badge{padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;border:1px solid}.reports-vaccine-status-badge.reports-vaccine-active{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-color:#b8daff}.reports-vaccine-status-badge.reports-vaccine-inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-color:#f1b0b7}.reports-vaccine-table-actions{width:100px;text-align:center}.reports-vaccine-action-button{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px #4a90e24d}.reports-vaccine-action-button:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 15px #4a90e266;background:linear-gradient(135deg,#357abd,#2968a3)}.reports-vaccine-no-data{background:#fff;border-radius:12px;padding:60px 30px;text-align:center;box-shadow:0 2px 15px #00000014;color:#6c757d}.reports-vaccine-no-data i{margin-bottom:20px;color:#dee2e6}.reports-vaccine-no-data h3{margin:0 0 10px;color:#495057;font-size:24px}.reports-vaccine-no-data p{margin:0;font-size:16px;line-height:1.5}@media (max-width: 1200px){.reports-vaccine-filter-group{grid-template-columns:1fr;gap:15px}.reports-vaccine-stats{grid-template-columns:repeat(2,1fr)}}.admin-history-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,#fff,#f8fafc);padding:24px 28px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014}.admin-search-filter-group{display:flex;gap:20px;flex:1;min-width:320px}.admin-search-box{position:relative;flex:2;max-width:420px}.admin-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#3b82f6;font-size:1.1rem;z-index:1}.admin-search-box input{width:100%;padding:14px 20px 14px 44px;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .3s ease;background:#fff;color:#1e293b;font-weight:500;box-shadow:0 2px 4px #0000000d}.admin-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.admin-search-box input::placeholder{color:#9ca3af;font-weight:400}.admin-filter-dropdown{position:relative;display:flex;align-items:center;background:#fff;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease;flex:1;min-width:200px;box-shadow:0 2px 4px #0000000d}.admin-filter-dropdown:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.admin-filter-icon{position:absolute;left:16px;color:#3b82f6;font-size:1.1rem;z-index:1}.admin-filter-dropdown select{padding:14px 20px 14px 44px;border:none;border-radius:12px;background:transparent;font-size:.875rem;min-width:200px;cursor:pointer;color:#1e293b;font-weight:600}.admin-filter-dropdown select:focus{outline:none}.admin-toolbar-buttons{display:flex;gap:16px;align-items:center}.admin-results-count{font-size:.875rem;color:#64748b;font-weight:500}.admin-refresh-button{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.875rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.admin-refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.admin-refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.reports-vaccine-list-container{padding:15px}.reports-vaccine-header{padding:20px}.reports-vaccine-header-actions{flex-direction:column;align-items:flex-start;gap:15px}.reports-vaccine-header h2{font-size:24px}.reports-vaccine-stats{grid-template-columns:1fr}.reports-vaccine-stat-card,.reports-vaccine-filters{padding:20px}.reports-vaccine-table-container{overflow-x:auto}.reports-vaccine-table{min-width:800px}.reports-vaccine-table th,.reports-vaccine-table td{padding:12px 10px}.reports-vaccine-item-name{font-size:14px}.reports-vaccine-item-description{font-size:12px}}@media (max-width: 480px){.reports-vaccine-header h2{font-size:20px}.reports-vaccine-stat-content h3{font-size:24px}.reports-vaccine-stat-icon{width:50px;height:50px;font-size:20px}.reports-vaccine-no-data{padding:40px 20px}.reports-vaccine-no-data h3{font-size:20px}.reports-vaccine-no-data p{font-size:14px}}.admin-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;margin-top:0}.admin-pagination-info{font-size:.875rem;color:#64748b;font-weight:500}.admin-pagination-controls{display:flex;align-items:center;gap:8px}.admin-pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;min-width:40px;display:flex;align-items:center;justify-content:center}.admin-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#475569}.admin-pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.admin-pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}.admin-pagination-ellipsis{padding:8px 4px;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.admin-pagination{flex-direction:column;gap:16px;padding:16px}.admin-pagination-controls{flex-wrap:wrap;justify-content:center}}.reports-page{min-height:100vh;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);font-family:var(--font-body)}.reports-page *{box-sizing:border-box}.reports-page h1,.reports-page h2,.reports-page h3,.reports-page h4,.reports-page h5,.reports-page h6{margin:0;font-family:var(--font-heading)}.reports-page p{margin:0;font-family:var(--font-body)}.reports-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.reports-loading-content{text-align:center;color:#fff;background:#000000b3;padding:32px;border-radius:16px}.reports-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@media (max-width: 768px){.reports-page{padding:16px}}.notifications-manager{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;min-height:calc(100vh - 120px)}.notifications-header{display:flex;align-items:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.notifications-header .header-icon{font-size:2.5em;margin-right:20px;background:#fff3;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notifications-header .header-content h2{margin:0 0 8px;font-size:2.2em;font-weight:600}.notifications-header .header-content p{margin:0;font-size:1.1em;opacity:.9}.notification-alert{display:flex;align-items:center;padding:16px 20px;border-radius:12px;margin-bottom:20px;animation:slideDown .3s ease-out}.notification-alert.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.notification-alert.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.notification-alert .alert-icon{font-size:1.5em;margin-right:15px;flex-shrink:0}.notification-alert .alert-content h4{margin:0 0 4px;font-weight:600}.notification-alert .alert-content p{margin:0;font-size:.95em}.form-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.form-section h3{display:flex;align-items:center;margin:0 0 20px;font-size:1.3em;font-weight:600;color:#2c3e50;padding-bottom:10px;border-bottom:2px solid #f8f9fa}.form-section .section-icon{margin-right:10px;color:#667eea;font-size:1.1em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:#34495e;font-size:.95em}.form-group .label-icon{margin-right:8px;color:#667eea;font-size:.9em}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1em;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.char-count{text-align:right;color:#6c757d;font-size:.85em;margin-top:4px}.type-icon{margin-right:8px!important}.type-icon.info{color:#17a2b8}.type-icon.warning{color:#ffc107}.type-icon.urgent{color:#dc3545}.recipients-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.delivery-methods h4{margin:0 0 15px;color:#2c3e50;font-size:1em;font-weight:600}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease;background:#f8f9fa;border:1px solid #e9ecef}.checkbox-label:hover{background:#e9ecef;transform:translateY(-1px)}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #667eea;border-radius:4px;margin-right:10px;position:relative;transition:all .3s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:12px}.method-icon{margin-right:8px;color:#667eea}.scheduling-options{display:flex;gap:20px;margin-bottom:20px}.radio-label{display:flex;align-items:center;cursor:pointer;padding:12px 16px;border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease;background:#fff}.radio-label:hover{border-color:#667eea;transform:translateY(-1px)}.radio-label input[type=radio]{display:none}.radio-mark{width:20px;height:20px;border:2px solid #667eea;border-radius:50%;margin-right:10px;position:relative;transition:all .3s ease;flex-shrink:0}.radio-label input[type=radio]:checked+.radio-mark{border-color:#667eea}.radio-label input[type=radio]:checked+.radio-mark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#667eea;border-radius:50%}.schedule-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.form-actions{display:flex;justify-content:center;margin-top:30px}.submit-button{display:flex;align-items:center;justify-content:center;padding:16px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 4px 15px #667eea4d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button svg{margin-right:8px;font-size:1em}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.notifications-manager{padding:15px;margin:10px}.notifications-header{flex-direction:column;text-align:center;padding:15px}.notifications-header .header-icon{margin-right:0;margin-bottom:15px;width:60px;height:60px;font-size:2em}.form-grid,.recipients-grid,.schedule-inputs{grid-template-columns:1fr;gap:15px}.scheduling-options{flex-direction:column;gap:10px}.form-section{padding:20px 15px}.submit-button{padding:14px 30px;font-size:1em;min-width:auto;width:100%}}:root{--health-article-primary: #3b82f6;--health-article-primary-dark: #2563eb;--health-article-secondary: #10b981;--health-article-danger: #ef4444;--health-article-warning: #f59e0b;--health-article-white: #ffffff;--health-article-gray-50: #f9fafb;--health-article-gray-100: #f3f4f6;--health-article-gray-200: #e5e7eb;--health-article-gray-300: #d1d5db;--health-article-gray-400: #9ca3af;--health-article-gray-500: #6b7280;--health-article-gray-600: #4b5563;--health-article-gray-700: #374151;--health-article-gray-800: #1f2937;--health-article-gray-900: #111827;--health-article-space-1: .25rem;--health-article-space-2: .5rem;--health-article-space-3: .75rem;--health-article-space-4: 1rem;--health-article-space-5: 1.25rem;--health-article-space-6: 1.5rem;--health-article-space-8: 2rem;--health-article-radius: .375rem;--health-article-radius-lg: .5rem;--health-article-radius-xl: .75rem;--health-article-radius-2xl: 1rem;--health-article-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--health-article-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--health-article-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--health-article-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--health-article-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--health-article-font-size-xs: .75rem;--health-article-font-size-sm: .875rem;--health-article-font-size-base: 1rem;--health-article-font-size-lg: 1.125rem;--health-article-font-size-xl: 1.25rem;--health-article-font-size-2xl: 1.5rem;--health-article-font-size-3xl: 1.875rem}.admin-health-article-tab{padding:var(--health-article-space-6)}.admin-health-article-header{display:flex;justify-content:flex-end;margin-bottom:var(--health-article-space-6)}.admin-btn-add-article{display:flex;align-items:center;gap:var(--health-article-space-2);padding:var(--health-article-space-3) var(--health-article-space-5);background:var(--health-article-primary);color:var(--health-article-white);border:none;border-radius:var(--health-article-radius);font-size:var(--health-article-font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--health-article-shadow-sm)}.admin-btn-add-article:hover{background:var(--health-article-primary-dark);box-shadow:var(--health-article-shadow-md);transform:translateY(-1px)}.admin-btn-add-article:active{transform:translateY(0);box-shadow:var(--health-article-shadow-sm)}.admin-health-article-filters{display:flex;gap:var(--health-article-space-4);margin-bottom:var(--health-article-space-6);align-items:center;flex-wrap:wrap}.admin-search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.admin-search-box svg{position:absolute;left:var(--health-article-space-3);color:var(--health-article-gray-400);z-index:1}.admin-search-box input{width:100%;padding:var(--health-article-space-3) var(--health-article-space-4) var(--health-article-space-3) 2.5rem;border:2px solid var(--health-article-gray-200);border-radius:var(--health-article-radius-lg);font-size:var(--health-article-font-size-base);background:var(--health-article-gray-50);transition:all .3s ease}.admin-search-box input:focus{outline:none;border-color:var(--health-article-primary);background:var(--health-article-white);box-shadow:0 0 0 3px #3b82f61a}.admin-filter-group{display:flex;align-items:center;gap:var(--health-article-space-2);background:var(--health-article-gray-50);padding:var(--health-article-space-3);border-radius:var(--health-article-radius-lg);border:2px solid var(--health-article-gray-200)}.admin-filter-group svg{color:var(--health-article-gray-400)}.admin-filter-group select{border:none;background:transparent;font-size:var(--health-article-font-size-base);color:var(--health-article-gray-700);cursor:pointer;outline:none}.admin-health-article-table-container{background:var(--health-article-white);border-radius:var(--health-article-radius-xl);box-shadow:var(--health-article-shadow);overflow:hidden;border:1px solid var(--health-article-gray-200)}.admin-health-article-table{width:100%;border-collapse:collapse}.admin-health-article-table thead{background:linear-gradient(135deg,var(--health-article-primary),var(--health-article-primary-dark));color:var(--health-article-white)}.admin-health-article-table th{padding:var(--health-article-space-4);text-align:left;font-weight:600;font-size:var(--health-article-font-size-sm);border-bottom:2px solid var(--health-article-gray-200)}.admin-health-article-table td{padding:var(--health-article-space-4);border-bottom:1px solid var(--health-article-gray-100);vertical-align:middle}.admin-health-article-table tbody tr:hover{background:var(--health-article-gray-50)}.admin-article-title-cell,.admin-article-summary-cell{max-width:250px}.article-title{font-weight:600;color:var(--health-article-gray-900);font-size:14.4px!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-summary{font-weight:600;font-size:14.4px!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-author-cell{display:flex;align-items:center;gap:var(--health-article-space-2);font-size:var(--health-article-font-size-sm)}.admin-author-cell svg{color:var(--health-article-gray-400)}.admin-category-badge{background:linear-gradient(135deg,var(--health-article-primary),var(--health-article-primary-dark));color:var(--health-article-white);padding:var(--health-article-space-1) var(--health-article-space-3);border-radius:var(--health-article-radius);font-size:var(--health-article-font-size-xs);font-weight:600;display:inline-flex;align-items:center;gap:var(--health-article-space-1)}.admin-date-cell{display:flex;align-items:center;gap:var(--health-article-space-2);font-size:var(--health-article-font-size-sm);color:var(--health-article-gray-600)}.admin-date-cell svg{color:var(--health-article-gray-400)}.admin-status-badge{padding:var(--health-article-space-1) var(--health-article-space-3);border-radius:var(--health-article-radius);font-size:var(--health-article-font-size-xs);font-weight:600;text-transform:uppercase}.admin-status-badge.active{background:var(--health-article-success);color:var(--health-article-white)}.admin-action-buttons{display:flex;gap:var(--health-article-space-2)}.admin-btn-view,.admin-btn-delete{padding:var(--health-article-space-2) var(--health-article-space-3);border:none;border-radius:var(--health-article-radius);font-size:var(--health-article-font-size-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.admin-btn-view{background:linear-gradient(135deg,var(--health-article-primary),var(--health-article-primary-dark));color:var(--health-article-white)}.admin-btn-view:hover{background:linear-gradient(135deg,var(--health-article-primary-dark),#1d4ed8);transform:translateY(-1px)}.admin-btn-delete{background:linear-gradient(135deg,var(--health-article-danger),#dc2626);color:var(--health-article-white)}.admin-btn-delete.disabled,.admin-btn-delete:disabled{background:var(--health-article-gray-300);color:var(--health-article-gray-500);cursor:not-allowed;opacity:.6;transform:none}.admin-btn-delete.disabled:hover,.admin-btn-delete:disabled:hover{background:var(--health-article-gray-300);transform:none}.admin-auth-warning{margin-bottom:var(--health-article-space-6);padding:var(--health-article-space-4);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--health-article-radius-lg);box-shadow:var(--health-article-shadow-sm)}.admin-auth-warning-content{display:flex;align-items:center;gap:var(--health-article-space-3);color:#92400e;font-size:var(--health-article-font-size-sm);font-weight:500}.admin-auth-warning-icon{font-size:var(--health-article-font-size-lg);color:#f59e0b;flex-shrink:0}.admin-delete-modal-content{background:var(--health-article-white);border-radius:var(--health-article-radius-2xl);max-width:480px;width:90%;max-height:90vh;overflow:hidden;box-shadow:var(--health-article-shadow-xl);border:1px solid var(--health-article-gray-200);animation:admin-modal-slide-up .3s ease-out}.admin-delete-modal-header{padding:var(--health-article-space-6) var(--health-article-space-6) var(--health-article-space-4);border-bottom:1px solid var(--health-article-gray-200);background:linear-gradient(135deg,#fef2f2,#fee2e2)}.admin-delete-modal-header h3{margin:0;font-size:var(--health-article-font-size-xl);font-weight:700;color:var(--health-article-gray-800);text-align:center}.admin-delete-modal-body{padding:var(--health-article-space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--health-article-space-4)}.admin-delete-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--health-article-danger),#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--health-article-white);font-size:var(--health-article-font-size-2xl);box-shadow:var(--health-article-shadow-lg)}.admin-delete-modal-text p{margin:0 0 var(--health-article-space-3) 0;font-size:var(--health-article-font-size-base);color:var(--health-article-gray-700);line-height:1.6}.admin-delete-modal-article-info{padding:var(--health-article-space-3);background:var(--health-article-gray-50);border-radius:var(--health-article-radius-lg);margin:var(--health-article-space-3) 0;border-left:4px solid var(--health-article-danger)}.admin-delete-modal-article-info strong{color:var(--health-article-gray-800);font-size:var(--health-article-font-size-sm)}.admin-delete-modal-warning{font-size:var(--health-article-font-size-sm)!important;color:var(--health-article-danger)!important;font-weight:600!important}.admin-delete-modal-footer{padding:var(--health-article-space-4) var(--health-article-space-6) var(--health-article-space-6);display:flex;gap:var(--health-article-space-3);justify-content:center;background:var(--health-article-gray-50)}.admin-delete-modal-btn{padding:var(--health-article-space-3) var(--health-article-space-6);border:none;border-radius:var(--health-article-radius-lg);font-size:var(--health-article-font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;text-transform:uppercase;letter-spacing:.5px}.admin-delete-modal-btn-cancel{background:var(--health-article-gray-200);color:var(--health-article-gray-700);border:2px solid var(--health-article-gray-300)}.admin-delete-modal-btn-cancel:hover{background:var(--health-article-gray-300);border-color:var(--health-article-gray-400);transform:translateY(-1px)}.admin-delete-modal-btn-confirm{background:linear-gradient(135deg,var(--health-article-danger),#dc2626);color:var(--health-article-white);border:2px solid var(--health-article-danger)}.admin-delete-modal-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;transform:translateY(-1px);box-shadow:var(--health-article-shadow-lg)}@media (max-width: 480px){.admin-delete-modal-content{width:95%;margin:var(--health-article-space-4)}.admin-delete-modal-header,.admin-delete-modal-body,.admin-delete-modal-footer{padding:var(--health-article-space-4)}.admin-delete-modal-footer{flex-direction:column}.admin-delete-modal-btn{width:100%}}.admin-health-article-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--health-article-space-8);text-align:center}.admin-loading-spinner{font-size:2rem;color:var(--health-article-primary);animation:health-article-spin 1s linear infinite;margin-bottom:var(--health-article-space-4)}@keyframes health-article-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-health-article-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--health-article-space-8);text-align:center}.admin-btn-retry{background:var(--health-article-primary);color:var(--health-article-white);border:none;border-radius:var(--health-article-radius);padding:var(--health-article-space-3) var(--health-article-space-4);cursor:pointer;margin-top:var(--health-article-space-4)}.admin-health-article-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--health-article-space-8);text-align:center;color:var(--health-article-gray-500)}.admin-empty-icon{font-size:3rem;color:var(--health-article-gray-300);margin-bottom:var(--health-article-space-4)}@media (max-width: 768px){.admin-health-article-filters{flex-direction:column;align-items:stretch}.admin-search-box{min-width:auto}.admin-health-article-table-container{overflow-x:auto}.admin-health-article-table{min-width:1000px}.admin-health-article-table th,.admin-health-article-table td{padding:var(--health-article-space-2);font-size:var(--health-article-font-size-xs)}.admin-article-title-cell,.admin-article-summary-cell{max-width:150px}.article-title,.article-summary{font-size:var(--health-article-font-size-sm)}}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.success-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease;position:relative}.success-modal-header{display:flex;align-items:center;justify-content:center;padding:2rem 2rem 1rem;position:relative}.success-modal-icon{font-size:4rem;color:#10b981;animation:bounceIn .6s ease}.success-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.success-modal-close:hover{background:#f3f4f6;color:#374151}.success-modal-body{padding:0 2rem 1.5rem;text-align:center}.success-modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.success-modal-message{font-size:1rem;color:#6b7280;line-height:1.5;margin:0}.success-modal-footer{padding:1.5rem 2rem 2rem;display:flex;justify-content:center}.success-modal-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.success-modal-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.success-modal-btn:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.success-modal-content{margin:1rem;max-width:none;width:calc(100% - 2rem)}.success-modal-header{padding:1.5rem 1.5rem 1rem}.success-modal-body{padding:0 1.5rem 1rem}.success-modal-footer{padding:1rem 1.5rem 1.5rem}.success-modal-title{font-size:1.25rem}.success-modal-message{font-size:.9rem}}.admin-blog-tab{padding:var(--article-space-6)}.admin-blog-header{display:flex;justify-content:flex-end;margin-bottom:var(--article-space-6)}.admin-btn-add-blog{display:flex;align-items:center;gap:var(--article-space-2);padding:var(--article-space-3) var(--article-space-5);background:var(--article-secondary);color:var(--article-white);border:none;border-radius:var(--article-radius);font-size:var(--article-font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--article-shadow-sm)}.admin-btn-add-blog:hover{background:#059669;box-shadow:var(--article-shadow-md);transform:translateY(-1px)}.admin-btn-add-blog:active{transform:translateY(0);box-shadow:var(--article-shadow-sm)}.admin-blog-filters{display:flex;gap:var(--article-space-4);margin-bottom:var(--article-space-6);align-items:center;flex-wrap:wrap}.admin-blog-table-container{background:var(--article-white);border-radius:var(--article-radius-xl);box-shadow:var(--article-shadow);overflow:hidden;border:1px solid var(--article-gray-200)}.admin-blog-table{width:100%;border-collapse:collapse}.admin-blog-table thead{background:linear-gradient(135deg,var(--article-secondary),#059669);color:var(--article-white)}.admin-blog-table th{padding:var(--article-space-4);text-align:left;font-weight:600;font-size:var(--article-font-size-sm);border-bottom:2px solid var(--article-gray-200)}.admin-blog-table td{padding:var(--article-space-4);border-bottom:1px solid var(--article-gray-100);vertical-align:middle}.admin-blog-table tbody tr:hover{background:var(--article-gray-50)}.admin-blog-table tbody tr.pinned-row{background:linear-gradient(135deg,#fffbeb,var(--article-white))}.admin-blog-title-cell{display:flex;align-items:center;gap:var(--article-space-2)}.pin-icon{color:var(--article-warning);font-size:var(--article-font-size-sm)}.blog-title{font-weight:600;color:var(--article-gray-900);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-author-cell{display:flex;align-items:center;gap:var(--article-space-2);font-size:var(--article-font-size-sm)}.admin-author-cell svg{color:var(--article-gray-400)}.admin-role-badge{background:var(--article-primary);color:var(--article-white);padding:var(--article-space-1) var(--article-space-2);border-radius:var(--article-radius);font-size:10px;font-weight:600;text-transform:uppercase;margin-left:var(--article-space-1)}.admin-category-badge{background:linear-gradient(135deg,var(--article-secondary),#059669);color:var(--article-white);padding:var(--article-space-1) var(--article-space-3);border-radius:var(--article-radius);font-size:var(--article-font-size-xs);font-weight:600;display:inline-block}.admin-date-cell{display:flex;align-items:center;gap:var(--article-space-2);font-size:var(--article-font-size-sm);color:var(--article-gray-600)}.admin-date-cell svg{color:var(--article-gray-400)}.admin-stat-cell{display:flex;align-items:center;gap:var(--article-space-2);font-size:var(--article-font-size-sm);color:var(--article-gray-600)}.admin-stat-cell svg{color:var(--article-gray-400)}.admin-status-badge{padding:var(--article-space-1) var(--article-space-3);border-radius:var(--article-radius);font-size:var(--article-font-size-xs);font-weight:600;text-transform:uppercase}.admin-status-badge.active{background:var(--article-success);color:var(--article-white)}.admin-action-buttons{display:flex;gap:var(--article-space-2)}.admin-btn-view,.admin-btn-delete{padding:var(--article-space-2) var(--article-space-3);border:none;border-radius:var(--article-radius);font-size:var(--article-font-size-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.admin-btn-view{background:linear-gradient(135deg,var(--article-secondary),#059669);color:var(--article-white)}.admin-btn-view:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.admin-btn-delete{background:linear-gradient(135deg,var(--article-danger),#dc2626);color:var(--article-white)}.admin-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.admin-blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--article-space-4);padding:var(--article-space-6);background:var(--article-gray-50);border-radius:var(--article-radius-lg);margin-top:var(--article-space-6)}.admin-pagination-btn{padding:var(--article-space-2) var(--article-space-4);border:1px solid var(--article-gray-300);background:var(--article-white);color:var(--article-gray-700);border-radius:var(--article-radius);cursor:pointer;transition:all .3s ease;font-weight:500}.admin-pagination-btn:hover:not(:disabled){background:var(--article-primary);color:var(--article-white);border-color:var(--article-primary)}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-info{font-size:var(--article-font-size-sm);color:var(--article-gray-600);font-weight:500}.admin-blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--article-space-8);text-align:center}.admin-loading-spinner{font-size:2rem;color:var(--article-secondary);animation:spin 1s linear infinite;margin-bottom:var(--article-space-4)}.admin-blog-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--article-space-8);text-align:center}.admin-btn-retry{background:var(--article-secondary);color:var(--article-white);border:none;border-radius:var(--article-radius);padding:var(--article-space-3) var(--article-space-4);cursor:pointer;margin-top:var(--article-space-4)}.admin-blog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--article-space-8);text-align:center;color:var(--article-gray-500)}.admin-empty-icon{font-size:3rem;color:var(--article-gray-300);margin-bottom:var(--article-space-4)}@media (max-width: 768px){.admin-blog-filters{flex-direction:column;align-items:stretch}.admin-blog-table-container{overflow-x:auto}.admin-blog-table{min-width:800px}.admin-blog-table th,.admin-blog-table td{padding:var(--article-space-2);font-size:var(--article-font-size-xs)}.blog-title{max-width:150px}}.admin-delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:admin-modal-fade-in .3s ease-out}.admin-delete-modal-content{background:#fff;border-radius:16px;max-width:480px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e5e7eb;animation:admin-modal-slide-up .3s ease-out}.admin-delete-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.admin-delete-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1f2937;text-align:center}.admin-delete-modal-body{padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.admin-delete-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 10px 15px -3px #0000001a}.admin-delete-modal-text{flex:1}.admin-delete-modal-text p{margin:0 0 12px;font-size:16px;color:#374151;line-height:1.6}.admin-delete-modal-article-info{padding:12px;background:#f9fafb;border-radius:8px;margin:12px 0;border-left:4px solid #ef4444}.admin-delete-modal-article-info strong{color:#1f2937;font-size:14px}.admin-delete-modal-warning{font-size:14px!important;color:#ef4444!important;font-weight:600!important}.admin-delete-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:center;background:#f9fafb}.admin-delete-modal-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;text-transform:uppercase;letter-spacing:.5px}.admin-delete-modal-btn-cancel{background:#e5e7eb;color:#374151;border:2px solid #d1d5db}.admin-delete-modal-btn-cancel:hover{background:#d1d5db;border-color:#9ca3af;transform:translateY(-1px)}.admin-delete-modal-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid #ef4444}.admin-delete-modal-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.admin-btn-delete.disabled{background:#d1d5db!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6}.admin-btn-delete.disabled:hover{background:#d1d5db!important;transform:none!important;box-shadow:none!important}@keyframes admin-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes admin-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.admin-delete-modal-content{width:95%;margin:16px}.admin-delete-modal-header,.admin-delete-modal-body,.admin-delete-modal-footer{padding:16px}.admin-delete-modal-footer{flex-direction:column}.admin-delete-modal-btn{width:100%}}.admin-article-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--article-space-6);animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.admin-article-modal{background:var(--article-white);border-radius:var(--article-radius-2xl);width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:var(--article-shadow-xl);border:none;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.admin-article-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--article-space-6) var(--article-space-8);background:linear-gradient(135deg,var(--article-gray-50),var(--article-white));border-bottom:1px solid var(--article-gray-200);position:relative}.admin-article-modal-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--article-primary),var(--article-secondary))}.admin-modal-title{display:flex;align-items:center;gap:var(--article-space-3)}.admin-modal-title svg{color:var(--article-primary);font-size:1.5rem}.admin-modal-title h2{margin:0;font-size:var(--article-font-size-xl);font-weight:700;color:var(--article-gray-900)}.admin-modal-close-btn{background:none;border:none;font-size:1.5rem;color:var(--article-gray-400);cursor:pointer;padding:var(--article-space-2);border-radius:var(--article-radius);transition:all .3s ease}.admin-modal-close-btn:hover{background:var(--article-gray-100);color:var(--article-gray-600)}.admin-article-modal-content{flex:1;overflow-y:auto;padding:var(--article-space-8)}.admin-modal-image{margin-bottom:var(--article-space-6);border-radius:var(--article-radius-xl);overflow:hidden;box-shadow:var(--article-shadow-lg)}.admin-modal-image img{width:100%;height:300px;object-fit:cover}.admin-modal-article-title{font-size:var(--article-font-size-2xl);font-weight:700;color:var(--article-gray-900);margin:0 0 var(--article-space-6) 0;line-height:1.3}.admin-modal-meta{margin-bottom:var(--article-space-6);padding:var(--article-space-5);background:var(--article-gray-50);border-radius:var(--article-radius-xl);border:1px solid var(--article-gray-200)}.admin-modal-meta-row{display:flex;gap:var(--article-space-6);margin-bottom:var(--article-space-3);flex-wrap:wrap}.admin-modal-meta-row:last-child{margin-bottom:0}.admin-meta-item{display:flex;align-items:center;gap:var(--article-space-2);font-size:var(--article-font-size-sm);color:var(--article-gray-600)}.admin-meta-item svg{color:var(--article-gray-400);font-size:1rem}.admin-role-badge{background:var(--article-primary);color:var(--article-white);padding:var(--article-space-1) var(--article-space-2);border-radius:var(--article-radius);font-size:10px;font-weight:600;text-transform:uppercase;margin-left:var(--article-space-2)}.admin-category-tag{background:linear-gradient(135deg,var(--article-secondary),#059669);color:var(--article-white);padding:var(--article-space-1) var(--article-space-3);border-radius:var(--article-radius);font-weight:600;font-size:var(--article-font-size-xs)}.admin-pinned-text{color:var(--article-warning);font-weight:600}.admin-modal-summary,.admin-modal-article-content,.admin-modal-tags,.admin-modal-additional-info{margin-bottom:var(--article-space-6)}.admin-modal-summary h3,.admin-modal-article-content h3,.admin-modal-tags h3{font-size:var(--article-font-size-lg);font-weight:700;color:var(--article-gray-900);margin:0 0 var(--article-space-4) 0;padding-bottom:var(--article-space-2);border-bottom:2px solid var(--article-gray-200)}.admin-modal-summary p{font-size:var(--article-font-size-base);color:var(--article-gray-700);line-height:1.6;margin:0;padding:var(--article-space-4);background:var(--article-gray-50);border-radius:var(--article-radius-lg);border-left:4px solid var(--article-primary)}.admin-content-text{font-size:var(--article-font-size-base);color:var(--article-gray-700);line-height:1.7;white-space:pre-wrap;padding:var(--article-space-5);background:var(--article-white);border:1px solid var(--article-gray-200);border-radius:var(--article-radius-lg)}.admin-tags-list{display:flex;flex-wrap:wrap;gap:var(--article-space-2)}.admin-tag{background:linear-gradient(135deg,var(--article-primary),var(--article-primary-dark));color:var(--article-white);padding:var(--article-space-2) var(--article-space-3);border-radius:var(--article-radius);font-size:var(--article-font-size-xs);font-weight:600}.admin-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--article-space-4);padding:var(--article-space-5);background:var(--article-gray-50);border-radius:var(--article-radius-lg);border:1px solid var(--article-gray-200)}.admin-info-item{display:flex;flex-direction:column;gap:var(--article-space-1)}.admin-info-item strong{font-size:var(--article-font-size-xs);color:var(--article-gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.admin-info-item span{font-size:var(--article-font-size-sm);color:var(--article-gray-900);font-weight:500}.admin-status.pinned{color:var(--article-warning);font-weight:700}.admin-status.normal{color:var(--article-gray-600)}.admin-article-modal-footer{padding:var(--article-space-6) var(--article-space-8);background:var(--article-gray-50);border-top:1px solid var(--article-gray-200);display:flex;justify-content:flex-end;gap:var(--article-space-4)}.admin-btn-close{background:linear-gradient(135deg,var(--article-gray-500),var(--article-gray-600));color:var(--article-white);border:none;border-radius:var(--article-radius-lg);padding:var(--article-space-3) var(--article-space-6);font-size:var(--article-font-size-base);font-weight:600;cursor:pointer;transition:all .3s ease}.admin-btn-close:hover{background:linear-gradient(135deg,var(--article-gray-600),var(--article-gray-700));transform:translateY(-1px)}@media (max-width: 768px){.admin-article-modal{max-width:95vw;max-height:95vh}.admin-article-modal-content{padding:var(--article-space-5)}.admin-modal-meta-row{flex-direction:column;gap:var(--article-space-3)}.admin-info-grid{grid-template-columns:1fr}.admin-modal-image img{height:200px}}:root{--article-primary: #3b82f6;--article-primary-dark: #2563eb;--article-secondary: #10b981;--article-danger: #ef4444;--article-warning: #f59e0b;--article-white: #ffffff;--article-gray-50: #f9fafb;--article-gray-100: #f3f4f6;--article-gray-200: #e5e7eb;--article-gray-300: #d1d5db;--article-gray-400: #9ca3af;--article-gray-500: #6b7280;--article-gray-600: #4b5563;--article-gray-700: #374151;--article-gray-800: #1f2937;--article-gray-900: #111827;--article-space-1: .25rem;--article-space-2: .5rem;--article-space-3: .75rem;--article-space-4: 1rem;--article-space-5: 1.25rem;--article-space-6: 1.5rem;--article-space-8: 2rem;--article-radius: .375rem;--article-radius-lg: .5rem;--article-radius-xl: .75rem;--article-radius-2xl: 1rem;--article-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--article-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--article-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--article-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--article-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--article-font-size-xs: .75rem;--article-font-size-sm: .875rem;--article-font-size-base: 1rem;--article-font-size-lg: 1.125rem;--article-font-size-xl: 1.25rem;--article-font-size-2xl: 1.5rem;--article-font-size-3xl: 1.875rem}.admin-article-management-container{max-width:1400px;margin:0 auto;padding:var(--article-space-6);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--article-gray-50) 0%,#dbeafe 100%);min-height:100vh}.admin-article-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--article-space-8);background:var(--article-white);padding:var(--article-space-8);border-radius:var(--article-radius-xl);box-shadow:var(--article-shadow-lg);border:none;position:relative;overflow:hidden}.admin-article-management-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--article-primary),var(--article-primary-dark))}.admin-article-management-header h1{font-size:var(--article-font-size-3xl);font-weight:700;color:var(--article-gray-900);margin:0 0 var(--article-space-2) 0;letter-spacing:-.025em}.admin-article-management-header p{font-size:var(--article-font-size-base);color:var(--article-gray-600);margin:0;line-height:1.6}.admin-btn-add-article{background:linear-gradient(135deg,var(--article-primary),var(--article-primary-dark));color:var(--article-white);border:none;border-radius:var(--article-radius-lg);padding:var(--article-space-3) var(--article-space-6);font-size:var(--article-font-size-base);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--article-space-2);transition:all .3s ease;box-shadow:var(--article-shadow-md)}.admin-btn-add-article:hover{background:linear-gradient(135deg,var(--article-primary-dark),#1d4ed8);transform:translateY(-2px);box-shadow:var(--article-shadow-lg)}.admin-article-tabs{display:flex;gap:var(--article-space-2);margin-bottom:var(--article-space-8);background:var(--article-white);padding:var(--article-space-4);border-radius:var(--article-radius-xl);box-shadow:var(--article-shadow)}.admin-tab-btn{display:flex;align-items:center;gap:var(--article-space-2);padding:var(--article-space-4) var(--article-space-6);border:none;border-radius:var(--article-radius-lg);background:transparent;color:var(--article-gray-600);font-size:var(--article-font-size-base);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.admin-tab-btn:hover{background:var(--article-gray-100);color:var(--article-gray-800)}.admin-tab-btn.active{background:linear-gradient(135deg,var(--article-primary),var(--article-primary-dark));color:var(--article-white);box-shadow:var(--article-shadow-md)}.admin-tab-btn.active:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--article-primary);border-radius:50%}.admin-article-content{background:var(--article-white);border-radius:var(--article-radius-xl);box-shadow:var(--article-shadow-lg);overflow:hidden;min-height:600px}@media (max-width: 768px){.admin-article-management-header{flex-direction:column;gap:var(--article-space-4);align-items:stretch}.admin-article-tabs{flex-direction:column}.admin-tab-btn{justify-content:center}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7c3aed;--purple-800: #6b21a8;--purple-900: #581c87;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75}.admin_ui_btn_modern{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-tight);transition:all .2s ease;border:1px solid transparent;cursor:pointer;text-decoration:none}.admin_ui_btn_primary{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.admin_ui_btn_primary:hover{background:var(--blue-700);border-color:var(--blue-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin_ui_btn_secondary{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.admin_ui_btn_secondary:hover{background:var(--gray-200);border-color:var(--gray-300)}.admin_ui_btn_success{background:var(--success-600);color:#fff;border-color:var(--success-600)}.admin_ui_btn_success:hover{background:var(--success-700);border-color:var(--success-700)}.admin_ui_btn_warning{background:var(--warning-500);color:#fff;border-color:var(--warning-500)}.admin_ui_btn_warning:hover{background:var(--warning-600);border-color:var(--warning-600)}.admin_ui_btn_error{background:var(--error-600);color:#fff;border-color:var(--error-600)}.admin_ui_btn_error:hover{background:var(--error-700);border-color:var(--error-700)}.admin_ui_card_modern{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:all .2s ease}.admin_ui_card_modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin_ui_card_header{padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--gray-100)}.admin_ui_card_body{padding:1.5rem}.admin_ui_card_footer{padding:0 1.5rem 1.5rem;border-top:1px solid var(--gray-100)}.admin_ui_input_modern{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all .2s ease;background:#fff}.admin_ui_input_modern:focus{outline:none;border-color:var(--indigo-500);box-shadow:0 0 0 3px #6366f11a}.admin_ui_badge_modern{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.admin_ui_badge_primary{background:var(--indigo-100);color:var(--indigo-800)}.admin_ui_badge_success{background:var(--success-100);color:var(--success-800)}.admin_ui_badge_warning{background:var(--warning-100);color:var(--warning-800)}.admin_ui_badge_error{background:var(--error-100);color:var(--error-800)}.modern-showcase{padding:2rem;max-width:1200px;margin:0 auto}.showcase-header{text-align:center;margin-bottom:3rem}.showcase-header h1{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.showcase-header p{font-size:1.125rem;color:var(--gray-600);margin:0 0 24px}.showcase-actions{text-align:center}.showcase-section{margin-bottom:3rem}.showcase-section h2{font-size:1.875rem;font-weight:600;color:var(--gray-800);margin-bottom:1.5rem;border-bottom:2px solid var(--indigo-500);padding-bottom:.5rem}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.color-group h3{font-size:1rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.color-row{display:flex;gap:.5rem}.color-swatch{width:60px;height:60px;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.button-grid{display:flex;flex-wrap:wrap;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-content h3{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.stat-content p{font-size:.875rem;color:var(--gray-600);margin:0}.badge-grid{display:flex;flex-wrap:wrap;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.typography-showcase{space-y:1rem}.typography-showcase h1{color:var(--gray-900);font-weight:700;margin-bottom:.5rem}.typography-showcase h2,.typography-showcase h3{color:var(--gray-800);font-weight:600;margin-bottom:.5rem}.typography-showcase h4{color:var(--gray-700);font-weight:600;margin-bottom:.5rem}.typography-showcase p{color:var(--gray-600);line-height:1.6;margin-bottom:.5rem}.typography-showcase small{color:var(--gray-500)}@media (max-width: 768px){.modern-showcase{padding:1rem}.showcase-header h1{font-size:2rem}.button-grid{flex-direction:column}.card-grid,.form-grid{grid-template-columns:1fr}}.admin_ui_school_medical_showcase{padding:0;background:#f8fafc;min-height:100vh}.admin_ui_showcase_nav{padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.admin_ui_back_to_overview{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.admin_ui_back_to_overview:hover{background:#e2e8f0;color:#475569}.admin_ui_showcase_overview{padding:24px}.admin_ui_showcase_header{text-align:center;margin-bottom:48px}.admin_ui_showcase_header h1{font-size:36px;font-weight:700;color:#1e293b;margin:0 0 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin_ui_showcase_header p{font-size:18px;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.admin_ui_showcase_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:48px}.admin_ui_showcase_card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.admin_ui_showcase_card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.admin_ui_showcase_blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.admin_ui_showcase_purple:before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.admin_ui_showcase_green:before{background:linear-gradient(90deg,#10b981,#059669)}.admin_ui_showcase_orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.admin_ui_showcase_card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.admin_ui_showcase_card_header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.admin_ui_showcase_card_header p{color:#64748b;margin:0 0 20px;line-height:1.5}.admin_ui_showcase_features h4{font-size:14px;font-weight:600;color:#475569;margin:0 0 12px}.admin_ui_showcase_features ul{list-style:none;padding:0;margin:0 0 20px}.admin_ui_showcase_features li{color:#64748b;font-size:14px;position:relative;padding:6px 0 6px 20px}.admin_ui_showcase_features li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700}.admin_ui_showcase_action{text-align:right}.admin_ui_showcase_btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin_ui_showcase_btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f64d}.admin_ui_showcase_info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.admin_ui_info_card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.admin_ui_info_card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 16px}.admin_ui_info_card p{color:#64748b;margin:0 0 16px;line-height:1.5}.admin_ui_info_card ul{list-style:none;padding:0;margin:0}.admin_ui_info_card li{padding:4px 0;color:#64748b;font-size:14px}.admin_ui_color_palette{display:flex;gap:8px;flex-wrap:wrap}.admin_ui_color_item{padding:8px 12px;border-radius:6px;color:#fff;font-size:12px;font-weight:500;text-align:center;min-width:80px}@media (max-width: 768px){.admin_ui_showcase_overview{padding:16px}.admin_ui_showcase_header h1{font-size:28px}.admin_ui_showcase_header p{font-size:16px}.admin_ui_showcase_grid{grid-template-columns:1fr;gap:16px}.admin_ui_showcase_card{padding:20px}.admin_ui_showcase_info{grid-template-columns:1fr;gap:16px}.admin_ui_info_card{padding:20px}.admin_ui_color_palette{justify-content:center}}@media (max-width: 480px){.admin_ui_showcase_header h1{font-size:24px}.admin_ui_showcase_card,.admin_ui_info_card{padding:16px}.admin_ui_color_item{min-width:70px;font-size:11px}}.admin_ui_medical_supplies{padding:0;background:#f8fafc;min-height:100vh}.admin_ui_medical_header{background:#fff;padding:24px 32px;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.admin_ui_header_content h1{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;gap:8px}.admin_ui_header_content p{color:#64748b;margin:0;font-size:14px}.admin_ui_stats_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.admin_ui_stat_card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.admin_ui_stat_card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.admin_ui_stat_icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f8fafc}.admin_ui_stat_blue .admin_ui_stat_icon{background:#dbeafe;color:#3b82f6}.admin_ui_stat_yellow .admin_ui_stat_icon{background:#fef3c7;color:#f59e0b}.admin_ui_stat_red .admin_ui_stat_icon{background:#fee2e2;color:#ef4444}.admin_ui_stat_value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.admin_ui_stat_label{font-size:14px;color:#64748b;margin-top:4px}.admin_ui_filters_section{background:#fff;padding:20px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.admin_ui_search_box{flex:1;min-width:300px}.admin_ui_search_input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#f8fafc;transition:all .2s ease}.admin_ui_search_input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.admin_ui_filter_select{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:150px}.admin_ui_filter_select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin_ui_results_info{text-align:center;color:#64748b;font-size:14px;margin-bottom:16px}.admin_ui_table_container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.admin_ui_supplies_table{width:100%;border-collapse:collapse}.admin_ui_supplies_table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.admin_ui_supplies_table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.admin_ui_supplies_table tr:hover{background:#f8fafc}.admin_ui_supply_info{display:flex;flex-direction:column;gap:4px}.admin_ui_supply_name{font-weight:500;color:#1e293b}.admin_ui_supply_desc{font-size:12px;color:#64748b}.admin_ui_category_badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin_ui_status_badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.admin_ui_status_available{background:#dcfce7;color:#166534}.admin_ui_status_unavailable{background:#fee2e2;color:#991b1b}.admin_ui_stock_badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.admin_ui_action_btn{background:#3b82f6;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}@media (max-width: 768px){.admin_ui_stats_grid{grid-template-columns:1fr}.admin_ui_filters_section{flex-direction:column;align-items:stretch}.admin_ui_search_box{min-width:auto}.admin_ui_supplies_table{font-size:12px}.admin_ui_supplies_table th,.admin_ui_supplies_table td{padding:8px 6px}}.admin_ui_health_reports{padding:0;background:#f8fafc;min-height:100vh}.admin_ui_reports_header{background:linear-gradient(135deg,#334155,#475569);color:#fff;padding:32px;border-radius:16px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.admin_ui_reports_header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.admin_ui_header_content{position:relative;z-index:1}.admin_ui_header_content h1{font-size:28px;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:12px}.admin_ui_header_content p{font-size:16px;opacity:.9;margin:0;max-width:600px;line-height:1.5}.admin_ui_reports_badge{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.admin_ui_badge_count{display:block;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.admin_ui_badge_label{font-size:12px;opacity:.8;font-weight:500;letter-spacing:1px}.admin_ui_reports_section{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}.admin_ui_reports_section h2{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 24px}.admin_ui_report_types_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.admin_ui_report_type_card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:flex-start;gap:16px;min-height:120px}.admin_ui_report_type_card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.admin_ui_report_type_card.admin_ui_selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#eff6ff);box-shadow:0 4px 20px #3b82f633}.admin_ui_report_icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;flex-shrink:0}.admin_ui_selected .admin_ui_report_icon{background:#fff;box-shadow:0 2px 8px #3b82f633}.admin_ui_report_content{flex:1}.admin_ui_report_content h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px;line-height:1.3}.admin_ui_report_content p{font-size:14px;color:#64748b;margin:0;line-height:1.4}.admin_ui_selected_indicator{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.admin_ui_action_section{text-align:center;padding-top:24px;border-top:1px solid #e2e8f0}.admin_ui_create_report_btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #3b82f64d}.admin_ui_create_report_btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.admin_ui_create_report_btn:active{transform:translateY(0)}@media (max-width: 768px){.admin_ui_reports_header{flex-direction:column;gap:20px;text-align:center}.admin_ui_header_content h1{font-size:24px}.admin_ui_header_content p{font-size:14px}.admin_ui_reports_section{padding:20px}.admin_ui_report_types_grid{grid-template-columns:1fr;gap:16px}.admin_ui_report_type_card{padding:20px;min-height:auto}.admin_ui_report_icon{font-size:24px;width:48px;height:48px}.admin_ui_create_report_btn{padding:14px 24px;font-size:14px}}@media (max-width: 480px){.admin_ui_report_type_card{flex-direction:column;text-align:center;gap:12px}.admin_ui_report_icon{align-self:center}}.admin_ui_health_check_notification{padding:0;background:#f8fafc;min-height:100vh}.admin_ui_notification_header{background:#fff;padding:24px 32px;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.admin_ui_back_btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;margin-bottom:16px;transition:all .2s ease}.admin_ui_back_btn:hover{background:#e2e8f0;color:#475569}.admin_ui_notification_header h1{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 20px}.admin_ui_notification_info{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}.admin_ui_info_item{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.admin_ui_info_icon{font-size:16px}.admin_ui_notification_content{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.admin_ui_content_header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.admin_ui_content_icon{font-size:18px}.admin_ui_content_header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.admin_ui_notification_content p{margin:0;color:#475569;line-height:1.5}.admin_ui_filter_section{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.admin_ui_filter_section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.admin_ui_status_filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin_ui_status_filter{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.admin_ui_status_success{border-color:#10b981;background:#ecfdf5}.admin_ui_status_warning{border-color:#f59e0b;background:#fffbeb}.admin_ui_status_error{border-color:#ef4444;background:#fef2f2}.admin_ui_status_icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.admin_ui_status_success .admin_ui_status_icon{background:#10b981;color:#fff}.admin_ui_status_warning .admin_ui_status_icon{background:#f59e0b;color:#fff}.admin_ui_status_error .admin_ui_status_icon{background:#ef4444;color:#fff}.admin_ui_status_label{font-size:14px;color:#64748b;margin-bottom:4px}.admin_ui_status_count{font-size:24px;font-weight:700;color:#1e293b}.admin_ui_recipients_section{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.admin_ui_section_header{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.admin_ui_section_header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.admin_ui_recipients_table_container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.admin_ui_recipients_table{width:100%;border-collapse:collapse}.admin_ui_recipients_table th{background:#f8fafc;padding:12px;text-align:left;font-weight:600;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.admin_ui_recipients_table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.admin_ui_recipients_table tr:hover{background:#f8fafc}.admin_ui_recipient_info{display:flex;align-items:center;gap:8px}.admin_ui_recipient_icon{font-size:16px}.admin_ui_student_id{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.admin_ui_status_badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin_ui_status_accepted{background:#dcfce7;color:#166534}.admin_ui_status_pending{background:#fef3c7;color:#92400e}.admin_ui_reports_section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.admin_ui_reports_stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.admin_ui_stat_item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.admin_ui_stat_item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.admin_ui_stat_blue:before{background:#3b82f6}.admin_ui_stat_gray:before{background:#64748b}.admin_ui_stat_green:before{background:#10b981}.admin_ui_stat_yellow:before{background:#f59e0b}.admin_ui_stat_red:before{background:#ef4444}.admin_ui_stat_icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f8fafc}.admin_ui_stat_number{font-size:20px;font-weight:700;color:#1e293b;line-height:1}.admin_ui_stat_label{font-size:12px;color:#64748b;margin-top:2px}.admin_ui_reports_table_container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.admin_ui_reports_table{width:100%;border-collapse:collapse}.admin_ui_reports_table th{background:#f8fafc;padding:12px 8px;text-align:left;font-weight:600;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.admin_ui_reports_table td{padding:12px 8px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#1e293b}.admin_ui_reports_table tr:hover{background:#f8fafc}.admin_ui_creator_info{display:flex;align-items:center;gap:6px}.admin_ui_creator_icon{font-size:14px}.admin_ui_date_badge{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.admin_ui_type_badge{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin_ui_count_badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.admin_ui_count_success{background:#dcfce7;color:#166534}.admin_ui_count_warning{background:#fef3c7;color:#92400e}.admin_ui_count_error{background:#fee2e2;color:#991b1b}.admin_ui_action_btn{background:#3b82f6;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.admin_ui_action_btn:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width: 768px){.admin_ui_notification_info{flex-direction:column;gap:12px}.admin_ui_status_filters{grid-template-columns:1fr}.admin_ui_reports_stats{grid-template-columns:repeat(2,1fr)}.admin_ui_recipients_table,.admin_ui_reports_table{font-size:12px}.admin_ui_recipients_table th,.admin_ui_recipients_table td,.admin_ui_reports_table th,.admin_ui_reports_table td{padding:8px 6px}}.admin_ui_modal_overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin_ui_supply_modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.admin_ui_modal_header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.admin_ui_modal_header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>')}.admin_ui_modal_title{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.admin_ui_modal_icon{font-size:24px}.admin_ui_modal_title h2{margin:0;font-size:20px;font-weight:600}.admin_ui_modal_close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;position:relative;z-index:1}.admin_ui_modal_close:hover{background:#ffffff4d}.admin_ui_modal_content{padding:24px;max-height:calc(90vh - 160px);overflow-y:auto}.admin_ui_info_section{margin-bottom:24px}.admin_ui_section_header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f1f5f9}.admin_ui_section_icon{font-size:18px}.admin_ui_section_header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.admin_ui_info_grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin_ui_info_item{display:flex;flex-direction:column;gap:4px}.admin_ui_info_item label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.admin_ui_info_value{font-size:14px;font-weight:500;color:#1e293b}.admin_ui_id_badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:8px 12px;border-radius:8px;font-weight:600;text-align:center;max-width:fit-content}.admin_ui_name_value{font-size:16px;font-weight:600;color:#3b82f6}.admin_ui_category_tag{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;max-width:fit-content}.admin_ui_category_supplies{background:#10b981;color:#fff}.admin_ui_category_medicine{background:#3b82f6;color:#fff}.admin_ui_category_equipment{background:#64748b;color:#fff}.admin_ui_stock_display{background:#f8fafc;border-radius:12px;padding:20px;text-align:center;border:1px solid #e2e8f0}.admin_ui_stock_main{margin-bottom:12px}.admin_ui_stock_number{font-size:48px;font-weight:700;color:#1e293b;line-height:1}.admin_ui_stock_unit{font-size:16px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:1px}.admin_ui_stock_status{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin_ui_stock_valid{background:#dcfce7;color:#166534}.admin_ui_stock_warning{background:#fef3c7;color:#92400e}.admin_ui_stock_expired{background:#fee2e2;color:#991b1b}.admin_ui_date_grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin_ui_date_item{display:flex;flex-direction:column;gap:4px}.admin_ui_date_value{font-size:14px;font-weight:500;color:#1e293b;padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.admin_ui_expiry_date{color:#3b82f6;font-weight:600}.admin_ui_warning_item{grid-column:1 / -1}.admin_ui_warning_badge{background:#3b82f6;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-weight:600}.admin_ui_warning_text{font-size:12px;letter-spacing:.5px}.admin_ui_warning_detail{font-size:11px;opacity:.8}.admin_ui_modal_footer{padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;text-align:right}.admin_ui_modal_btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.admin_ui_btn_close{background:#64748b;color:#fff}.admin_ui_btn_close:hover{background:#475569;transform:translateY(-1px)}@media (max-width: 768px){.admin_ui_modal_overlay{padding:10px}.admin_ui_supply_modal{max-height:95vh}.admin_ui_modal_header{padding:20px}.admin_ui_modal_title h2{font-size:18px}.admin_ui_modal_content{padding:20px}.admin_ui_info_grid,.admin_ui_date_grid{grid-template-columns:1fr;gap:12px}.admin_ui_stock_number{font-size:36px}.admin_ui_warning_item{grid-column:1}}.admin_ui_layout{min-height:100vh;background:#fafbfc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;color:#1a202c}.admin_ui_main{display:flex;flex:1;height:100vh;overflow:hidden;margin-left:280px}.admin_ui_content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;position:relative;padding:32px;margin:16px;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;max-height:calc(100vh - 32px)}.admin_ui_content:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at center,rgba(99,102,241,.03) 0%,transparent 70%);border-radius:50%;z-index:0;pointer-events:none}@media (max-width: 768px){.admin_ui_main{margin-left:70px}.admin_ui_content{padding:20px;margin:8px;border-radius:12px}}@media (max-width: 576px){.admin_ui_main{margin-left:60px}.admin_ui_content{padding:16px;margin:4px}}.parent-header{padding:0;height:auto;min-height:70px;background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4 60%,#88cdf6 85%,#bce6ff);color:#fff;box-shadow:0 4px 20px #015c9259;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;transition:all .3s cubic-bezier(.21,.6,.35,1);border-bottom:none;display:flex;flex-direction:column;will-change:transform,opacity}.parent-header.scrolled{min-height:70px;background:linear-gradient(135deg,#015c92f2,#2d82b5f2,#428cd4f2 60%,#88cdf6f2 85%,#bce6fff2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px #015c9266;border-bottom:none}.parent-header.scrolled .parent-header-navigation{display:none;height:0;overflow:hidden}.parent-header.scrolled .parent-header-top{height:70px}.parent-header-top{height:70px;width:100%;display:flex;align-items:center;position:relative}.parent-header .parent-container{max-width:1400px;width:100%;margin:0 auto;padding:0 2rem;display:flex!important;align-items:center!important;justify-content:space-between!important;height:100%!important}.parent-header-navigation{width:100%;height:60px;padding:0;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d;transition:all .3s ease}.parent-nav-wrapper{display:flex;align-items:center;justify-content:space-between;max-width:1400px;height:100%;margin:0 auto;padding:0 2rem}.parent-main-nav-list{display:flex;list-style:none;gap:0;align-items:center;margin:0;padding:0;flex:1;justify-content:flex-start;height:100%}.parent-main-nav-item{flex:0 0 auto;max-width:280px;height:100%;display:flex;align-items:center}.parent-main-nav-link{display:flex;align-items:center;justify-content:center;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.95rem;padding:0 1.5rem;text-align:center;transition:all .3s ease;border-radius:0;white-space:nowrap;text-overflow:ellipsis;height:100%;position:relative;overflow:hidden}.parent-main-nav-link-ripple{position:absolute;width:120px;height:120px;background:#ffffff59;border-radius:50%;pointer-events:none;transform:scale(0);animation:parent-main-nav-ripple .6s linear;z-index:2}@keyframes parent-main-nav-ripple{to{transform:scale(2.5);opacity:0}}.parent-main-nav-link:hover{background:#ffffff2e;color:#fff;transform:translateY(-1px);border-radius:16px;padding:.5rem 1.1rem;height:38px;font-size:.93rem;box-shadow:0 2px 8px #00000014;transition:all .2s cubic-bezier(.21,.6,.35,1)}.parent-main-nav-link.active{background:#ffffff40;color:#fff;font-weight:600;position:relative;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;border-radius:16px;padding:.5rem 1.1rem;height:38px;font-size:.93rem;transition:all .2s cubic-bezier(.21,.6,.35,1)}.parent-main-nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b);animation:slideInFromLeft .3s ease-out}@keyframes slideInFromLeft{0%{width:0}to{width:100%}}.parent-nav-quick-info{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.parent-quick-info-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff14;border-radius:20px;color:#071275e6;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parent-quick-info-item:hover{background:#ffffff26;transform:translateY(-1px);color:#fff}.parent-quick-info-item i{font-size:.9rem;opacity:.8}.parent-quick-info-item.health-status{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.parent-quick-info-item.health-status:hover{background:#22c55e40;color:#bbf7d0}.parent-quick-info-item.health-status i{color:#22c55e;animation:parent-heartbeat 2s ease-in-out infinite}@keyframes parent-heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.parent-header-nav{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:100%!important}.parent-header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:3rem;flex:0 0 auto;height:auto;transition:transform .3s ease}.parent-header-logo:hover{transform:scale(1.02)}.parent-header-logo img{height:35px;width:35px;border-radius:8px;transition:transform .3s ease;object-fit:cover;box-shadow:0 2px 8px #00000026}.parent-logo-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px;white-space:nowrap}.parent-logo-text span{color:#bfdbfe;font-weight:600}.parent-nav-list{display:flex;list-style:none;margin:0;padding:0;gap:1rem;height:100%;align-items:center}.parent-nav-link{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;height:40px}.parent-nav-link:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.parent-nav-link.active{background:#fff3;color:#fff;font-weight:600;transform:translateY(-1px);box-shadow:0 4px 12px #00000026;position:relative}.parent-nav-link.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:8px;animation:activeGlow .3s ease-out}@keyframes activeGlow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.parent-header .parent-header-actions{display:flex;align-items:center;gap:1rem;flex:0 0 auto;height:100%}.parent-header .parent-user-menu{position:relative;display:flex;align-items:center;gap:.5rem}.parent-header .parent-header-actions .parent-notification-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;overflow:hidden;animation:parent-notification-float 3s ease-in-out infinite}.parent-header .parent-header-actions .parent-user-greeting{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parent-header .parent-header-actions .parent-login-btn,.parent-header .parent-header-actions .parent-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;cursor:pointer;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parent-notification-btn:hover{background:#ffffff40;transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px #00000040;border-color:#fff6;animation:parent-notification-glow 1.5s ease-in-out infinite}.parent-notification-btn:active{transform:translateY(-1px) scale(1.05);transition:all .1s ease}.parent-notification-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:1}.parent-notification-btn:active:before{width:60px;height:60px;opacity:0}.parent-notification-btn i{font-size:1rem;color:#fff;position:relative;z-index:2;transition:all .3s ease}.parent-notification-btn:hover i{transform:scale(1.1);text-shadow:0 0 10px rgba(255,255,255,.5)}.parent-notification-badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:#ff6b7c;border-radius:50%;border:2px solid #015C92;animation:parent-pulse-badge 2s infinite}@keyframes parent-pulse-badge{0%{transform:scale(.95);box-shadow:0 0 #ff6b7cb3}70%{transform:scale(1);box-shadow:0 0 0 5px #ff6b7c00}to{transform:scale(.95);box-shadow:0 0 #ff6b7c00}}@keyframes parent-notification-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes parent-notification-glow{0%,to{box-shadow:0 8px 25px #00000040,0 0 20px #ffffff1a}50%{box-shadow:0 8px 25px #00000040,0 0 30px #ffffff4d}}@keyframes parent-notification-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.parent-notification-btn:hover .parent-notification-badge{animation:parent-notification-shake .5s ease-in-out infinite}.parent-notification-btn:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d;transform:translateY(-2px) scale(1.05)}.parent-notification-btn:hover .parent-notification-badge{animation:parent-pulse-badge-enhanced 1s infinite,parent-notification-shake .5s ease-in-out infinite}@keyframes parent-pulse-badge-enhanced{0%{transform:scale(1);box-shadow:0 0 #ff6b7cb3}50%{transform:scale(1.2);box-shadow:0 0 0 8px #ff6b7c00}to{transform:scale(1);box-shadow:0 0 #ff6b7c00}}.parent-header .parent-header-actions .parent-user-greeting i{font-size:1.2rem;color:#bfdbfe}.parent-header .parent-header-actions .parent-login-btn{background:#fff3;border-color:#fff6}.parent-header .parent-header-actions .parent-logout-btn{background:#ff6b7c33;border-color:#ff6b7c66}.parent-mobile-menu-toggle{display:none;width:40px;height:40px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;align-items:center;justify-content:center;padding:0;margin:0}.parent-mobile-menu-toggle:hover{background:#fff3}@media (max-width: 1200px){.parent-header .parent-container,.parent-nav-wrapper{padding:0 1.5rem}.parent-main-nav-link{padding:0 1rem}.parent-nav-list{gap:.75rem}.parent-nav-link{font-size:.9rem;padding:.5rem .75rem}.parent-nav-quick-info{gap:1rem}.parent-quick-info-item{padding:.4rem .6rem;font-size:.8rem}}@media (max-width: 1024px){.parent-quick-info-item span{display:none}.parent-quick-info-item{width:36px;height:36px;justify-content:center;padding:0}}@media (min-width: 993px){.parent-mobile-menu-toggle{display:none!important}.parent-nav-list{display:flex!important;position:static!important;background:none!important;flex-direction:row!important;padding:0!important;transform:none!important;visibility:visible!important}}@media (max-width: 992px){.parent-header{min-height:70px}.parent-header-navigation{display:none}.parent-header-logo{margin-right:1rem}.parent-header-logo .parent-logo-text{display:none}.parent-mobile-menu-toggle{display:flex!important}.parent-nav-list{position:fixed;top:70px;left:0;width:100%;background:linear-gradient(135deg,#015c92f2,#2d82b5f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;padding:1rem 0;box-shadow:0 4px 20px #0003;transform:translateY(-100%);visibility:hidden;opacity:0;transition:all .3s ease;z-index:999;gap:0}.parent-nav-list.active{transform:translateY(0);visibility:visible;opacity:1}.parent-nav-list li{width:100%}.parent-nav-link{display:block;width:100%;padding:1rem 2rem;text-align:left;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1)}.parent-nav-link.active{background:#ffffff40;border-left:4px solid #FBBF24}}@media (max-width: 768px){.parent-header .parent-container,.parent-nav-wrapper{padding:0 1rem}.parent-main-nav-link{padding:0 .75rem;font-size:.9rem}.parent-header-logo img{height:30px;width:30px}.parent-logo-text{font-size:1.2rem}.parent-logo-text span{display:none}.parent-header .parent-header-actions{gap:.5rem}.parent-header .parent-header-actions .parent-login-btn,.parent-header .parent-header-actions .parent-logout-btn{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.parent-header .parent-container{padding:0 .75rem}.parent-header .parent-header-actions .parent-notification-btn{width:36px;height:36px}.parent-login-btn span,.parent-logout-btn span{display:none}.parent-login-btn i,.parent-logout-btn i{margin-right:0}.parent-header .parent-header-actions .parent-user-greeting span{display:none}}.parent-header .parent-header-actions .parent-notification-btn:hover{background:#ffffff40;transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px #00000040;border-color:#fff6;animation:parent-notification-glow 1.5s ease-in-out infinite}.parent-header .parent-header-actions .parent-user-greeting:hover{background:#ffffff26;transform:translateY(-1px)}.parent-header .parent-header-actions .parent-login-btn:hover{background:#ffffff40;transform:translateY(-1px)}.parent-header .parent-header-actions .parent-logout-btn:hover{background:#ff6b7c4d;transform:translateY(-1px)}.phFooter{margin-top:-1px!important;background:linear-gradient(135deg,#1a374d,#2c3e50);width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);color:#fff;padding:0;margin-top:0;overflow:hidden;font-family:var(--font-body)}.phFooterSvg{height:80px}.phFooterWave{display:block;line-height:0;width:100%;height:50px;margin-top:-1px;margin-bottom:-1px}.phFooterWave svg{display:block;width:100%;height:100%}.phFooterInner{max-width:1400px;margin:0 auto;padding:40px 20px}.phFooterContent{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:30px;opacity:0;transform:translateY(20px);transition:all .6s ease}.phFooterContent.phFooterVisible{opacity:1;transform:translateY(0)}.phFooterColumn{display:flex;flex-direction:column}.phFooterInfoColumn{padding-right:20px}.phFooterLogo{margin-bottom:20px;display:inline-block;transition:transform .3s ease}.phFooterLogo img{max-width:180px;height:auto;border-radius:8px;box-shadow:0 2px 10px #0000001a}.phFooterLogo:hover img{transform:scale(1.05)}.phFooterDescription{margin-bottom:20px;color:#e0e0e0;font-size:.95rem;line-height:1.6}.phFooterSchoolAddress{font-style:normal;font-size:.95rem}.phFooterAddressItem{display:flex;align-items:flex-start;margin-bottom:10px}.phFooterAddressItem i{margin-right:10px;color:#6aafdb;min-width:16px;margin-top:4px}.phFooterSchoolAddress a{color:#6aafdb;text-decoration:none;transition:color .2s}.phFooterSchoolAddress a:hover{color:#fff;text-decoration:underline}.phFooterTitle{position:relative;font-size:1.25rem;margin-bottom:25px;color:#fff;font-weight:600}.phFooterTitle:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:3px;background:linear-gradient(90deg,#6aafdb,transparent);border-radius:2px}.phFooterSocialIconsContainer{margin-bottom:20px}.phFooterSocialIcons{display:flex;gap:12px;flex-wrap:wrap}.phFooterSocialIcon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#fff;text-decoration:none;transition:all .3s ease}.phFooterSocialIcon:hover{transform:translateY(-3px)}.phFooterSocialIcon.phFooterFacebook:hover{background-color:#1877f2}.phFooterSocialIcon.phFooterTwitter:hover{background-color:#1da1f2}.phFooterSocialIcon.phFooterInstagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.phFooterSocialIcon.phFooterLinkedin:hover{background-color:#0077b5}.phFooterSocialIcon.phFooterYoutube:hover{background-color:red}.phFooterConnectDescription{color:#e0e0e0;font-size:.95rem;line-height:1.5}.phFooterContactInfo{display:flex;flex-direction:column;gap:20px}.phFooterContactItem{display:flex;align-items:center}.phFooterContactIcon{width:45px;height:45px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#6aafdb;transition:all .3s ease}.phFooterContactItem:hover .phFooterContactIcon{background:#6aafdb33;transform:scale(1.05)}.phFooterContactDetail{flex:1}.phFooterContactLabel{font-size:.85rem;color:#aaa;margin-bottom:3px}.phFooterContactValue{font-weight:600;color:#fff}.phFooterContactValue a{color:inherit;text-decoration:none;transition:color .2s}.phFooterContactValue a:hover{color:#6aafdb}.phFooterDivider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:20px 0}.phFooterBottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:.9rem}.phFooterCopyright{color:#a0a0a0}.phFooterCopyright a{color:#6aafdb;text-decoration:none;transition:color .2s}.phFooterCopyright a:hover{color:#fff;text-decoration:underline}.phFooterBottomLinks{display:flex;gap:20px}.phFooterBottomLink{color:#a0a0a0;text-decoration:none;transition:color .2s}.phFooterBottomLink:hover{color:#fff}@media (max-width: 992px){.phFooterContent{grid-template-columns:1fr 1fr}.phFooterContactColumn{grid-column:span 2;margin-top:20px}}@media (max-width: 768px){.phFooterContent{grid-template-columns:1fr;gap:30px}.phFooterContactColumn{grid-column:auto}.phFooterBottom{flex-direction:column;text-align:center}.phFooterBottomLinks{justify-content:center}.phFooterContactInfo{margin-top:10px}.phFooterInfoColumn{padding-right:0}}.simple-parent-layout{min-height:100vh;display:flex;flex-direction:column;background:#f5f8fa;width:100%;overflow-x:hidden}.simple-parent-main{flex:1;width:100%;margin-top:130px;display:flex;flex-direction:column;position:relative;z-index:1}.simple-parent-content{width:100%;max-width:1520px;margin:0 auto;padding:20px;min-height:calc(100vh - 200px);box-sizing:border-box;position:relative;z-index:1;background:transparent}.simple-parent-content.home-page{padding:0;max-width:100%}html,body{scroll-behavior:auto;overflow-x:hidden}@media (max-width: 992px){.simple-parent-main{margin-top:130px}.simple-parent-content{padding:16px}.simple-parent-content.home-page{padding:0}}@media (max-width: 640px){.simple-parent-main{margin-top:70px}.simple-parent-content{padding:12px;max-width:100%}.simple-parent-content.home-page{padding:0;max-width:100%}}@media (max-width: 480px){.simple-parent-main{margin-top:100px}.simple-parent-content{padding:8px}.simple-parent-content.home-page{padding:0}}.simple-parent-layout *{scroll-behavior:auto!important}.simple-parent-layout,.simple-parent-main,.simple-parent-content{will-change:auto;transform:none;transition:none}.nurse-sidebar{background:linear-gradient(135deg,#015c92,#1e6b96,#2d82b5,#4a9bc9,#88cdf6);color:#fff;width:300px;position:fixed;top:0;left:0;height:100%;display:flex;flex-direction:column;box-shadow:8px 0 30px #015c9226;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1)}.nurse-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);pointer-events:none}.sidebar-top{width:100%;overflow-y:auto;flex-grow:1;position:relative;z-index:2}.sidebar-logo{display:flex;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.15);background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.logo-icon{font-size:2.2rem;margin-right:1rem;color:#88cdf6;text-shadow:0 2px 8px rgba(136,205,246,.3);animation:pulse 2s infinite}.logo-text h1{font-size:1.4rem;margin:0;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.5px}.logo-text span{font-size:.8rem;color:#fffc;font-weight:400;letter-spacing:.3px}.sidebar-nav{padding:1.5rem 0}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav li{margin:0 1rem}.sidebar-nav a{display:flex;align-items:center;padding:1.1rem 1.5rem;color:#ffffffd9;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden;border-radius:12px;background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);white-space:nowrap;min-height:48px}.sidebar-nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.sidebar-nav a:hover{background:#ffffff26;color:#fff;transform:translate(8px);box-shadow:0 4px 15px #0000001a;border-color:#fff3}.sidebar-nav a:hover:before{left:100%}.sidebar-nav a.active{background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;font-weight:600;transform:translate(12px);box-shadow:0 6px 20px #00000026;border-color:#ffffff4d}.sidebar-nav a.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(135deg,#88cdf6,#fff);border-radius:0 2px 2px 0;box-shadow:0 0 10px #88cdf680}.sidebar-nav a i{margin-right:1.2rem;width:22px;text-align:center;font-size:1.15rem;transition:all .3s ease;flex-shrink:0;opacity:.9}.sidebar-nav a:hover i{transform:scale(1.1);color:#88cdf6}.sidebar-nav a.active i{transform:scale(1.15);color:#88cdf6;text-shadow:0 0 8px rgba(136,205,246,.4)}.sidebar-bottom{padding:1.5rem;border-top:1px solid rgba(255,255,255,.15);flex-shrink:0;background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative;z-index:2}.sidebar-item{position:relative}.sidebar-user{margin-top:0}.sidebar-user-profile{display:flex;align-items:center;width:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:16px;padding:1rem;cursor:pointer;border:1px solid rgba(255,255,255,.15);text-align:left;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.sidebar-user-profile:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-2px);box-shadow:0 6px 20px #00000026;border-color:#ffffff40}.sidebar-user-profile.active{background:linear-gradient(135deg,#ffffff40,#ffffff26);transform:translateY(-3px);box-shadow:0 8px 25px #0003;border-color:#ffffff4d}.profile-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;margin-right:1rem;flex-shrink:0;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.sidebar-user-profile:hover .profile-avatar{border-color:#fff6;transform:scale(1.05)}.profile-avatar img,.profile-avatar i{width:100%;height:100%;object-fit:cover;font-size:42px;color:#88cdf6}.profile-info{flex-grow:1;overflow:hidden;white-space:nowrap}.profile-name{display:block;font-weight:600;font-size:.95rem;text-overflow:ellipsis;overflow:hidden;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.profile-role{font-size:.8rem;color:#fffc;font-weight:400;margin-top:2px}.dropdown-arrow{transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:.75rem;font-size:.9rem;color:#ffffffb3}.sidebar-user-profile.active .dropdown-arrow{transform:rotate(180deg);color:#88cdf6}.user-dropdown-sidebar{position:absolute;bottom:calc(100% + 15px);left:0;right:0;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 -15px 40px #0003;padding:.75rem;z-index:1001;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-sidebar .dropdown-item{display:flex;align-items:center;width:100%;padding:.875rem 1rem;border:none;background:none;color:#2c3e50;cursor:pointer;border-radius:12px;font-size:.9rem;font-weight:500;transition:all .2s ease;margin-bottom:.25rem}.user-dropdown-sidebar .dropdown-item:hover{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;transform:translate(4px)}.user-dropdown-sidebar .dropdown-item i{margin-right:.875rem;width:18px;text-align:center;font-size:1rem;transition:all .2s ease}.user-dropdown-sidebar .dropdown-item:hover i{transform:scale(1.1)}.user-dropdown-sidebar .dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,#e9ecef,transparent);margin:.5rem 0;border:none}.user-dropdown-sidebar .dropdown-item.logout{color:#e74c3c;font-weight:600}.user-dropdown-sidebar .dropdown-item.logout:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.sidebar-top::-webkit-scrollbar{width:6px}.sidebar-top::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.sidebar-top::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffffff4d,#fff3);border-radius:3px}.sidebar-top::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#fff6,#ffffff4d)}@media (max-width: 1024px){.nurse-sidebar{width:280px}}@media (max-width: 768px){.nurse-sidebar{width:260px;box-shadow:6px 0 25px #015c9233}.sidebar-logo{padding:1.25rem 1.5rem}.logo-text h1{font-size:1.2rem}.logo-text span{font-size:.75rem}.sidebar-nav{padding:1rem 0}.sidebar-nav li{margin:0 .75rem}.sidebar-nav a{padding:.875rem 1rem;font-size:.85rem}.sidebar-nav a i{margin-right:.875rem;font-size:.9rem}.sidebar-bottom{padding:1.25rem}.sidebar-user-profile{padding:.875rem}.profile-avatar{width:38px;height:38px}.profile-name{font-size:.9rem}.profile-role{font-size:.75rem}}@media (max-width: 480px){.nurse-sidebar{width:240px}.sidebar-logo{padding:1rem 1.25rem}.logo-icon{font-size:1.8rem;margin-right:.75rem}.logo-text h1{font-size:1.1rem}.sidebar-nav li{margin:0 .5rem}.sidebar-nav a{padding:.75rem .875rem;font-size:.8rem}.sidebar-bottom{padding:1rem}}.nurse-sidebar:hover{box-shadow:10px 0 35px #015c9233}.sidebar-nav a:focus,.sidebar-user-profile:focus{outline:2px solid #88CDF6;outline-offset:2px}.user-dropdown-sidebar .dropdown-item:focus{outline:2px solid #015C92;outline-offset:1px}.sidebar-notifications{display:none}.nurse-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.nurse-content{flex:1;padding:2rem;margin-left:300px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100vh}@media (max-width: 1024px){.nurse-content{margin-left:280px}}@media (max-width: 768px){.nurse-content{margin-left:260px;padding:1.5rem}}@media (max-width: 480px){.nurse-content{margin-left:240px;padding:1rem}}.student-records-container{padding:24px 20px;max-width:100%;margin:0 auto;overflow-x:auto}@media (max-width: 992px){.student-records-container{padding:20px 15px}.filter-options{padding:15px;gap:12px}.filter-group{min-width:180px}}.search-filter-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px;margin-bottom:24px;border:1px solid #edf2f7;transition:box-shadow .3s ease}.search-filter-container:hover{box-shadow:0 6px 16px #0000001a}.search-form{display:flex;flex-direction:column;gap:20px}.search-bar{display:flex;width:100%;box-shadow:0 3px 8px #0000000f;border-radius:8px;overflow:hidden;transition:all .3s ease}.search-bar:focus-within{box-shadow:0 4px 12px #4a90e226}.search-input{flex:1;padding:14px 20px;border:1px solid #e1e8ed;border-radius:8px 0 0 8px;font-size:15px;transition:all .3s ease;color:#334155}.search-input:focus{outline:none;border-color:#4a90e2}.search-button{padding:12px 28px;background-color:#4a90e2;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.search-button:hover{background-color:#3a7bc8;transform:translateY(-1px)}.filter-options{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:16px;padding:18px;background-color:#f8fafc;border-radius:10px;border:1px solid #e1e8ed;transition:all .3s ease}.filter-options:hover{box-shadow:0 3px 10px #0000000d}.filter-group{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:200px}.filter-group label{color:#334155;font-weight:600;font-size:.95rem}.filter-select,.filter-input{padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;min-width:160px;background-color:#fff;transition:all .3s ease;color:#334155}.filter-select:focus,.filter-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.reset-button{padding:12px 20px;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;margin-left:auto;color:#334155;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.reset-button:hover{background-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.reset-button:before{content:"↻";font-size:14px}.student-records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px}.student-records-header h3{font-size:1.4rem;color:#1e293b;font-weight:600}.add-record-button{padding:14px 24px;background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:600;transition:all .3s ease;box-shadow:0 3px 8px #4caf504d}.add-record-button:hover{background-color:#43a047;transform:translateY(-2px);box-shadow:0 5px 12px #4caf5066}.student-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow-x:auto;border:1px solid #edf2f7;transition:all .3s ease;margin-bottom:20px}.student-table-container:hover{box-shadow:0 6px 16px #0000001f}.student-table-container::-webkit-scrollbar{height:8px}.student-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.student-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.student-table-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.student-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;table-layout:auto}.student-table th,.student-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #e5e7eb}.student-table th{background:linear-gradient(to bottom,#f8fafc,#f1f5f9);font-weight:600;color:#334155;position:sticky;top:0;z-index:5;box-shadow:0 2px 4px #00000014;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;white-space:nowrap}.student-table th:nth-child(1){width:12%}.student-table th:nth-child(2){width:20%}.student-table th:nth-child(3),.student-table th:nth-child(4),.student-table th:nth-child(5){width:12%}.student-table th:nth-child(6){width:14%}.student-table th:nth-child(7){width:110px;text-align:center}.student-table th:first-child,.student-table td:first-child{width:50px;text-align:center;font-weight:700;color:#666}.student-table th:first-child{background-color:#f0f0f0}.student-table td:first-child{background-color:#f9f9f9}.student-table th:first-child{border-top-left-radius:8px}.student-table th:last-child{border-top-right-radius:8px}.student-table tbody tr{cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.student-table tbody tr:hover{background-color:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d;border-left:3px solid #4a90e2}.student-table tbody tr:nth-child(2n){background-color:#fafbfc}.student-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.student-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.student-table td:last-child{text-align:left;width:110px;min-width:110px;padding:6px 8px}.student-table td{vertical-align:middle}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.4px;box-shadow:0 2px 4px #00000014;transition:all .3s ease}.status-complete{background-color:#dcf5dc;color:#0a6e0a;border:1px solid #b8e6b8}.status-complete:hover{background-color:#cff2cf;transform:translateY(-1px)}.status-incomplete{background-color:#fff0db;color:#b45309;border:1px solid #fdddb3}.status-incomplete:hover{background-color:#ffeacc;transform:translateY(-1px)}.action-buttons{display:flex;flex-direction:column;gap:4px;justify-content:center;width:100px}.action-button{border:none;border-radius:3px;padding:3px 6px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:3px;transition:all .2s;color:#fff;white-space:nowrap;min-width:35px;justify-content:center;box-shadow:0 1px 2px #0000001a}@media (max-width: 768px){.action-buttons{flex-direction:row;gap:2px;align-items:center}.action-button{min-width:30px;padding:3px 4px;font-size:10px}}.action-button.view{background-color:#4dabf7}.action-button.view:hover{background-color:#339af0}.action-button.edit{background-color:#f59e0b}.action-button.edit:hover{background-color:#d97706}.pagination{--bs-pagination-color: #3b82f6;--bs-pagination-bg: #ffffff;--bs-pagination-border-color: #e5e7eb;--bs-pagination-hover-color: #1d4ed8;--bs-pagination-hover-bg: #f3f4f6;--bs-pagination-hover-border-color: #d1d5db;--bs-pagination-active-color: #ffffff;--bs-pagination-active-bg: #3b82f6;--bs-pagination-active-border-color: #3b82f6}.pagination .page-item{margin:0 2px}.pagination .page-link{border-radius:6px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;color:#374151;background-color:#fff;border:1px solid #e5e7eb}.pagination .page-link:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;color:#1d4ed8;background-color:#f3f4f6;border-color:#d1d5db}.pagination .page-item.active .page-link{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600;box-shadow:0 2px 4px #3b82f64d}.pagination .page-item.active .page-link:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-1px)}.grade-filter-label{font-weight:600;color:#374151;margin-bottom:8px}.grade-filter-input{border:2px solid #e5e7eb;border-radius:8px;padding:10px 12px;transition:all .2s ease;font-size:14px}.grade-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.student-count-info{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:12px 0;border-top:1px solid #e5e7eb}.student-count-info .text-muted{font-size:14px;color:#6b7280}.grade-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:500;padding:4px 8px;border-radius:6px;font-size:12px}@media (max-width: 768px){.student-count-info{flex-direction:column;gap:16px;text-align:center}.pagination{justify-content:center}.pagination .page-item{margin:0 1px}.pagination .page-link{padding:6px 10px;font-size:14px}}.student-detail-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.detail-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;gap:15px;min-height:40px}.detail-header h2{margin:0;font-size:24px;color:#333}.detail-title{grid-column:2;text-align:center;margin:0;font-size:24px;color:#333;font-weight:600}.back-button,.edit-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s}.back-button{background-color:#f0f0f0;color:#333;grid-column:1;justify-self:start}.back-button:hover{background-color:#e0e0e0}.edit-button{background-color:#2196f3;color:#fff}.edit-button:hover{background-color:#0b7dda}.detail-content{display:grid;grid-template-columns:1fr;gap:30px}.student-info-section{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000d;grid-column:1 / -1}.basic-info h3{margin-top:0;font-size:18px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.basic-info p{margin:8px 0;line-height:1.5}.health-info-section{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000000d}.health-info-section h3{margin-top:0;font-size:18px;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.info-group{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.info-group h4{margin-top:0;font-size:16px;color:#444;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee}.metrics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.metric-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background-color:#f5f5f5;transition:all .2s}.metric-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.metric-icon{width:40px;height:40px;background-color:#ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.metric-icon i{font-size:18px}.metric-content{display:flex;flex-direction:column}.metric-label{font-size:12px;color:#777}.metric-value{font-size:18px;font-weight:600;margin-top:2px;color:#333}.metric-unit{font-size:12px;color:#777;margin-left:4px}.metric-status{font-size:12px;margin-top:2px;font-weight:500}.blood-type{background-color:#f44336;color:#fff;font-weight:600;border-radius:4px;padding:2px 8px;display:inline-block;font-size:14px;letter-spacing:.5px;box-shadow:0 2px 4px #f443364d}.health-history-item{display:flex;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;gap:15px;transition:all .2s}.health-history-item:hover{background-color:#f9f9f9;padding:10px;border-radius:6px;transform:translate(5px)}.health-history-icon{width:36px;height:36px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.health-history-content{flex:1}.health-history-label{font-weight:600;margin:0 0 5px;color:#444;font-size:14px}.health-history-value{margin:0;color:#666;font-size:15px;background-color:#00000005;padding:4px 8px;border-radius:4px}.vaccination-info{display:flex;align-items:flex-start;gap:15px;margin-top:15px}.vaccination-icon{width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.vaccination-icon i{font-size:18px}.vaccination-content{flex:1}.vaccination-name{margin:0;font-size:14px;font-weight:500;color:#333}.last-exam-date{margin-top:10px;font-size:12px;color:#777;display:flex;align-items:center;gap:5px}.emergency-info{display:flex;align-items:center;gap:15px}.emergency-icon{width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.emergency-icon i{font-size:18px}.emergency-content{flex:1}.last-updated{margin-top:15px;font-size:12px;color:#777;text-align:right;display:flex;align-items:center;gap:5px;justify-content:flex-end}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.loading-spinner{border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid #2196F3;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:10px}.error-message{padding:20px;background-color:#fff3cd;color:#856404;border-radius:4px;margin-bottom:15px;border-left:4px solid #ffc107}.vaccination-history{margin-top:20px}.vaccination-history .vaccination-list{display:flex;flex-direction:column;gap:15px}.vaccination-history .vaccination-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #4caf50}.vaccination-item-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#e8f5e8;border-radius:50%}.vaccination-item-content{flex:1}.vaccination-item-content h5{margin:0 0 10px;font-size:16px;font-weight:600;color:#333}.vaccination-details{display:flex;flex-direction:column;gap:5px}.vaccination-details p{margin:0;font-size:14px;color:#666}.vaccination-details p strong{color:#333;font-weight:600}@media (max-width: 768px){.detail-content{grid-template-columns:1fr}.metrics-container{grid-template-columns:1fr 1fr}.vaccination-history .vaccination-item{flex-direction:column;gap:10px}.vaccination-item-icon{align-self:flex-start}}@media (max-width: 576px){.metrics-container{grid-template-columns:1fr}.detail-header{grid-template-columns:1fr;gap:15px;text-align:center}.back-button{grid-column:1;justify-self:start;margin-bottom:10px}.detail-title{grid-column:1;text-align:center}.health-history-item,.vaccination-info,.emergency-info{flex-direction:column;gap:10px}.health-history-icon,.vaccination-icon,.emergency-icon{margin-bottom:5px}.vaccination-item{flex-direction:column;align-items:flex-start;gap:8px}.vaccination-icon{align-self:flex-start}}.health-reports-container{padding:24px;background-color:#f8fafc;min-height:100vh}.report-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a}.report-title{font-size:2.5rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.report-subtitle{font-size:1.1rem;opacity:.9;margin-bottom:0}.export-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.export-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.kpi-card{border:none;border-radius:16px;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;overflow:hidden;position:relative}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.kpi-card.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.kpi-card.green{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.kpi-card.red{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.kpi-card.orange{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.kpi-card.purple{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.kpi-card.teal{background:linear-gradient(135deg,#009688,#00695c);color:#fff}.kpi-icon{opacity:.9;margin-right:16px}.kpi-content{flex:1}.kpi-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.kpi-label{font-size:.9rem;opacity:.9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.chart-card{border:none;border-radius:16px;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;overflow:hidden}.chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.chart-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:20px 24px;border-radius:16px 16px 0 0}.chart-header h5{color:#334155;font-weight:600;margin:0}.chart-container{height:300px;position:relative;padding:20px}.data-table-card{border:none;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.table-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:20px 24px}.student-count-badge{font-size:.9rem;padding:8px 16px;border-radius:20px;font-weight:600}.filter-form{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.filter-label{font-weight:600;color:#334155;margin-bottom:8px}.filter-select{border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-size:.9rem;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.modern-table thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.modern-table thead th{border:none;padding:16px 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.modern-table tbody td{padding:16px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.modern-table tbody tr:hover{background-color:#f8fafc}.modern-table tbody tr:last-child td{border-bottom:none}.student-name strong{color:#1e293b;font-weight:600}.student-name small{font-size:.8rem;color:#64748b}.class-badge{font-weight:600;padding:6px 12px;border-radius:20px;border:1px solid #cbd5e1}.bmi-value{font-weight:600;color:#1e293b;font-size:1.1rem}.blood-type-badge{font-weight:600;padding:6px 12px;border-radius:20px}.pagination-container{padding:20px 0;border-top:1px solid #e9ecef}.pagination-info{font-size:14px;color:#6c757d}.pagination{margin-bottom:0}.page-link{color:#007bff;border:1px solid #dee2e6;padding:8px 12px;margin:0 2px;border-radius:6px;transition:all .3s ease}.page-link:hover{background-color:#e9ecef;border-color:#adb5bd}.page-item.active .page-link{background-color:#007bff;border-color:#007bff;color:#fff}.page-item.disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:center;gap:15px}.pagination-info{text-align:center}}@media (max-width: 768px){.health-reports-container{padding:16px}.report-header{padding:24px}.report-title,.kpi-value{font-size:2rem}.chart-container{height:250px;padding:10px}.filter-form{padding:16px}.modern-table{font-size:.9rem}.modern-table thead th,.modern-table tbody td{padding:12px 8px}}.report-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-container{position:relative;height:300px;width:100%}.report-summary{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.report-summary h3{margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.summary-stats{display:flex;justify-content:space-between;margin-bottom:20px}.stat-item{display:flex;align-items:center;gap:15px;padding:15px;background-color:#f9f9f9;border-radius:8px;flex:1}.stat-icon{font-size:24px;width:50px;height:50px;background-color:#e3f2fd;color:#1976d2;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-item:nth-child(2) .stat-icon{background-color:#e8f5e9;color:#2e7d32}.stat-item:nth-child(3) .stat-icon{background-color:#fff8e1;color:#ffa000}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:14px;color:#666}.report-details{margin-top:30px}.report-details h4{margin-top:0;margin-bottom:15px}.summary-table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td{padding:10px;text-align:left;border-bottom:1px solid #eee}.summary-table th{font-weight:600;background-color:#f8f9fa}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#4a90e2;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{text-align:center;color:#d32f2f;padding:30px}.error-container i{font-size:24px;margin-bottom:10px}.error-container button{margin-top:15px;padding:8px 15px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer}@media (max-width: 992px){.report-content{grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:10px}}.kpi-card{color:#fff;border-radius:8px;padding:15px;display:flex;align-items:center;justify-content:space-between;border:none;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.kpi-card:hover{transform:translateY(-5px)}.kpi-card svg{opacity:.8}.kpi-card div{text-align:right}.kpi-card span{display:block;font-size:.9rem;opacity:.9}.kpi-card strong{display:block;font-size:1.8rem;font-weight:700}.kpi-card.blue{background-color:#007bff}.kpi-card.green{background-color:#28a745}.kpi-card.red{background-color:#dc3545}.kpi-card.orange{background-color:#fd7e14}.kpi-card.purple{background-color:#6f42c1}.card-header{background-color:#e9ecef;font-weight:600}.student-records-page{width:100%;height:100%}.student-records-container{display:flex;flex-direction:column;height:100%;background-color:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #00000014;overflow:hidden}.student-records-tabs{display:flex;background-color:#fff;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 2px 5px #00000014;position:sticky;top:0;z-index:10}.sr-tab{padding:15px 25px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:600;border-bottom:3px solid transparent;transition:all .25s ease-in-out;color:#637381;font-size:.95rem}.sr-tab i{font-size:1.1rem;color:#4a90e2}.sr-tab:hover{background-color:#f0f7ff;color:#4a90e2}.sr-tab.active{border-bottom-color:#4a90e2;color:#4a90e2;background-color:#f0f7ff}.student-records-content{flex:1;overflow-y:auto;background-color:#f9f9f9;border-radius:0 0 10px 10px;padding:5px}.page-title{font-size:1.75rem;font-weight:700;color:#1d5d86;margin:0 0 20px;padding:15px 20px 0;position:relative}.page-title:after{content:"";position:absolute;bottom:-10px;left:20px;width:60px;height:3px;background-color:#4cc1a9;border-radius:2px}.feedback-modal .modal-content{border-radius:12px;border:none;box-shadow:0 10px 30px #00000026;overflow:hidden}.feedback-modal .modal-header{background:linear-gradient(135deg,#1c3faa,#2a52c5);color:#fff;border-bottom:none;padding:1.25rem 1.5rem}.feedback-modal .modal-title{font-size:1.25rem;font-weight:600;display:flex;align-items:center}.feedback-modal .modal-title-icon{margin-right:.75rem}.feedback-modal .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.feedback-modal .modal-body{padding:1.5rem 2rem;background-color:#f8f9fa}.feedback-info-section{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1rem;border:1px solid #e9ecef}.feedback-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.feedback-student-info p{margin:0;line-height:1.6;color:#495057}.feedback-student-info strong{color:#212529;margin-right:.5rem}.feedback-status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.feedback-status-badge.approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.feedback-status-badge.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.feedback-status-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.feedback-status-badge-icon{margin-right:.5rem;font-size:1rem}.feedback-details-title{font-size:1.1rem;font-weight:600;color:#343a40;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center}.feedback-details-icon{margin-right:.75rem;color:#1c3faa}.feedback-modal .list-group-item{border:none;padding:.5rem 0;background-color:transparent}.feedback-modal .text-muted{font-style:italic;color:#6c757d!important}.feedback-modal .modal-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem;justify-content:flex-end}.feedback-modal .btn-close-custom{background-color:#6c757d;border-color:#6c757d;color:#fff;font-weight:500;padding:.5rem 1.5rem;border-radius:25px;transition:all .3s ease}.feedback-modal .btn-close-custom:hover{background-color:#5a6268;border-color:#545b62}.lukhang-checkuplist-wrapper{background:#f8f9fa!important;min-height:100vh!important}.lukhang-checkuplist-header-section{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:1px solid #e9ecef!important;border-radius:12px!important;padding:2rem!important;margin-bottom:2rem!important;box-shadow:0 4px 15px #00000014!important}.lukhang-checkuplist-title-section{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1.5rem!important}.lukhang-checkuplist-main-title{color:#495057!important;font-weight:700!important;font-size:1.75rem!important;margin:0!important;display:flex!important;align-items:center!important;text-shadow:none!important}.lukhang-checkuplist-main-title i{color:#dc3545!important;margin-right:.75rem!important;font-size:1.5rem!important}.lukhang-checkuplist-reset-button{background:linear-gradient(135deg,#007bff,#0056b3)!important;border:2px solid #007bff!important;color:#fff!important;font-weight:600!important;padding:.5rem 1.5rem!important;border-radius:25px!important;transition:all .3s ease!important;box-shadow:0 2px 8px #007bff33!important;font-size:.9rem!important}.lukhang-checkuplist-reset-button:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;border-color:#0056b3!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #007bff4d!important;color:#fff!important}.lukhang-checkuplist-reset-button:focus{box-shadow:0 0 0 4px #007bff40!important;color:#fff!important}.lukhang-checkuplist-filters-row{display:flex!important;gap:1rem!important;align-items:end!important;flex-wrap:wrap!important}.lukhang-checkuplist-status-filter{background:#fff!important;border:2px solid #e9ecef!important;border-radius:8px!important;padding:.25rem!important;min-width:200px!important;transition:all .3s ease!important}.lukhang-checkuplist-status-filter:focus-within{border-color:#007bff!important;box-shadow:0 0 0 3px #007bff1a!important}.lukhang-checkuplist-status-select{border:none!important;outline:none!important;background:transparent!important;color:#495057!important;font-weight:500!important}.lukhang-checkuplist-search-container{flex:1!important;min-width:250px!important}.lukhang-checkuplist-search-input{border:2px solid #e9ecef!important;border-radius:8px!important;padding:.75rem 1rem!important;font-size:1rem!important;transition:all .3s ease!important;background:#fff!important}.lukhang-checkuplist-search-input:focus{border-color:#007bff!important;box-shadow:0 0 0 3px #007bff1a!important;outline:none!important}.campaign-card .card-header h5{color:#fff!important}.campaign-card .card-header .id-badge{background-color:#fff3!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}@media (max-width: 768px){.lukhang-checkuplist-header-section{padding:1.5rem!important}.lukhang-checkuplist-title-section{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.lukhang-checkuplist-main-title{font-size:1.5rem!important}.lukhang-checkuplist-filters-row{flex-direction:column!important;gap:1rem!important}.lukhang-checkuplist-status-filter,.lukhang-checkuplist-search-container{min-width:100%!important}}.checkup-list-container{padding:20px;background-color:#f8f9fa;min-height:100vh;width:100%}.page-header{margin-bottom:30px;display:flex;flex-direction:column;gap:15px}.header-filters{display:flex;flex-direction:column;gap:10px}.filter-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filter-actions{display:flex;align-items:center;background:none;border:none}.search-container{position:relative;flex:1;max-width:400px}.search-input{border-radius:8px;border:1px solid #d1d5db;font-size:.875rem;height:38px}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;width:100%}@media (max-width: 1200px){.campaign-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.campaign-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:16px}.search-container{width:100%}}.campaign-card{border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;transition:transform .2s ease,box-shadow .2s ease}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.campaign-card .card-header{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;border:none;padding:16px 20px;font-size:1.1rem;font-weight:600}.campaign-card .card-body{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.campaign-card .card-text{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:16px}.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stat-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-radius:6px;border-left:3px solid #3b82f6}.stat-item svg{flex-shrink:0}.stat-item div{display:flex;flex-direction:column;gap:2px}.stat-item span{font-size:.75rem;color:#6b7280;font-weight:500}.stat-item strong{font-size:1.125rem;color:#1f2937;font-weight:700}.progress-container-custom{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-container-custom .progress-bar{height:100%;transition:width .3s ease}.campaign-card .card-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:16px 20px;font-size:.875rem;color:#6b7280}.campaign-card .card-footer .btn{background:linear-gradient(to right,#38bdf8,#3b82f6);border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:opacity .3s ease}.campaign-card .card-footer .btn:hover{opacity:.85}.records-summary{gap:20px;margin-bottom:30px;margin-top:20px}.summary-card{flex:1;min-width:200px;background-color:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001f}.summary-card.total{background-color:#f0f7ff;border-left:4px solid #3498db}.summary-card.completed{background-color:#f0fff4;border-left:4px solid #2ecc71}.summary-card.rejected{background-color:#fff0f0;border-left:4px solid #e74c3c}.summary-card.pending{background-color:#fffbf0;border-left:4px solid #f39c12}.summary-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:24px}.summary-card.total .summary-icon{background-color:#3498db26;color:#3498db}.summary-card.completed .summary-icon{background-color:#2ecc7126;color:#2ecc71}.summary-card.rejected .summary-icon{background-color:#e74c3c26;color:#e74c3c}.summary-card.pending .summary-icon{background-color:#f39c1226;color:#f39c12}.summary-info{flex:1}.summary-info p{margin:0;font-size:14px;color:#7f8c8d}.summary-info h3{margin:5px 0 0;font-size:28px;font-weight:600}.summary-info .percentage{font-size:14px;color:#7f8c8d;margin-left:5px}.summary-card.total .summary-info h3{color:#3498db}.summary-card.completed .summary-info h3{color:#2ecc71}.summary-card.rejected .summary-info h3{color:#e74c3c}.summary-card.pending .summary-info h3{color:#f39c12}@media (max-width: 992px){.records-summary{flex-wrap:wrap}.summary-card{min-width:calc(50% - 20px);margin-bottom:20px}}@media (max-width: 576px){.summary-card{min-width:100%}}.checkup-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-btn{padding:8px 16px;background-color:var(--primary-color);border:none;border-radius:4px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.create-btn:hover{background-color:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.create-btn i{font-size:14px}.controls{display:flex;gap:15px}.search-filter-container{display:flex;gap:10px}.search-input{padding:10px 15px;border:1px solid #ddd;border-radius:6px;min-width:240px;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#f5f5f5;font-size:14px;cursor:pointer}.table-container{overflow-x:auto;flex:1;display:flex;flex-direction:column;height:100%;position:relative;margin-bottom:10px}.checkup-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px;box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden;flex:1}.checkup-table thead th{background-color:#f8f9fa;position:sticky;top:0;z-index:10}.checkup-table tbody tr:hover{background-color:#ecf5ffb3}.checkup-table th{background-color:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #ddd}.checkup-table td{padding:12px;border-bottom:1px solid #eaeaea;vertical-align:middle}.checkup-table th:last-child,.checkup-table td:last-child{min-width:160px;text-align:center;vertical-align:top}.checkup-table tr:hover{background-color:#f9f9f9}.campaign-name{cursor:pointer;position:relative;transition:color .2s;font-weight:500}.campaign-name:hover{color:#2980b9}.view-details{font-size:12px;color:#3498db;margin-left:8px;opacity:0;transition:opacity .2s}.campaign-name:hover .view-details{opacity:1}.campaign-description{font-size:13px;color:#666;margin-top:4px}.progress{height:10px;background-color:#f5f5f5;border-radius:5px;overflow:hidden}.progress-bar{height:100%;background-color:#4caf50}.progress-text{font-size:12px;margin-top:4px;text-align:center}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background-color:#2ecc7126;color:#27ae60}.status-upcoming{background-color:#3498db26;color:#2980b9}.status-completed{background-color:#95a5a626;color:#7f8c8d}.status-cancelled{background-color:#e74c3c26;color:#c0392b}.action-buttons{display:flex;gap:10px;justify-content:center;min-width:150px;flex-wrap:nowrap}.action-btn{width:36px;height:36px;border-radius:6px;border:none;margin:0 2px;background-color:#f8f9fa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;z-index:5;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.view-btn{color:#27ae60;background-color:#2ecc711a}.view-btn:hover{background-color:#2ecc7133;color:#27ae60;transform:translateY(-2px);box-shadow:0 4px 8px #2ecc7133}.edit-btn{color:#2980b9;background-color:#3498db1a}.edit-btn:hover{background-color:#3498db33;color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db33}.delete-btn{color:#c0392b;background-color:#e74c3c1a}.delete-btn:hover{background-color:#e74c3c33;color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #e74c3c33}.status-btn:hover{background-color:#95a5a61a}.status-dropdown{position:relative;display:inline-block}.status-dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:160px;box-shadow:0 2px 10px #0000001a;z-index:100;border-radius:4px}.status-dropdown:hover .status-dropdown-content{display:block}.status-dropdown-content button{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background-color:transparent;cursor:pointer;font-size:14px}.action-btn i.fas{font-size:16px;line-height:1;display:block}.status-dropdown-content button:hover{background-color:#f5f5f5}.form-buttons{display:flex;justify-content:flex-end;margin-top:25px;padding-top:15px;border-top:1px solid #eaeaea}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.checkup-items-container{border:1px solid #ddd;border-radius:4px;padding:15px;margin-top:5px;background-color:#f8f9fa}.checkup-items-container .row{margin-bottom:10px}.checkup-items-container .row:last-child{margin-bottom:0}.form-check{display:flex;align-items:center}.form-check-input{margin-right:8px}.progress{height:8px;border-radius:4px;background-color:#f1f1f1;overflow:hidden;margin-bottom:4px}.progress-bar{background-color:#27ae60;height:100%;border-radius:4px}.progress-text{font-size:12px;color:#666}.empty-message{text-align:center;padding:30px;color:#7f8c8d;font-style:italic}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{width:50px;height:50px;border:5px solid rgba(0,123,255,.2);border-radius:50%;border-top-color:#007bff;animation:spin 1s linear infinite}.pagination-container{display:flex;justify-content:center;align-items:center;margin:32px 0;gap:16px}.pagination-info{color:#6c757d;font-size:.9rem}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-button{padding:8px 16px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.pagination-button:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.pagination-button:disabled{opacity:.6;cursor:not-allowed}.pagination-button.active{background:#007bff;color:#fff;border-color:#007bff}.pagination-button.active:hover{background:#0056b3;border-color:#0056b3}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:12px}.pagination-controls{flex-wrap:wrap;justify-content:center}}.required-field{color:#e74c3c;font-weight:700;margin-left:3px}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#e74c3c;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74c3c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74c3c' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem);padding-right:calc(1.5em + .75rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#e74c3c;box-shadow:0 0 0 .25rem #e74c3c40}.invalid-feedback,.text-danger{color:#e74c3c;font-size:.875rem;margin-top:.25rem}.alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.add-btn{background-color:#27ae60;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.add-btn:hover{background-color:#219653}.add-checkup-btn{padding:8px 16px;display:flex;align-items:center;gap:8px}.create-checkup-modal{max-width:90%!important;margin:30px auto!important}.create-checkup-modal .modal-content{background-color:#fff!important;border-radius:8px;box-shadow:0 5px 15px #00000080;border:1px solid rgba(0,0,0,.2)}.create-checkup-modal-body{padding:20px!important;background-color:#fff!important}.checkup-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin:20px 0;position:relative;animation:slideDown .3s ease-out;border:1px solid #e0e0e0}.checkup-form-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #eaeaea;border-radius:8px 8px 0 0}.checkup-form-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:#777;cursor:pointer;font-size:18px;padding:5px;transition:all .2s}.close-btn:hover{color:#e74c3c;transform:scale(1.1)}.checkup-form{padding:20px;max-height:70vh;overflow-y:auto}.campaign-stats-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 8px}.campaign-stats-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0 16px}.stat-box{padding:10px 8px;border-radius:6px;border:1px solid #e9ecef;background:#f8f9fa;text-align:center;border-left:3px solid #007bff;height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:70px;max-height:70px;overflow:hidden}.stat-box .stat-number{display:block;font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:4px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-box .stat-label{font-size:.72rem;color:#6c757d;font-weight:500;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-box.success{border-left-color:#28a745}.stat-box.info{border-left-color:#17a2b8}.stat-box.warning{border-left-color:#ffc107}.stat-box.follow-up{border-left-color:#6f42c1}.stat-box.date{border-left-color:#17a2b8}.stat-box.deadline{border-left-color:#fd7e14}.campaign-bottom{margin-top:auto;padding-top:15px;border-top:1px solid #e9ecef;min-height:80px;display:flex;flex-direction:column;justify-content:space-between}.campaign-status-info{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;padding:10px;background:#f8f9fa;border-radius:6px;border-left:3px solid #6c757d;min-height:35px}.campaign-status-info .status-icon{color:#6c757d;font-size:.9rem}.campaign-status-info .status-label{color:#6c757d;font-weight:500;font-size:.8rem}.campaign-status-info .status-value{color:#2c3e50;font-weight:600;font-size:.8rem}.action-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;color:#fff;padding:12px 16px;border-radius:6px;font-size:.85rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #007bff33;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px}.action-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}@media (max-width: 768px){.campaign-stats-numbers{grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0 6px}.campaign-stats-dates{grid-template-columns:repeat(2,1fr);gap:6px;margin:6px 0 12px}.stat-box{height:65px;min-height:65px;max-height:65px}.stat-box .stat-number{font-size:1.1rem}.stat-box .stat-label{font-size:.7rem}.campaign-bottom{min-height:75px}.campaign-status-info{min-height:32px;padding:8px}.action-button{height:38px;font-size:.8rem}}.campaign-details-section{margin-top:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.details-header h3{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600;display:flex;align-items:center}.details-header .btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .3s ease}.details-header .btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.details-content{min-height:200px}.students-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.students-table-container .table{margin-bottom:0;border-radius:8px;overflow:hidden}.students-table-container .table thead th{background:#f8f9fa;color:#495057;font-weight:600;border-bottom:2px solid #dee2e6;padding:12px;font-size:.9rem}.students-table-container .table tbody tr{transition:background-color .2s ease}.students-table-container .table tbody tr:hover{background-color:#f8f9fa}.students-table-container .table tbody td{padding:12px;vertical-align:middle;border-bottom:1px solid #dee2e6}.students-table-container .table tbody td:last-child{text-align:center}.students-table-container .btn{padding:6px 12px;font-size:.8rem;border-radius:4px;font-weight:500;transition:all .2s ease}.students-table-container .btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.campaign-details-section{margin-top:24px;padding:16px}.details-header{flex-direction:column;gap:16px;align-items:flex-start}.details-header h3{font-size:1.25rem}.details-header .btn{align-self:flex-end}.students-table-container{overflow-x:auto}}.checkup-status-badge{padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.checkup-status-badge .me-1{margin-right:4px!important}@media (max-width: 768px){.checkup-status-badge{font-size:.7rem;padding:4px 8px}}.student-filters{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6;margin-bottom:20px}.student-filters .form-label{font-weight:600;color:#495057;margin-bottom:8px}.student-filters .form-control{border:1px solid #ced4da;border-radius:6px;padding:8px 12px;font-size:.9rem;transition:border-color .2s ease}.student-filters .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.student-filters .form-control::placeholder{color:#6c757d;font-style:italic}@media (max-width: 768px){.student-filters{padding:15px}.student-filters .form-control{margin-bottom:10px}}.header-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.status-filter{min-width:250px}.status-filter-select{border-radius:8px;border:1px solid #d1d5db;font-size:.875rem;height:38px;background-color:transparent;padding:6px 12px}.status-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 .2rem #3b82f640;background-color:transparent}.status-filter,.status-filter>*,.status-filter-select,.filter-actions,.filter-actions>*{background:none!important;border:none;box-shadow:none!important}.status-filter-select{border:1px solid #d1d5db!important;border-radius:8px;font-size:.875rem;height:38px;background-color:transparent!important;padding:6px 12px;min-width:250px}.status-filter-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 .2rem #3b82f640!important;background-color:transparent!important}.filter-actions .btn{border:none!important;box-shadow:none!important;padding:6px 16px;font-size:.875rem;background:#007bff!important;color:#fff!important;border-radius:6px}.filter-actions .btn:focus{box-shadow:none!important;background:#0056b3!important}.filter-actions .btn:hover{background:#0056b3!important;border:none!important;box-shadow:none!important}.header-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-title-section h2{margin:0;color:#2c3e50;font-size:1.875rem;font-weight:700}.header-reset-action{display:flex;align-items:center}.header-reset-action .btn{border:none;box-shadow:none;padding:8px 16px;font-size:.875rem;background:#007bff;color:#fff;border-radius:6px;font-weight:500}.header-reset-action .btn:hover{background:#0056b3;border:none;box-shadow:none}.header-reset-action .btn:focus{box-shadow:none;background:#0056b3}.status-filter{min-width:250px;background-color:#fff!important;border:1px solid #ced4da!important;border-radius:8px;padding:2px}.status-filter-select{border:none!important;border-radius:6px;font-size:.875rem;height:36px;background-color:#fff!important;padding:6px 12px}.status-filter-select:focus{border:none!important;box-shadow:0 0 0 .2rem #3b82f640!important;background-color:#fff!important}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;padding-right:2.25rem!important}.form-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23007bff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e")!important}.form-select,.form-control[type=select],select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;padding-right:2.25rem!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}@media (max-width: 768px){.header-title-section{flex-direction:column;gap:10px;align-items:flex-start}.header-reset-action{align-self:flex-end}.filter-row{flex-direction:column;gap:10px}.status-filter,.search-container{width:100%;max-width:none}}.create-checkup-modal .modal-dialog{max-width:1200px;margin:1rem auto}.create-checkup-modal .modal-content{border-radius:20px;border:none;box-shadow:0 25px 80px #00000026;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fafc)}.create-checkup-modal .modal-header{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;padding:24px 32px;border-bottom:none;position:relative}.create-checkup-modal .modal-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6,#f59e0b)}.create-checkup-modal .modal-title{font-weight:700;font-size:24px;color:#fff;display:flex;align-items:center;gap:12px}.create-checkup-modal .modal-title:before{content:"🏥";font-size:28px}.create-checkup-modal .btn-close{background-color:#fff3;border-radius:50%;width:40px;height:40px;opacity:1;transition:all .3s ease}.create-checkup-modal .btn-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.create-checkup-modal .modal-body{padding:32px;max-height:75vh;overflow-y:auto;background:linear-gradient(135deg,#fff,#f8fafc)}.create-checkup-modal .modal-body::-webkit-scrollbar{width:8px}.create-checkup-modal .modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.create-checkup-modal .modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#015c92,#2d82b5);border-radius:4px}.create-checkup-modal .modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#014a7a,#2570a0)}.create-checkup-modal .form-section{background:#fff;padding:28px;border-radius:16px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.create-checkup-modal .form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6)}.create-checkup-modal .form-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.create-checkup-modal .form-section h5{font-weight:700;font-size:20px;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:12px}.create-checkup-modal .form-section:nth-child(1) h5:before{content:"📋";font-size:24px}.create-checkup-modal .form-section:nth-child(2) h5:before{content:"📊";font-size:24px}.create-checkup-modal .form-section:nth-child(3) h5:before{content:"🔬";font-size:24px}.create-checkup-modal .form-section:nth-child(4) h5:before{content:"📝";font-size:24px}.create-checkup-modal .form-label{font-weight:600;font-size:14px;color:#374151;margin-bottom:8px;display:flex;align-items:center;gap:6px}.create-checkup-modal .form-control,.create-checkup-modal .form-select{border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:14px;transition:all .3s ease;background-color:#fff}.create-checkup-modal .form-control:focus,.create-checkup-modal .form-select:focus{border-color:#015c92;box-shadow:0 0 0 3px #015c921a;outline:none;transform:translateY(-1px)}.create-checkup-modal .form-control::placeholder{color:#9ca3af;font-style:italic}.create-checkup-modal .form-control[readonly],.create-checkup-modal .form-control:disabled{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;cursor:not-allowed;color:#64748b}.create-checkup-modal .form-control.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.create-checkup-modal .invalid-feedback{font-size:12px;font-weight:500;color:#ef4444;margin-top:6px;display:flex;align-items:center;gap:4px}.create-checkup-modal .invalid-feedback:before{content:"";font-size:14px}.create-checkup-modal .info-text p{margin:0;padding:16px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;color:#0f172a;border-left:4px solid #015C92;font-size:14px;transition:all .3s ease}.create-checkup-modal .info-text p:hover{transform:translate(4px);box-shadow:0 4px 12px #015c9226}.create-checkup-modal .info-text strong{color:#015c92;font-weight:700}.create-checkup-modal .list-group-horizontal{gap:8px;flex-wrap:wrap}.create-checkup-modal .list-group-item.badge{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .3s ease}.create-checkup-modal .list-group-item.badge:before{content:"🔬";font-size:14px}.create-checkup-modal .list-group-item.badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.create-checkup-modal .text-muted{color:#64748b!important;font-style:italic;padding:20px;text-align:center;background:#f8fafc;border-radius:12px;border:2px dashed #cbd5e1}.create-checkup-modal .modal-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;padding:24px 32px;gap:12px}.create-checkup-modal .modal-footer .btn{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;border:none;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.create-checkup-modal .modal-footer .btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.create-checkup-modal .modal-footer .btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}.create-checkup-modal .modal-footer .btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.create-checkup-modal .modal-footer .btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.create-checkup-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff}.create-checkup-modal .modal-footer .btn-primary:hover{background:linear-gradient(135deg,#014a7a,#2570a0);transform:translateY(-2px);box-shadow:0 4px 12px #015c924d}.create-checkup-modal .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.create-checkup-modal .spinner-border-sm{width:16px;height:16px;border-width:2px}@media (max-width: 1200px){.create-checkup-modal .modal-dialog{max-width:95%;margin:.5rem auto}}@media (max-width: 768px){.create-checkup-modal .modal-header,.create-checkup-modal .modal-body,.create-checkup-modal .modal-footer,.create-checkup-modal .form-section{padding:20px}.create-checkup-modal .modal-title{font-size:20px}.create-checkup-modal .form-section h5{font-size:18px}}.create-checkup-modal .modal-content{animation:slideInDown .4s ease-out}.create-checkup-modal .form-section{animation:fadeInUp .5s ease-out}.create-checkup-modal .form-section:nth-child(1){animation-delay:.1s}.create-checkup-modal .form-section:nth-child(2){animation-delay:.2s}.create-checkup-modal .form-section:nth-child(3){animation-delay:.3s}.create-checkup-modal .form-section:nth-child(4){animation-delay:.4s}.create-checkup-modal .form-control:focus+.form-label,.create-checkup-modal .form-select:focus+.form-label{color:#015c92;transform:translateY(-2px)}.create-checkup-modal textarea.form-control{resize:vertical;min-height:100px}.create-checkup-modal textarea.form-control::-webkit-scrollbar{width:6px}.create-checkup-modal textarea.form-control::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.create-checkup-modal textarea.form-control::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.create-checkup-modal textarea.form-control::-webkit-scrollbar-thumb:hover{background:#94a3b8}.health-checkups-page{width:100%}.health-checkups-container{width:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.health-checkups-header{margin-bottom:15px}.health-checkups-title{font-size:1.8rem;font-weight:600;color:#3c4b64;margin:0;padding-bottom:10px;border-bottom:2px solid #3498db;display:inline-block}.health-checkups-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.tab-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;padding:10px 15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:500;color:#495057;outline:none}.tab-button i{font-size:1rem}.tab-button:hover{background-color:#e9ecef}.tab-button.active{background-color:#3498db;color:#fff;border-color:#3498db}.tab-button.back-button{margin-left:auto;background-color:#f8f9fa;border:1px solid #ddd}.health-checkups-content{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@media (max-width: 768px){.health-checkups-tabs{flex-direction:column;align-items:stretch;gap:5px}.tab-button.back-button{margin-left:0;margin-top:10px}}.schedule-consultation-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000001a}.schedule-consultation-container h2{margin-bottom:20px;color:#2c3e50;border-bottom:2px solid #eaeaea;padding-bottom:10px}.required{color:#e74c3c}.student-search-container{position:relative}.student-search-results{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;z-index:1000;box-shadow:0 4px 8px #0000001a}.student-search-item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;border-bottom:1px solid #f0f0f0}.student-search-item:hover{background-color:#f5f5f5}.student-search-item:last-child{border-bottom:none}.student-id{font-weight:700;color:#666;width:15%}.student-name{flex-grow:1}.student-class{color:#888;width:20%;text-align:right}.selected-student-info{margin-top:8px;padding:8px;background-color:#e8f4fd;border-radius:4px;font-size:.9rem}.consultations-table-container{max-height:500px;overflow-y:auto}.consultation-actions{display:flex;gap:5px;justify-content:center}.status-badge{padding:3px 8px;border-radius:12px;font-size:.85rem;font-weight:500}.status-scheduled{background-color:#e3f2fd;color:#1976d2}.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-cancelled{background-color:#ffebee;color:#c62828}.status-no-show{background-color:#fafafa;color:#757575}.medical-checkup-list-container{padding:20px}.medical-checkup-list-container h2{margin-bottom:20px;color:#2c3e50}.filter-container{background-color:#f8f9fa;padding:15px;border-radius:5px;margin-bottom:20px}.badge{font-size:.85rem;padding:6px 10px}.table th{background-color:#f0f7ff;font-weight:600}.checkup-detail h5{color:#3498db;margin-bottom:15px;font-size:1.1rem;font-weight:600;border-bottom:1px solid #eee;padding-bottom:5px}.checkup-detail p{margin-bottom:8px}.checkup-detail .table{margin-bottom:0}.checkup-detail .table th{width:20%;background-color:#f8f9fa}.edit-form .form-label{font-weight:500}.edit-form .form-control:focus,.edit-form .form-select:focus{border-color:#3498db;box-shadow:0 0 0 .25rem #3498db40}.btn-sm{padding:.25rem .5rem;font-size:.875rem}@media (max-width: 768px){.medical-checkup-list-container{padding:10px}.table-responsive{font-size:.9rem}.btn-sm{padding:.2rem .4rem;font-size:.8rem}}.schedule-edit-checkup-modal{z-index:1055!important;display:flex!important;align-items:center!important;justify-content:center!important}.schedule-edit-checkup-modal .modal-dialog{max-width:90vw!important;width:90vw!important;margin:0 auto!important;position:relative!important;transform:none!important;left:auto!important;max-height:90vh!important;height:auto!important}.schedule-edit-checkup-modal.modal{display:flex!important;align-items:center!important;justify-content:center!important}.schedule-edit-checkup-modal .modal-content{margin:0 auto!important;width:100%!important;position:relative!important;max-height:90vh!important;display:flex!important;flex-direction:column!important}.schedule-edit-modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem}.schedule-edit-modal-title{font-size:1.25rem;font-weight:500;margin:0}.schedule-edit-modal-body{padding:1.5rem;max-height:60vh!important;overflow-y:auto;flex:1 1 auto!important}.schedule-form-section{margin-bottom:2rem;padding:1rem;border:1px solid #e9ecef;border-radius:.5rem;background-color:#f8f9fa}.schedule-form-section h5{color:#495057;margin-bottom:1rem;font-weight:600}.schedule-edit-modal-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:1rem 1.5rem;justify-content:flex-end;flex-shrink:0!important;display:flex!important;align-items:center!important;min-height:60px!important}.schedule-save-btn{min-width:140px;background-color:#28a745!important;border-color:#28a745!important;color:#fff!important;padding:.6rem 1.25rem!important;font-size:.9rem!important;font-weight:500!important;border-radius:.375rem!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.schedule-save-btn:hover{background-color:#218838!important;border-color:#1e7e34!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #28a7454d!important}.schedule-save-btn:focus{box-shadow:0 0 0 .2rem #28a74540!important}.schedule-save-btn:active{transform:translateY(0)!important;box-shadow:0 2px 4px #28a7454d!important}#schedule-edit-modal.modal,#schedule-edit-modal.modal.show{display:block!important}#schedule-edit-modal .modal-backdrop{z-index:1040!important}.schedule-edit-form .form-control,.schedule-edit-form .form-select{margin-bottom:1rem}@media (max-width: 768px){.schedule-edit-checkup-modal .modal-dialog{max-width:95vw!important;width:95vw!important;margin:1rem auto!important}.schedule-edit-modal-body{padding:1rem;max-height:60vh}}@media (min-width: 576px){.schedule-edit-checkup-modal .modal-dialog{max-width:90vw!important;width:90vw!important;margin:1.75rem auto!important}}@media (min-width: 992px){.schedule-edit-checkup-modal .modal-dialog{max-width:80vw!important;width:80vw!important}}@media (min-width: 1200px){.schedule-edit-checkup-modal .modal-dialog{max-width:70vw!important;width:70vw!important}}.modal.schedule-edit-checkup-modal{display:flex!important;align-items:center!important;justify-content:center!important}.modal.schedule-edit-checkup-modal .modal-dialog{margin:0!important;position:relative!important;max-height:none!important}.checkup-detail-modal .modal-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#343a40}.checkup-detail-modal .modal-title{font-weight:600}.checkup-detail-modal .modal-body{background-color:#f8f9fa;padding:1.5rem}.detail-card{border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;height:100%}.detail-card .card-header{background-color:#fff;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef}.detail-card .list-group-item{background-color:#fff;border-bottom:1px solid #f1f3f5}.detail-card .list-group-item:last-child{border-bottom:none}.detail-badge{font-size:.85rem;padding:.4em .8em}.checkup-detail-modal-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6}.checkup-detail-modal .modal-dialog{max-width:1000px;margin:1rem auto}.checkup-detail-modal .modal-content{border-radius:20px;border:none;box-shadow:0 25px 80px #00000026;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fafc)}.checkup-detail-modal .checkup-detail-modal-header{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;padding:24px 32px;border-bottom:none;position:relative}.checkup-detail-modal .checkup-detail-modal-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6,#f59e0b)}.checkup-detail-modal .modal-title{font-weight:700;font-size:24px;color:#fff;display:flex;align-items:center;gap:12px;margin:0}.checkup-detail-modal .btn-close{background-color:#fff3;border-radius:50%;width:40px;height:40px;opacity:1;transition:all .3s ease}.checkup-detail-modal .btn-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.checkup-detail-modal .checkup-detail-modal-body{padding:32px;max-height:80vh;overflow-y:auto;background:linear-gradient(135deg,#fff,#f8fafc)}.checkup-detail-modal .checkup-detail-modal-body::-webkit-scrollbar{width:8px}.checkup-detail-modal .checkup-detail-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.checkup-detail-modal .checkup-detail-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#015c92,#2d82b5);border-radius:4px}.checkup-detail-modal .checkup-detail-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#014a7a,#2570a0)}.checkup-detail-modal .text-center.py-5{padding:60px 20px!important}.checkup-detail-modal .spinner-border{width:3rem;height:3rem;border-width:.3em;color:#015c92}.checkup-detail-modal .text-center p{color:#64748b;font-size:16px;margin-top:16px}.checkup-detail-modal .detail-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;overflow:hidden;background:#fff}.checkup-detail-modal .detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.checkup-detail-modal .detail-card .card-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;padding:16px 20px;font-weight:700;font-size:16px;color:#1e293b;display:flex;align-items:center;gap:8px}.checkup-detail-modal .detail-card .card-body{padding:20px}.checkup-detail-modal .detail-item{padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border-left:4px solid #015C92;transition:all .3s ease}.checkup-detail-modal .detail-item:hover{transform:translate(4px);box-shadow:0 2px 8px #015c921a}.checkup-detail-modal .detail-item-header{display:flex;align-items:center;margin-bottom:6px}.checkup-detail-modal .detail-item-header .fw-bold{color:#374151;font-size:14px;font-weight:600}.checkup-detail-modal .detail-item-header .text-primary{color:#015c92!important;font-size:16px}.checkup-detail-modal .detail-item-value{color:#1e293b;font-size:15px;font-weight:500;margin-left:24px}.checkup-detail-modal .list-group-item{border:none;padding:12px 20px;background:transparent;border-bottom:1px solid #f1f5f9;transition:all .3s ease}.checkup-detail-modal .list-group-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translate(4px)}.checkup-detail-modal .list-group-item:last-child{border-bottom:none}.checkup-detail-modal .list-group-item .fw-bold{color:#374151;font-size:14px;margin-bottom:4px;display:flex;align-items:center}.checkup-detail-modal .list-group-item .text-primary{color:#015c92!important;font-size:16px}.checkup-detail-modal .detail-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.checkup-detail-modal .badge.bg-success{background:linear-gradient(135deg,#10b981,#059669)!important}.checkup-detail-modal .badge.bg-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.checkup-detail-modal .badge.bg-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.checkup-detail-modal .badge.bg-secondary{background:linear-gradient(135deg,#6b7280,#4b5563)!important}.checkup-detail-modal .display-6{font-size:2.5rem;font-weight:700;color:#015c92;text-shadow:0 2px 4px rgba(1,92,146,.1)}.checkup-detail-modal .text-center .fw-bold{color:#374151;font-size:14px;margin-bottom:8px}.checkup-detail-modal .mb-3{margin-bottom:20px!important}.checkup-detail-modal .card-subtitle{color:#64748b!important;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.checkup-detail-modal .card-text{color:#1e293b;font-size:15px;line-height:1.6;background:#f8fafc;padding:16px;border-radius:8px;border-left:4px solid #015C92;margin:0}.checkup-detail-modal hr{border:none;height:2px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1,#e2e8f0);margin:20px 0}@media (max-width: 992px){.checkup-detail-modal .modal-dialog{max-width:95%;margin:.5rem auto}.checkup-detail-modal .checkup-detail-modal-header,.checkup-detail-modal .checkup-detail-modal-body{padding:20px}.checkup-detail-modal .modal-title{font-size:20px}}@media (max-width: 768px){.checkup-detail-modal .detail-card .card-header{padding:12px 16px;font-size:14px}.checkup-detail-modal .detail-card .card-body{padding:16px}.checkup-detail-modal .list-group-item{padding:10px 16px}.checkup-detail-modal .display-6{font-size:2rem}}.checkup-detail-modal .modal-content{animation:slideInDown .4s ease-out}.checkup-detail-modal .detail-card{animation:fadeInUp .5s ease-out}.checkup-detail-modal .detail-card:nth-child(1){animation-delay:.1s}.checkup-detail-modal .detail-card:nth-child(2){animation-delay:.2s}.checkup-detail-modal .detail-card:nth-child(3){animation-delay:.3s}.checkup-detail-modal .detail-card:nth-child(4){animation-delay:.4s}.checkup-detail-modal .alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e;border-radius:12px;padding:16px 20px;font-weight:500}.schedule-edit-checkup-modal .modal-dialog{max-width:1200px;margin:1rem auto}.schedule-edit-checkup-modal .modal-content{border-radius:20px;border:none;box-shadow:0 25px 80px #00000026;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fafc)}.schedule-edit-checkup-modal .schedule-edit-modal-header{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;padding:24px 32px;border-bottom:none;position:relative}.schedule-edit-checkup-modal .schedule-edit-modal-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6,#f59e0b)}.schedule-edit-checkup-modal .schedule-edit-modal-title{font-weight:700;font-size:24px;color:#fff;display:flex;align-items:center;gap:12px;margin:0}.schedule-edit-checkup-modal .schedule-edit-modal-title:before{content:"✏️";font-size:28px}.schedule-edit-checkup-modal .btn-close{background-color:#fff3;border-radius:50%;width:40px;height:40px;opacity:1;transition:all .3s ease}.schedule-edit-checkup-modal .btn-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.schedule-edit-checkup-modal .schedule-edit-modal-body{padding:32px;max-height:75vh;overflow-y:auto;background:linear-gradient(135deg,#fff,#f8fafc)}.schedule-edit-checkup-modal .schedule-edit-modal-body::-webkit-scrollbar{width:8px}.schedule-edit-checkup-modal .schedule-edit-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.schedule-edit-checkup-modal .schedule-edit-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#015c92,#2d82b5);border-radius:4px}.schedule-edit-checkup-modal .schedule-edit-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#014a7a,#2570a0)}.schedule-edit-checkup-modal .schedule-form-section{background:#fff;padding:28px;border-radius:16px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.schedule-edit-checkup-modal .schedule-form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6)}.schedule-edit-checkup-modal .schedule-form-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.schedule-edit-checkup-modal .schedule-form-section h5{font-weight:700;font-size:20px;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:12px}.schedule-edit-checkup-modal .schedule-form-section:nth-child(1) h5:before{content:"👤";font-size:24px}.schedule-edit-checkup-modal .schedule-form-section:nth-child(2) h5:before{content:"📋";font-size:24px}.schedule-edit-checkup-modal .schedule-form-section:nth-child(3) h5:before{content:"📊";font-size:24px}.schedule-edit-checkup-modal .schedule-form-section:nth-child(4) h5:before{content:"🩺";font-size:24px}.schedule-edit-checkup-modal .schedule-form-section:nth-child(5) h5:before{content:"📝";font-size:24px}.schedule-edit-checkup-modal .form-label{font-weight:600;font-size:14px;color:#374151;margin-bottom:8px;display:flex;align-items:center;gap:6px}.schedule-edit-checkup-modal .form-control,.schedule-edit-checkup-modal .form-select{border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:14px;transition:all .3s ease;background-color:#fff}.schedule-edit-checkup-modal .form-control:focus,.schedule-edit-checkup-modal .form-select:focus{border-color:#015c92;box-shadow:0 0 0 3px #015c921a;outline:none;transform:translateY(-1px)}.schedule-edit-checkup-modal .form-control::placeholder{color:#9ca3af;font-style:italic}.schedule-edit-checkup-modal .form-control[readonly],.schedule-edit-checkup-modal .form-control:disabled{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;cursor:not-allowed;color:#64748b}.schedule-edit-checkup-modal .form-control.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.schedule-edit-checkup-modal .invalid-feedback{font-size:12px;font-weight:500;color:#ef4444;margin-top:6px;display:flex;align-items:center;gap:4px}.schedule-edit-checkup-modal .modal-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;padding:24px 32px;gap:12px}.schedule-edit-checkup-modal .modal-footer .btn{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;border:none;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.schedule-edit-checkup-modal .modal-footer .btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.schedule-edit-checkup-modal .modal-footer .btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}.schedule-edit-checkup-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff}.schedule-edit-checkup-modal .modal-footer .btn-primary:hover{background:linear-gradient(135deg,#014a7a,#2570a0);transform:translateY(-2px);box-shadow:0 4px 12px #015c924d}.schedule-edit-checkup-modal .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.schedule-edit-checkup-modal .spinner-border-sm{width:16px;height:16px;border-width:2px}@media (max-width: 1200px){.schedule-edit-checkup-modal .modal-dialog{max-width:95%;margin:.5rem auto}}@media (max-width: 768px){.schedule-edit-checkup-modal .schedule-edit-modal-header,.schedule-edit-checkup-modal .schedule-edit-modal-body,.schedule-edit-checkup-modal .modal-footer,.schedule-edit-checkup-modal .schedule-form-section{padding:20px}.schedule-edit-checkup-modal .schedule-edit-modal-title{font-size:20px}.schedule-edit-checkup-modal .schedule-form-section h5{font-size:18px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.schedule-edit-checkup-modal .modal-content{animation:slideInDown .4s ease-out}.schedule-edit-checkup-modal .schedule-form-section{animation:fadeInUp .5s ease-out}.schedule-edit-checkup-modal .schedule-form-section:nth-child(1){animation-delay:.1s}.schedule-edit-checkup-modal .schedule-form-section:nth-child(2){animation-delay:.2s}.schedule-edit-checkup-modal .schedule-form-section:nth-child(3){animation-delay:.3s}.schedule-edit-checkup-modal .schedule-form-section:nth-child(4){animation-delay:.4s}.schedule-edit-checkup-modal .schedule-form-section:nth-child(5){animation-delay:.5s}.lukhang-inventory-main-wrapper{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;min-height:100vh!important;padding:2rem!important}.lukhang-inventory-header-card{background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4 60%,#88cdf6)!important;border:none!important;border-radius:1rem!important;box-shadow:0 10px 30px #0d6efd33!important;margin-bottom:2rem!important}.lukhang-inventory-title-custom{color:#fff!important;font-weight:700!important;font-size:2rem!important;margin:0!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important}.lukhang-inventory-title-custom i{color:#fff!important}.lukhang-inventory-action-bar{background:#fff!important;border-radius:1rem!important;box-shadow:0 4px 15px #00000014!important;margin-bottom:2rem!important;padding:1.5rem!important}.lukhang-inventory-table-container{background:#fff!important;border-radius:1rem!important;box-shadow:0 4px 15px #00000014!important;padding:1.5rem!important;margin:0!important}.medical-incidents-dropdown{background-color:#fff!important;border:1px solid #ced4da!important;border-radius:.375rem!important;padding:.375rem 2.25rem .375rem .75rem!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important;color:#212529!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.medical-incidents-dropdown:focus{border-color:#86b7fe!important;outline:0!important;box-shadow:0 0 0 .25rem #0d6efd40!important}.medical-incidents-dropdown:disabled{background-color:#e9ecef!important;opacity:1!important}.lukhang-reset-button{min-width:120px!important;height:48px!important;border-radius:10px!important;border:2px solid #6c757d!important;background:#f8f9fa!important;color:#495057!important;font-weight:600!important;transition:all .3s ease!important;box-shadow:0 4px 15px #6c757d33!important}.lukhang-reset-button:hover{background:#6c757d!important;color:#fff!important;border-color:#6c757d!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #6c757d66!important}.lukhang-reset-button:focus{background:#6c757d!important;color:#fff!important;border-color:#6c757d!important;box-shadow:0 0 0 .2rem #6c757d40!important}.lukhang-reset-button:active{background:#5a6268!important;color:#fff!important;border-color:#5a6268!important;transform:translateY(0)!important}@media (max-width: 992px){.lukhang-inventory-main-wrapper{padding:1rem!important}.lukhang-inventory-title-custom{font-size:1.5rem!important}}.search-filter-btn{border-color:#015c92!important;color:#015c92!important;transition:all .3s ease}.search-filter-btn:hover{background-color:#015c92!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 4px #015c9233}.search-input{border-color:#015c92!important;transition:all .3s ease}.search-input:focus{border-color:#2d82b5!important;box-shadow:0 0 0 .2rem #015c9226!important;transform:translateY(-1px)}.search-icon{background-color:#f8f9fa;border-color:#015c92!important;color:#015c92}.clear-search-btn{border-color:#015c92!important;color:#015c92!important;transition:all .3s ease}.clear-search-btn:hover{background-color:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.lukhang-inventory-filter-dropdown{position:relative}.lukhang-inventory-search-filter-btn{border:1px solid #015C92!important;background-color:#fff;color:#015c92!important;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;height:38px;line-height:1.5}.lukhang-inventory-search-filter-btn:hover{background-color:#015c92!important;border-color:#015c92!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 4px #015c9233}.lukhang-inventory-search-filter-btn:focus{box-shadow:0 0 0 .2rem #015c9240!important;border-color:#2d82b5!important}.lukhang-inventory-filter-menu{min-width:200px;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;z-index:1000;position:absolute;top:100%;left:0;background-color:#fff;margin-top:2px;display:none}.lukhang-inventory-filter-menu.show{display:block}.lukhang-inventory-filter-option{padding:.5rem 1rem;font-size:14px;color:#495057;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;display:flex;align-items:center}.lukhang-inventory-filter-option:hover{background-color:#f8f9fa;color:#015c92!important}.lukhang-inventory-filter-option:active{background-color:#e9ecef}.lukhang-inventory-filter-option i{width:16px;text-align:center}.lukhang-inventory-search-input-group{display:flex;align-items:center}.lukhang-inventory-search-input{height:38px!important;border-color:#015c92!important;transition:all .3s ease}.lukhang-inventory-search-input:focus{border-color:#2d82b5!important;box-shadow:0 0 0 .2rem #015c9226!important}.lukhang-inventory-search-icon{background-color:#f8f9fa;border-color:#015c92!important;color:#015c92;height:38px!important;display:flex;align-items:center;justify-content:center}.search-results-info{animation:fadeInUp .3s ease}.search-suggestions{animation:fadeInDown .3s ease;border:1px solid #dee2e6;max-height:200px;overflow-y:auto}.search-suggestions .btn:hover{background-color:#f8f9fa;color:#015c92}.add-item-btn:hover{transform:translateY(-1px)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.lukhang-inventory-main-wrapper{padding:.5rem!important}.lukhang-inventory-table-container{margin:1rem 0!important;padding:.5rem!important}.lukhang-inventory-table-container .card-body{padding:.75rem!important}.search-filter-btn{min-width:80px!important;font-size:.875rem}.search-container .d-flex{flex-direction:column;gap:.5rem!important}.search-container .dropdown{width:100%}.search-filter-btn{width:100%;border-radius:.375rem!important}.search-results-info{text-align:center}}.add-item-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1050;opacity:1;visibility:visible}.add-item-modal-dialog{width:90%;max-width:700px;max-height:90vh;margin:1rem}.add-item-modal-content{background:#fff;border-radius:.75rem;box-shadow:0 10px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.add-item-modal-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:none}.add-item-modal-title{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center}.add-item-btn-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease}.add-item-btn-close:hover{background-color:#ffffff1a}.add-item-modal-body{padding:1.5rem;flex:1;overflow-y:auto}.add-item-form-group{margin-bottom:1rem}.add-item-form-label{display:block;margin-bottom:.375rem;font-weight:500;color:#495057;font-size:.875rem}.add-item-form-control{width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box}.add-item-form-control:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.add-item-form-control.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.add-item-alert{padding:.75rem 1rem;margin-top:.5rem;border:1px solid transparent;border-radius:.375rem;font-size:.875rem}.add-item-alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.add-item-alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.add-item-status-badge{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center}.add-item-status-available{color:#155724;background-color:#d4edda}.add-item-status-low{color:#856404;background-color:#fff3cd}.add-item-status-out{color:#721c24;background-color:#f8d7da}.add-item-modal-footer{background-color:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:.5rem}.add-item-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:.375rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .2s ease}.add-item-btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.add-item-btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.add-item-btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.add-item-btn-primary:hover{background-color:#0056b3;border-color:#004085}.add-item-btn:disabled{opacity:.6;cursor:not-allowed}.add-item-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:add-item-spin 1s linear infinite;margin-right:.5rem}@keyframes add-item-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-item-row{display:flex;flex-wrap:wrap;margin:0 -.75rem}.add-item-col-6{flex:0 0 50%;max-width:50%;padding:0 .75rem}.add-item-col-12{flex:0 0 100%;max-width:100%;padding:0 .75rem}.add-item-me-1{margin-right:.25rem}.add-item-me-2{margin-right:.5rem}.add-item-text-danger{color:#dc3545}.add-item-text-muted{color:#6c757d}.add-item-fw-bold{font-weight:600}@media (max-width: 768px){.add-item-col-6{flex:0 0 100%;max-width:100%}.add-item-modal-dialog{width:95%;margin:.5rem}.add-item-modal-body{padding:1rem}}.edit-item-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1050;opacity:1;visibility:visible}.edit-item-modal-dialog{width:90%;max-width:600px;max-height:90vh;margin:1rem}.edit-item-modal-content{background:#fff;border-radius:.75rem;box-shadow:0 10px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.edit-item-modal-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:none}.edit-item-modal-title{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center}.edit-item-btn-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease}.edit-item-btn-close:hover{background-color:#ffffff1a}.edit-item-modal-body{padding:1.5rem;flex:1;overflow-y:auto}.edit-item-form-group{margin-bottom:1rem}.edit-item-form-label{display:block;margin-bottom:.375rem;font-weight:500;color:#495057;font-size:.875rem}.edit-item-form-control{width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box}.edit-item-form-control:focus{border-color:#28a745;outline:0;box-shadow:0 0 0 .2rem #28a74540}.edit-item-form-select{width:100%;padding:.5rem 2.25rem .5rem .75rem;font-size:.875rem;line-height:1.5;color:#495057;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.edit-item-form-select:focus{border-color:#28a745;outline:0;box-shadow:0 0 0 .2rem #28a74540}.edit-item-alert{padding:.75rem 1rem;margin-top:.5rem;border:1px solid transparent;border-radius:.375rem;font-size:.875rem}.edit-item-alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.edit-item-status-indicator{margin-top:.5rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;text-align:center}.edit-item-status-available{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.edit-item-status-low{color:#856404;background-color:#fff3cd;border:1px solid #ffeaa7}.edit-item-status-out{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.edit-item-modal-footer{background-color:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:.5rem}.edit-item-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:.375rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .2s ease}.edit-item-btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.edit-item-btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.edit-item-btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.edit-item-btn-success:hover{background-color:#218838;border-color:#1e7e34}.edit-item-btn:disabled{opacity:.6;cursor:not-allowed}.edit-item-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:edit-item-spin 1s linear infinite;margin-right:.5rem}@keyframes edit-item-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edit-item-row{display:flex;flex-wrap:wrap;margin:0 -.75rem}.edit-item-col-6{flex:0 0 50%;max-width:50%;padding:0 .75rem}.edit-item-col-12{flex:0 0 100%;max-width:100%;padding:0 .75rem}.edit-item-me-1{margin-right:.25rem}.edit-item-me-2{margin-right:.5rem}.edit-item-text-danger{color:#dc3545}.edit-item-text-muted{color:#6c757d}@media (max-width: 768px){.edit-item-col-6{flex:0 0 100%;max-width:100%}.edit-item-modal-dialog{width:95%;margin:.5rem}.edit-item-modal-body{padding:1rem}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal-container{background-color:#fff;border-radius:8px;width:450px;max-width:90%;box-shadow:0 4px 20px #00000026;animation:shakeAnimation .5s}@keyframes shakeAnimation{0%{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(5px)}30%{transform:translate(-5px)}40%{transform:translate(5px)}50%{transform:translate(0)}}.delete-modal-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background-color:#ffebee;border-radius:8px 8px 0 0}.delete-modal-header h3{margin:0;color:#d32f2f;font-size:18px;font-weight:600}.delete-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;transition:color .2s}.delete-close-btn:hover{color:#d32f2f}.delete-modal-body{padding:20px}.delete-warning{background-color:#fff8e1;color:#ff8f00;padding:12px;border-radius:4px;margin:15px 0;display:flex;align-items:center;font-weight:500}.delete-warning i{margin-right:8px;font-size:18px}.item-details{background-color:#f5f5f5;border-radius:4px;padding:15px;margin:15px 0}.item-detail{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.item-detail:last-child{margin-bottom:0}.item-detail span:first-child{font-weight:500;color:#333}.delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.delete-cancel-btn,.delete-confirm-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.delete-cancel-btn{background-color:#f5f5f5;color:#333}.delete-cancel-btn:hover{background-color:#e5e5e5}.delete-confirm-btn{background-color:#d32f2f;color:#fff}.delete-confirm-btn:hover{background-color:#b71c1c}.delete-cancel-btn:disabled,.delete-confirm-btn:disabled{opacity:.7;cursor:not-allowed}.vtu-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1050;opacity:0;visibility:hidden;transition:all .3s ease}.vtu-modal-overlay.vtu-modal-show{opacity:1;visibility:visible}.vtu-modal-dialog{width:90%;max-width:800px;max-height:90vh;margin:1rem;transform:scale(.9);transition:transform .3s ease}.vtu-modal-show .vtu-modal-dialog{transform:scale(1)}.vtu-modal-content{background:#fff;border-radius:.75rem;box-shadow:0 10px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.vtu-modal-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:none}.vtu-modal-title{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center}.vtu-btn-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease}.vtu-btn-close:hover{background-color:#ffffff1a}.vtu-modal-body{padding:1.5rem;background-color:#f8f9fa;flex:1;overflow-y:auto}.vtu-loading-container{display:flex;justify-content:center;align-items:center;padding:3rem 0;gap:1rem}.vtu-spinner{width:2rem;height:2rem;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:vtu-spin 1s linear infinite}@keyframes vtu-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vtu-loading-text{color:#6c757d;font-size:.95rem}.vtu-alert{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;display:flex;align-items:center}.vtu-alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.vtu-content-grid{display:flex;flex-direction:column;gap:1.5rem}.vtu-info-section{width:100%}.vtu-info-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.vtu-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007bff26}.vtu-card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #007bff;padding:.75rem 1rem}.vtu-card-title{margin:0;font-size:1rem;font-weight:600;color:#007bff;display:flex;align-items:center}.vtu-card-body{padding:1rem}.vtu-row{display:flex;flex-wrap:wrap;gap:1rem}.vtu-col-4{flex:0 0 calc(33.333% - .667rem);min-width:200px}.vtu-col-6{flex:0 0 calc(50% - .5rem);min-width:250px}@media (max-width: 768px){.vtu-col-4,.vtu-col-6{flex:1 1 100%;min-width:unset}}.vtu-field-container{display:flex;flex-direction:column;gap:.5rem}.vtu-field-label{display:flex;align-items:center;font-size:.9rem;color:#495057}.vtu-field-value{padding-left:1.5rem}.vtu-field-text{font-size:.95rem;font-weight:500;color:#212529}.vtu-badge{display:inline-block;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border-radius:.375rem;text-align:center;white-space:nowrap}.vtu-badge-primary{background-color:#007bff;color:#fff}.vtu-type-badge{display:inline-block;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border-radius:.375rem;text-align:center;white-space:nowrap}.vtu-type-primary{background-color:#007bff;color:#fff}.vtu-type-secondary{background-color:#6c757d;color:#fff}.vtu-type-info{background-color:#17a2b8;color:#fff}.vtu-status-badge{display:inline-block;padding:.375rem .75rem;font-size:.875rem;font-weight:500;border-radius:.375rem;text-align:center;white-space:nowrap}.vtu-status-success{background-color:#28a745;color:#fff}.vtu-status-warning{background-color:#ffc107;color:#212529}.vtu-status-danger{background-color:#dc3545;color:#fff}.vtu-quantity-text{font-size:1.5rem;font-weight:700;color:#007bff;margin-right:.5rem}.vtu-unit-text{color:#6c757d;font-size:.95rem}.vtu-description-text{margin:0;color:#6c757d;line-height:1.5}.vtu-modal-footer{background-color:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:.5rem}.vtu-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:.375rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .2s ease}.vtu-btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.vtu-btn-secondary:hover{background-color:#5a6268;border-color:#545b62}@media (max-width: 576px){.vtu-modal-dialog{width:95%;margin:.5rem}.vtu-modal-header{padding:.75rem 1rem}.vtu-modal-body{padding:1rem}.vtu-modal-title{font-size:1.1rem}}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.text-muted{color:#6c757d}.view-details-modal .text-primary{color:#007bff!important}.view-details-modal .modal-footer{background-color:#f8f9fa!important;border-top:1px solid #e9ecef!important}.view-details-modal .btn-secondary{background-color:#6c757d!important;border-color:#6c757d!important;color:#fff!important}.view-details-modal .btn-secondary:hover{background-color:#5a6268!important;border-color:#545b62!important}@media (max-width: 768px){.view-details-modal .modal-dialog{margin:.5rem!important}.view-details-modal .card-body{padding:1rem!important}.view-details-modal .row.g-3{--bs-gutter-x: .5rem !important;--bs-gutter-y: .5rem !important}}.view-details-modal.fade .modal-dialog{transition:transform .3s ease-out!important;transform:translateY(-50px)!important}.view-details-modal.show .modal-dialog{transform:none!important}.view-details-modal .spinner-border{width:2rem!important;height:2rem!important}.view-details-modal .alert{border:none!important;border-radius:.75rem!important}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-section{padding:15px;margin-bottom:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000000d}.medical-events-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;width:100%;flex-wrap:nowrap}.search-container{display:flex;justify-content:flex-start;width:100%;max-width:600px}.search-box{display:flex;align-items:stretch;width:100%;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;background-color:#fff;height:38px;box-shadow:0 1px 3px #0000001a}.search-type-dropdown{width:160px;padding:0 30px 0 10px;border:none;border-right:1px solid #e0e0e0;background-color:#f5f5f5;outline:none;font-size:14px;color:#555;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;height:100%}.search-input{flex-grow:1;padding:0 15px;border:none;outline:none;font-size:14px;height:100%}.search-btn{background-color:#5a8dee;color:#fff;border:none;padding:0 16px;cursor:pointer;transition:background-color .3s;font-size:14px;font-weight:500;min-width:100px;height:100%;display:flex;align-items:center;justify-content:center}.search-btn:hover{background-color:#4a7fd6}.search-btn i{margin-right:5px}.table-container{width:100%;overflow-x:auto}.events-table-container{width:100%;overflow-x:auto;margin-top:20px}.events-table{width:100%;border-collapse:collapse;min-width:950px}table{width:100%;border-collapse:collapse;font-size:.9rem}table th,table td{padding:10px 12px;border:1px solid #e0e0e0;text-align:left}table th{background-color:#f5f5f5;font-weight:600;color:#333;position:sticky;top:0;z-index:10}table tr:hover{background-color:#f9f9f9}.events-table th:nth-child(1){width:5%}.events-table th:nth-child(2){width:10%}.events-table th:nth-child(3){width:15%}.events-table th:nth-child(4){width:15%}.events-table th:nth-child(5){width:10%}.events-table th:nth-child(6){width:10%}.events-table th:nth-child(7){width:10%}.events-table th:nth-child(8){width:15%}.events-table td{word-break:break-word}.action-cell{width:100px;text-align:center;white-space:nowrap}.action-cell button{padding:5px 6px;margin:0 2px;background:none;border:none;border-radius:3px;cursor:pointer;font-size:.9em;color:#555;transition:all .2s}.action-cell .btn-view{color:#2196f3}.action-cell .btn-edit{color:#4caf50}.action-cell .btn-delete{color:#f44336}.action-cell button:hover{background-color:#0000000d;transform:scale(1.1)}td{max-width:200px;min-width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}td:hover{overflow:visible;white-space:normal;position:relative}td:hover:after{content:attr(title);position:absolute;left:0;top:100%;background:#fff;padding:5px;border:1px solid #ddd;border-radius:3px;box-shadow:0 2px 4px #0000001a;z-index:100;max-width:200px;white-space:normal}.filter-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-item{flex:1;min-width:200px}.filter-item label{display:block;margin-bottom:5px;font-weight:500;color:#555}.filter-item input,.filter-item select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background-color:#fff}.filter-actions{display:flex;gap:10px;margin-top:10px}.filter-btn{padding:10px 20px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;color:#fff}.filter-btn.apply{background-color:#2196f3}.filter-btn.apply:hover{background-color:#0d8aee}.filter-btn.reset{background-color:#9e9e9e}.filter-btn.reset:hover{background-color:#757575}.add-event-btn{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;height:38px;display:flex;align-items:center;justify-content:center;margin-left:auto}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500;text-align:center;white-space:nowrap;min-width:80px;box-shadow:0 2px 4px #0000001a}.action-buttons{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.btn-primary{background-color:#2196f3;color:#fff}.btn-primary:hover{background-color:#1976d2}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover{background-color:#388e3c}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#d32f2f}.btn-secondary{background-color:#9e9e9e;color:#fff}.btn-secondary:hover{background-color:#757575}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center}.status-icon{font-size:1.2rem}.status-icon.notified{color:#4caf50}.status-icon.not-notified{color:#ff9800}.status-icon.follow-up{color:#2196f3}.status-icon.no-follow-up{color:#4caf50}td .severity-high,td .severity-critical,.status-badge.severity-high,.status-badge.severity-critical{background-color:#ffebee!important;color:#d32f2f!important;border:1px solid #ef9a9a!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a!important}td .severity-medium,td .severity-moderate,.status-badge.severity-medium,.status-badge.severity-moderate{background-color:#fff8e1!important;color:#ff8f00!important;border:1px solid #ffe082!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a!important}td .severity-low,td .severity-mild,.status-badge.severity-low,.status-badge.severity-mild{background-color:#e8f5e9!important;color:#388e3c!important;border:1px solid #a5d6a7!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a!important}td .severity-unknown,.status-badge.severity-unknown{background-color:#f5f5f5!important;color:#757575!important;border:1px solid #e0e0e0!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a!important}.view-details-modal{width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.view-details-modal .modal-body{padding:15px 20px}.detail-sections{display:flex;flex-direction:column;gap:20px}.detail-section{background-color:#f9f9f9;border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000000d}.detail-section-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.detail-row{display:flex;flex-direction:column;margin-bottom:12px}.detail-item{margin-bottom:10px}.detail-label{font-weight:600;color:#555;font-size:.9rem;margin-right:8px;display:block;margin-bottom:3px}.detail-value{color:#333;font-size:.95rem}.status-indicator{display:flex;align-items:center;gap:6px}.image-container{margin-top:10px;text-align:center}.incident-image{max-width:100%;max-height:300px;border-radius:4px;box-shadow:0 2px 5px #0000001a}.medications-list{display:flex;flex-direction:column;gap:10px}.medication-item{background-color:#fff;padding:10px;border-radius:4px;border:1px solid #e0e0e0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e0e0e0}.search-container{position:relative;width:100%}.search-results{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000}.search-result-item{padding:8px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.search-result-item:hover{background-color:#f5f5f5}.search-result-item .item-name{font-weight:500;margin-bottom:3px}.search-result-item .item-details{display:flex;justify-content:space-between;font-size:.8rem;color:#666}.search-loading{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#666}.selected-item-info{margin-top:5px;font-size:.85rem;color:#555}.id-badge{display:inline-block;background-color:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:10px;font-weight:500}.medication-search-field{flex:2}.medication-detail-item{background-color:#f8f9fa;border-radius:6px;padding:12px;margin-bottom:10px;border-left:4px solid #4caf50;box-shadow:0 2px 4px #0000000d}.medication-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;flex-wrap:wrap}.medication-name{font-weight:600;color:#333;font-size:.95rem}.medication-quantity{background-color:#e8f5e9;padding:4px 8px;border-radius:12px;font-size:.85rem;color:#2e7d32;display:inline-flex;align-items:center;gap:5px}.medication-note{font-size:.85rem;color:#666;margin-top:5px;font-style:italic}.no-medications{color:#757575;font-style:italic;text-align:center;padding:10px}.image-caption{font-size:.85rem;color:#666;text-align:center;margin-top:5px;display:flex;justify-content:center;align-items:center;gap:5px}.filter-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:16px;margin-bottom:20px}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #e0e0e0;padding-bottom:12px}.filter-header h3{margin:0;font-size:1.1rem;color:#2196f3;display:flex;align-items:center;gap:8px}.filter-body{padding-bottom:10px}.filter-input,.filter-select{border:1px solid #ddd;border-radius:4px;padding:8px 12px;width:100%;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.filter-item label{display:flex;align-items:center;gap:5px;font-weight:500;margin-bottom:5px;color:#555}.filter-item label i{color:#2196f3}.filter-actions{display:flex;justify-content:flex-start;gap:10px;padding-top:12px;border-top:1px solid #e0e0e0}.filter-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:6px}.filter-btn.apply{background-color:#2196f3;color:#fff}.filter-btn.apply:hover{background-color:#1976d2}.filter-btn.reset{background-color:#f5f5f5;color:#555}.filter-btn.reset:hover{background-color:#e0e0e0}.add-event-btn{background-color:#4caf50;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s;display:flex;align-items:center;gap:6px}.add-event-btn:hover{background-color:#388e3c}.search-result-message{margin:15px 0;padding:10px;border-radius:4px;font-weight:500;text-align:center}.search-result-message.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.search-result-message.no-result{background-color:#fff8e1;color:#ff8f00;border:1px solid #ffecb3}.form-error{color:#d32f2f;font-size:.8rem;margin-top:4px;display:flex;align-items:center;gap:5px}.form-error i{font-size:.9rem}.input-error{border-color:#d32f2f!important;background-color:#ffebee!important}.form-group label .required{color:#d32f2f;margin-left:3px}.medical-events-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;padding:20px;margin:20px auto;max-width:1600px;width:98%;overflow-x:auto}@media screen and (max-width: 768px){.filter-row{flex-direction:column;gap:10px}.filter-item{width:100%}.filter-actions{flex-direction:column;align-items:stretch}.filter-btn,.add-event-btn{width:100%;margin:5px 0}.view-details-modal{width:95%}.detail-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;width:80%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:1.25rem;color:#333}.close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#555;transition:color .3s}.close-btn:hover{color:#f44336}.modal-body{padding:20px;max-height:70vh;overflow-y:auto}.medications-container{border:1px solid #e0e0e0;border-radius:6px;padding:15px;margin:10px 0;background-color:#f9f9f9}.medication-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #ddd}.medication-item:last-child{border-bottom:none;margin-bottom:5px}.medication-row{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.medication-field{flex:1;min-width:150px}.medication-field label{display:block;margin-bottom:5px;font-weight:500;font-size:.9rem;color:#555}.medication-field input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.add-medication-btn{background-color:#27ae60;color:#fff;border:none;border-radius:4px;padding:8px 15px;margin-top:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s}.add-medication-btn:hover{background-color:#219653;transform:translateY(-2px)}.remove-medication-btn{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;font-size:.9rem;transition:all .2s}.remove-medication-btn:hover{background-color:#c0392b}.image-modal-container{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.image-modal-body{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;overflow:auto;max-height:70vh}.full-size-image{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.full-size-image:hover{transform:scale(1.02)}.image-container{margin:10px 0;text-align:center}.incident-image{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px;border:1px solid #ddd;cursor:pointer;transition:transform .2s ease}.incident-image:hover{transform:scale(1.05);box-shadow:0 3px 8px #0000001a}.clickable{cursor:pointer}.medication-search-container{position:relative;width:100%}.medication-search-results{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 5px #0003;z-index:1000}.medication-search-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column}.medication-search-item:hover{background-color:#f5f5f5}.medication-search-item:last-child{border-bottom:none}.medication-search-item .item-name{font-weight:700}.medication-search-item .item-details{font-size:.85em;color:#666}.medication-search-loading{position:absolute;top:100%;left:0;width:100%;padding:10px;background:#fff;border:1px solid #ddd;border-radius:4px;text-align:center;color:#666;z-index:1000}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.delete-modal{background:#fff;border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out;overflow:hidden}.delete-modal-header{background:#dc3545;color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:none}.delete-modal-title{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.delete-modal-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.delete-modal-close:hover:not(:disabled){background:#fff3}.delete-modal-close:disabled{opacity:.5;cursor:not-allowed}.delete-modal-body{padding:40px 24px;text-align:center}.delete-icon-container{width:80px;height:80px;background:#fff2f2;border:3px solid #dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.delete-icon{font-size:32px;color:#dc3545}.delete-question{color:#333;font-size:20px;font-weight:600;margin:0 0 16px;line-height:1.4}.delete-warning{color:#666;font-size:16px;margin:0;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px}.warning-icon{color:#ffc107}.delete-modal-footer{background:#f8f9fa;padding:20px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #dee2e6}.delete-btn-cancel,.delete-btn-confirm{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.delete-btn-cancel{background:#6c757d;color:#fff}.delete-btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.delete-btn-confirm{background:#dc3545;color:#fff;box-shadow:0 2px 4px #dc35454d}.delete-btn-confirm:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.delete-btn-cancel:disabled,.delete-btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.delete-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.delete-modal{margin:20px;width:calc(100% - 40px)}.delete-modal-body{padding:30px 20px}.delete-modal-footer{flex-direction:column;gap:8px}.delete-btn-cancel,.delete-btn-confirm{width:100%}}.delete-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:#0009!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;z-index:99999!important;animation:fadeIn .3s ease-out;box-sizing:border-box!important}.delete-modal{position:relative!important;background:#fff!important;border-radius:12px!important;width:90%!important;max-width:450px!important;min-width:300px!important;box-shadow:0 20px 60px #0000004d!important;animation:slideIn .3s ease-out;overflow:hidden!important;margin:0 auto!important;transform:translate(0) translateY(0)!important}.lukhang-medical-incident-modal-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;z-index:1055!important}.lukhang-medical-incident-modal-wrapper .form-select,.lukhang-medical-incident-modal-wrapper select.form-control,.lukhang-medical-incident-modal-wrapper .medical-severity-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.lukhang-medical-incident-modal-wrapper select::-ms-expand{display:none!important}.lukhang-medical-incident-modal-wrapper .form-select:after,.lukhang-medical-incident-modal-wrapper .medical-severity-select:after{display:none!important}.lukhang-medical-incident-modal-wrapper .dropdown-toggle:after{display:none!important}.lukhang-medical-incident-modal-wrapper .modal-dialog{margin:2rem auto!important;width:90vw!important;max-width:1200px!important;display:flex!important;align-items:center!important;min-height:auto!important;position:relative!important}.lukhang-medical-modal-content-custom{border-radius:1rem!important;overflow:hidden!important;box-shadow:0 20px 60px #007bff33!important;border:none!important;width:100%!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;position:relative!important}.lukhang-medical-header-custom{background:linear-gradient(135deg,#007bff,#0056b3)!important;color:#fff!important;border:none!important;border-radius:1rem 1rem 0 0!important;padding:1.5rem 2rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important;min-height:80px!important}.lukhang-medical-title-custom{color:#fff!important;font-weight:600!important;font-size:1.4rem!important;margin:0!important;flex:1!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.lukhang-medical-title-custom i{color:#fff!important;margin-right:.75rem!important;font-size:1.2rem!important}.lukhang-medical-close-button-custom{background:#ffffff26!important;border:2px solid rgba(255,255,255,.4)!important;color:#fff!important;border-radius:50%!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;flex-shrink:0!important;margin-left:1.5rem!important;font-size:1.1rem!important;text-decoration:none!important;outline:none!important;box-shadow:none!important}.lukhang-medical-close-button-custom:hover{background:#ffffff4d!important;border-color:#fff9!important;color:#fff!important;transform:rotate(90deg) scale(1.15)!important;text-decoration:none!important}.lukhang-medical-close-button-custom:focus{box-shadow:0 0 0 4px #ffffff4d!important;color:#fff!important;outline:none!important;text-decoration:none!important}.lukhang-medical-close-button-custom:active{color:#fff!important;text-decoration:none!important}.lukhang-medical-body-custom{flex:1!important;overflow-y:auto!important;max-height:calc(90vh - 240px)!important;padding:2rem!important;min-height:300px!important}.lukhang-medical-footer-custom{flex-shrink:0!important;padding:2.5rem 2rem!important;background:#f8f9fa!important;border-top:1px solid #e9ecef!important;min-height:120px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:1.5rem!important;position:relative!important;z-index:10!important;margin-top:auto!important}@media (max-width: 992px){.lukhang-medical-incident-modal-wrapper .modal-dialog{width:95vw!important;margin:1rem auto!important}.lukhang-medical-header-custom{padding:1.25rem 1.5rem!important;min-height:70px!important}.lukhang-medical-title-custom{font-size:1.2rem!important}.lukhang-medical-close-button-custom{width:42px!important;height:42px!important;margin-left:1rem!important}.lukhang-medical-body-custom{padding:1.5rem!important;max-height:calc(90vh - 220px)!important}.lukhang-medical-footer-custom{padding:2rem 1.5rem!important;min-height:110px!important}}@media (max-width: 768px){.lukhang-medical-incident-modal-wrapper .modal-dialog{width:98vw!important;margin:.5rem auto!important}.lukhang-medical-header-custom{padding:1rem 1.25rem!important;min-height:65px!important}.lukhang-medical-title-custom{font-size:1.1rem!important}.lukhang-medical-close-button-custom{width:38px!important;height:38px!important;margin-left:.75rem!important;font-size:1rem!important}.lukhang-medical-body-custom{padding:1.25rem!important;max-height:calc(90vh - 200px)!important}.lukhang-medical-footer-custom{padding:1.75rem 1.25rem!important;min-height:100px!important}}.lukhang-medical-incident-modal-wrapper .medical-severity-select:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd40!important}.lukhang-medical-incident-modal-wrapper .medical-student-input:focus,.lukhang-medical-incident-modal-wrapper .medical-medication-search:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd40!important}.lukhang-medical-incident-modal-wrapper .dropdown-menu{border:1px solid #0d6efd!important;border-radius:.375rem!important;box-shadow:0 .5rem 1rem #00000026!important}.lukhang-medical-incident-modal-wrapper .dropdown-item:hover{background-color:#f8f9fa!important;color:#0d6efd!important}.lukhang-medical-update-modal-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;z-index:1055!important}.lukhang-medical-update-modal-wrapper .form-select,.lukhang-medical-update-modal-wrapper select.form-control,.lukhang-medical-update-modal-wrapper select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.lukhang-medical-update-modal-wrapper select::-ms-expand{display:none!important}.lukhang-medical-update-modal-wrapper .form-select:after,.lukhang-medical-update-modal-wrapper select:after{display:none!important}.lukhang-medical-update-modal-wrapper .dropdown-toggle:after{display:none!important}.lukhang-medical-update-modal-wrapper .modal-dialog{margin:2rem auto!important;width:90vw!important;max-width:1200px!important;display:flex!important;align-items:center!important;min-height:auto!important;position:relative!important}.lukhang-medical-update-modal-content-custom{border-radius:1rem!important;overflow:hidden!important;box-shadow:0 20px 60px #ffc10733!important;border:none!important;width:100%!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;position:relative!important}.lukhang-medical-update-header-custom{background:#0d6efd!important;color:#fff!important;border:none!important;border-radius:1rem 1rem 0 0!important;padding:1.5rem 2rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important;min-height:80px!important}.lukhang-medical-update-title-custom{color:#fff!important;font-weight:600!important;font-size:1.4rem!important;margin:0!important;flex:1!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.lukhang-medical-update-title-custom i{color:#fff!important;margin-right:.75rem!important;font-size:1.2rem!important}.lukhang-medical-update-close-button-custom{background:#ffffff26!important;border:2px solid rgba(255,255,255,.4)!important;color:#fff!important;border-radius:50%!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;flex-shrink:0!important;margin-left:1.5rem!important;font-size:1.1rem!important;text-decoration:none!important;outline:none!important;box-shadow:none!important}.lukhang-medical-update-close-button-custom:hover{background:#ffffff4d!important;border-color:#fff9!important;color:#fff!important;transform:rotate(90deg) scale(1.15)!important;text-decoration:none!important}.lukhang-medical-update-close-button-custom:focus{box-shadow:0 0 0 4px #ffffff4d!important;color:#fff!important;outline:none!important;text-decoration:none!important}.lukhang-medical-update-close-button-custom:active{color:#fff!important;text-decoration:none!important}.lukhang-medical-update-body-custom{flex:1!important;overflow-y:auto!important;max-height:calc(90vh - 240px)!important;padding:2rem!important;min-height:300px!important}.lukhang-medical-update-footer-custom{flex-shrink:0!important;padding:2.5rem 2rem!important;background:#f8f9fa!important;border-top:1px solid #e9ecef!important;min-height:120px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:1.5rem!important;position:relative!important;z-index:10!important;margin-top:auto!important}@media (max-width: 992px){.lukhang-medical-update-modal-wrapper .modal-dialog{width:95vw!important;margin:1rem auto!important}.lukhang-medical-update-header-custom{padding:1.25rem 1.5rem!important;min-height:70px!important}.lukhang-medical-update-title-custom{font-size:1.2rem!important}.lukhang-medical-update-close-button-custom{width:42px!important;height:42px!important;margin-left:1rem!important}.lukhang-medical-update-body-custom{padding:1.5rem!important;max-height:calc(90vh - 220px)!important}.lukhang-medical-update-footer-custom{padding:2rem 1.5rem!important;min-height:110px!important}}@media (max-width: 768px){.lukhang-medical-update-modal-wrapper .modal-dialog{width:98vw!important;margin:.5rem auto!important}.lukhang-medical-update-header-custom{padding:1rem 1.25rem!important;min-height:65px!important}.lukhang-medical-update-title-custom{font-size:1.1rem!important}.lukhang-medical-update-close-button-custom{width:38px!important;height:38px!important;margin-left:.75rem!important;font-size:1rem!important}.lukhang-medical-update-body-custom{padding:1.25rem!important;max-height:calc(90vh - 200px)!important}.lukhang-medical-update-footer-custom{padding:1.75rem 1.25rem!important;min-height:100px!important}}.lukhang-medical-update-modal-wrapper .form-select:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd40!important}.lukhang-medical-update-modal-wrapper .form-control:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd40!important}.lukhang-medical-update-modal-wrapper .dropdown-menu{border:1px solid #0d6efd!important;border-radius:.375rem!important;box-shadow:0 .5rem 1rem #00000026!important}.lukhang-medical-update-modal-wrapper .dropdown-item:hover{background-color:#e7f1ff!important;color:#084298!important}.lukhang-medical-update-modal-wrapper select[name=severityLevel]{padding-right:2.5rem!important}.medical-events-page{width:100%}.medical-events-container{padding:20px;color:#333}.medical-events-tabs{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.medical-events-nav{border-bottom:1px solid #e0e0e0;display:flex;margin:0;padding:0;background-color:#f8f9fa}.tab-button{display:flex;align-items:center;gap:8px;padding:15px 20px;cursor:pointer;font-weight:500;border:none;border-bottom:3px solid transparent;transition:all .2s ease;color:#555;background:none;white-space:nowrap}.tab-button i{margin-right:5px}.tab-button:hover{background-color:#f0f1f2;color:#007bff}.tab-button.active{background-color:#fff;color:#007bff;border-bottom:3px solid #007bff}.tab-button.active i{color:#2180de}.medical-events-content{padding:20px}.events-table-container{flex:1;overflow:visible;margin-bottom:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014}.events-table{width:100%;border-collapse:collapse;border-spacing:0}.events-table th{padding:12px 15px;text-align:left;font-weight:600;color:#333;background-color:#f8f9fa;position:relative;border-bottom:1px solid #eee}.events-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee;color:#37474f}.events-table tr:last-child td{border-bottom:none}.events-table tr:hover{background-color:#f5f8ff}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center;white-space:nowrap;margin:0 auto}.status-new{background-color:#e8f5e9;color:#2e7d32}.status-active{background-color:#e3f2fd;color:#1565c0}.status-completed{background-color:#e0f2f1;color:#00796b}.status-expired{background-color:#ffebee;color:#c62828}.status-given{background-color:#e8f5e9;color:#2e7d32}.status-refused{background-color:#ffebee;color:#c62828}.status-absent{background-color:#f3e5f5;color:#6a1b9a}.btn-view,.btn-edit,.btn-delete{border:none;border-radius:4px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0 2px;transition:all .2s}.btn-view{background-color:#e3f2fd;color:#1565c0}.btn-view:hover{background-color:#bbdefb}.btn-edit{background-color:#e8f5e9;color:#2e7d32}.btn-edit:hover{background-color:#c8e6c9}.btn-delete{background-color:#ffebee;color:#c62828}.btn-delete:hover{background-color:#ffcdd2}.action-cell{white-space:nowrap;text-align:center!important}.tab-button:focus{outline:none;box-shadow:0 0 0 2px #3498db40}.tab-button.active:focus{box-shadow:0 0 0 2px #2180de4d}.tab-button:active{transform:translateY(1px)}@media (max-width: 992px){.tab-button i{margin-right:0}.tab-button{padding:15px}.tab-button span{display:none}}@media (max-width: 576px){.medical-events-container{padding:10px}.page-title{font-size:22px}.tab-button{padding:10px;font-size:16px}.medical-events-content{padding:10px}}@media (prefers-reduced-motion: reduce){.tab-button,.medical-events-content{transition:none}}.create-vaccination-record-modal .modal-dialog{max-width:600px;margin:1.75rem auto}.create-vaccination-record-modal .modal-content{border:none;border-radius:15px;box-shadow:0 10px 30px #00000026;overflow:hidden}.create-vaccination-record-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:none;padding:1.5rem 2rem}.create-vaccination-record-modal .modal-title{font-size:1.5rem;font-weight:600;margin:0}.create-vaccination-record-modal .btn-close{background:none;border:none;color:#fff;opacity:.8;font-size:1.2rem;padding:.5rem;margin:0}.create-vaccination-record-modal .btn-close:hover{opacity:1;transform:scale(1.1)}.create-vaccination-record-modal .modal-body{padding:2rem;background:#f8f9fa}.create-vaccination-record-modal .student-info-section{background:#fff;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 10px #0000000d;position:relative;z-index:1}.create-vaccination-record-modal .student-info-section h6{margin-bottom:.75rem;color:#495057;font-weight:600;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.create-vaccination-record-modal .student-info-section .fw-normal{color:#6c757d;font-weight:400;display:inline-block;max-width:100%;word-wrap:break-word}.create-vaccination-record-modal .student-info-section .text-primary{color:#667eea!important;font-weight:500;display:inline-block;max-width:100%;word-wrap:break-word}.create-vaccination-record-modal .student-info-section hr{margin:1rem 0;border-color:#e9ecef;clear:both}.create-vaccination-record-modal .form-section{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000000d}.create-vaccination-record-modal .form-group,.create-vaccination-record-modal .form-floating{margin-bottom:1.5rem}.create-vaccination-record-modal .form-floating>.form-control,.create-vaccination-record-modal .form-floating>.form-select{border:2px solid #e9ecef;border-radius:10px;padding:1rem .75rem;font-size:1rem;transition:all .3s ease}.create-vaccination-record-modal .form-floating>.form-control:focus,.create-vaccination-record-modal .form-floating>.form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.create-vaccination-record-modal .form-floating>label{color:#6c757d;font-weight:500}.create-vaccination-record-modal .form-floating textarea.form-control{min-height:120px;resize:vertical}.create-vaccination-record-modal .form-control.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.create-vaccination-record-modal .form-control.is-valid{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.create-vaccination-record-modal .invalid-feedback{display:block;color:#dc3545;font-size:.875rem;margin-top:.5rem;font-weight:500}.create-vaccination-record-modal .modal-footer{background:#fff;border-top:1px solid #e9ecef;padding:1.5rem 2rem;display:flex;justify-content:flex-end;gap:1rem}.create-vaccination-record-modal .modal-footer .btn{padding:.75rem 2rem;border-radius:25px;font-weight:600;font-size:1rem;transition:all .3s ease;border:none}.create-vaccination-record-modal .modal-footer .btn-secondary{background:#6c757d;color:#fff}.create-vaccination-record-modal .modal-footer .btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.create-vaccination-record-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-vaccination-record-modal .modal-footer .btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.create-vaccination-record-modal .modal-dialog{margin:1rem;max-width:calc(100% - 2rem)}.create-vaccination-record-modal .modal-header,.create-vaccination-record-modal .modal-body,.create-vaccination-record-modal .modal-footer{padding:1.5rem}.create-vaccination-record-modal .modal-footer{flex-direction:column}.create-vaccination-record-modal .modal-footer .btn{width:100%;margin-bottom:.5rem}}.create-vaccination-record-modal .modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translateY(-50px)}.create-vaccination-record-modal .modal.show .modal-dialog{transform:none}.create-vaccination-record-modal .btn:disabled{opacity:.6;cursor:not-allowed}.create-vaccination-record-modal .btn:disabled:hover{transform:none;box-shadow:none}.create-vaccination-record-modal .form-floating>.form-control::placeholder{color:transparent}.create-vaccination-record-modal .form-floating>.form-control:focus::placeholder{color:#6c757d}.create-vaccination-record-modal .btn-primary.success-state{background:linear-gradient(135deg,#28a745,#20c997)}.create-vaccination-record-modal .btn-primary.success-state:hover{background:linear-gradient(135deg,#218838,#1ea085)}.create-vaccination-record-modal .form-floating>.form-control:focus+label,.create-vaccination-record-modal .form-floating>.form-control:not(:placeholder-shown)+label{color:#667eea;font-weight:600}.create-vaccination-record-modal .form-floating>label:after{content:""}.create-vaccination-record-modal .form-floating>label[for=formVaccinationDate]:after,.create-vaccination-record-modal .form-floating>label[for=formAdministeredAt]:after{content:" *";color:#dc3545;font-weight:700}.create-vaccination-record-modal *{transition:all .3s ease}.create-vaccination-record-modal textarea.form-control::-webkit-scrollbar{width:8px}.create-vaccination-record-modal textarea.form-control::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.create-vaccination-record-modal textarea.form-control::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.create-vaccination-record-modal textarea.form-control::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.create-vaccination-record-modal .text-muted{font-size:.875rem;margin-top:.5rem;display:block;line-height:1.4}.create-vaccination-record-modal .text-muted .fas{color:#667eea}.create-vaccination-record-modal .text-info{color:#17a2b8!important;font-weight:500}.custom-pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:0 15px}.pagination-info{color:#6c757d;font-size:.875rem}.custom-pagination{display:flex;align-items:center;gap:8px}.pagination-btn{width:40px;height:40px;border:2px solid #dee2e6;background:#fff;color:#495057;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;padding:0}.pagination-btn:hover:not(.disabled){border-color:#007bff;color:#007bff;background-color:#f8f9fa;transform:translateY(-1px)}.pagination-btn:active:not(.disabled){transform:translateY(0)}.pagination-btn.disabled{color:#adb5bd;border-color:#e9ecef;cursor:not-allowed;opacity:.6}.pagination-current{background:#007bff;color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;min-width:60px;text-align:center;border:2px solid #007bff}@media (max-width: 768px){.custom-pagination-container{flex-direction:column;gap:15px;align-items:center}.pagination-info{order:2}.custom-pagination{order:1}.pagination-btn{width:36px;height:36px;font-size:12px}.pagination-current{padding:6px 12px;font-size:12px;min-width:50px}}@media (max-width: 480px){.custom-pagination{gap:6px}.pagination-btn{width:32px;height:32px;font-size:11px}.pagination-current{padding:5px 10px;font-size:11px;min-width:45px}}.vaccination-page{width:100%}.vaccination-management-container{padding:20px;color:#333}.page-title{margin:0 0 20px;font-size:26px;font-weight:600;color:#333}.vaccination-tabs{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.vaccination-nav{border-bottom:1px solid #e0e0e0;display:flex;margin:0;padding:0;background-color:#f8f9fa}.vaccination-tab{display:flex;align-items:center;gap:8px;padding:15px 20px;cursor:pointer;font-weight:500;border:none;border-bottom:3px solid transparent;transition:all .2s ease;color:#555}.vaccination-tab i{margin-right:5px}.vaccination-tab:hover{background-color:#f0f1f2;color:#007bff}.vaccination-tab.active{background-color:#fff;color:#007bff;border-bottom:3px solid #007bff}.vaccination-content{padding:20px}.nav-tabs-custom .nav-link{color:#6c757d;transition:all .3s ease;position:relative;margin-right:4px;border-radius:.25rem .25rem 0 0}.nav-tabs-custom .nav-link.active{color:#495057!important;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;font-weight:600}.nav-tabs-custom .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs-custom .nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#007bff,#6610f2)}.card-title{font-weight:600;letter-spacing:.5px}@media (max-width: 992px){.vaccination-tab i{margin-right:0}.vaccination-tab{padding:15px}.vaccination-tab span{display:none}}@media (max-width: 576px){.vaccination-management-container{padding:10px}.page-title{font-size:22px}.vaccination-tab{padding:10px;font-size:20px}.vaccination-content{padding:10px}}.posts-wrapper{background-color:#f8f9fa;min-height:100vh}.posts-wrapper .card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:none;border-radius:12px}.posts-wrapper .card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026!important}.posts-wrapper .card-img-top{border-radius:12px 12px 0 0}.posts-wrapper .btn{border-radius:8px;font-weight:500}.posts-wrapper .badge{font-size:.7rem;padding:.35rem .5rem;border-radius:6px}.posts-wrapper .input-group-text{background-color:#fff;border-color:#dee2e6}.posts-wrapper .form-control{border-color:#dee2e6}.posts-wrapper .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.posts-wrapper .input-group{border-radius:8px;overflow:hidden}.posts-wrapper .text-muted{color:#6c757d!important}.posts-wrapper .fa-search{opacity:.3}.comments-section{max-height:400px;overflow-y:auto}.comment-item{border-left:3px solid #007bff;transition:all .2s ease}.comment-item:hover{background-color:#f8f9fa!important;border-left-color:#0056b3}.comment-avatar img{border:2px solid #dee2e6}.comment-content{line-height:1.5}.comment-actions span{transition:color .2s ease}.comment-actions span:hover{color:#007bff!important}.comments-list{max-height:300px;overflow-y:auto}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.comments-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.enhanced-filter-section-posts{background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);border-radius:20px;padding:32px;box-shadow:0 8px 32px #22c55e1f,0 2px 8px #22c55e14;border:2px solid rgba(34,197,94,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:2rem;position:relative;overflow:hidden}.enhanced-filter-section-posts:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#16a34a,#15803d);border-radius:20px 20px 0 0}.filter-container-posts{max-width:100%;position:relative}.filter-header-posts{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;padding-bottom:16px;border-bottom:2px solid rgba(16,185,129,.1)}.filter-title-posts{font-size:1.25rem;font-weight:700;color:#15803d;display:flex;align-items:center;gap:12px}.filter-title-posts i{color:#22c55e;font-size:1.1rem;padding:8px;background:#22c55e26;border-radius:10px}.filter-stats-posts{font-size:1rem;color:#374151;font-weight:600;background:#22c55e14;padding:12px 20px;border-radius:12px;border:1px solid rgba(34,197,94,.25)}.stats-number-posts{color:#22c55e;font-weight:800;font-size:1.1rem;background:#22c55e26;padding:4px 12px;border-radius:8px;margin:0 8px}.active-filters-posts{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-tag-posts{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #22c55e33;border:1px solid rgba(34,197,94,.3);transition:all .3s ease}.filter-tag-posts:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.filter-tag-posts:before{content:"•";font-weight:700;margin-right:4px}.page-info-posts{color:#6b7280;font-size:.9rem;font-weight:500}.filter-controls-posts{display:grid;grid-template-columns:2fr 1.5fr 2fr auto;gap:20px;align-items:end}.date-filters-posts{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}@media (max-width: 1400px){.filter-controls-posts{grid-template-columns:2fr 1fr 1.5fr auto;gap:16px}}@media (max-width: 1200px){.filter-controls-posts{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px}.search-control-posts{grid-column:1;grid-row:1}.category-control-posts{grid-column:2;grid-row:1}.date-range-control-posts{grid-column:1 / -1;grid-row:2}.reset-filters-posts{grid-column:1 / -1;grid-row:3;justify-self:center}}@media (max-width: 768px){.filter-controls-posts{grid-template-columns:1fr;gap:16px}.search-control-posts,.category-control-posts,.reset-filters-posts{grid-column:1}.search-control-posts{grid-row:1}.category-control-posts{grid-row:2}.reset-filters-posts{grid-row:3}.date-range-control-posts{grid-column:1;grid-row:4}.date-filters-posts{grid-template-columns:1fr;gap:12px}.filter-header-posts{flex-direction:column;align-items:flex-start;gap:12px}.enhanced-filter-section-posts{padding:24px 20px}}.search-control-posts{position:relative}.search-wrapper-posts{position:relative;display:flex;align-items:center}.search-input-posts{width:100%;padding:14px 50px 14px 20px;border:2px solid rgba(16,185,129,.2);border-radius:14px;font-size:1rem;font-weight:500;background:#fffffff2;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b98114;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input-posts:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b98126,0 6px 20px #10b98133;transform:translateY(-2px);background:#fff}.search-input-posts:hover{border-color:#10b98166;box-shadow:0 6px 16px #10b9811f;transform:translateY(-1px)}.search-input-posts::placeholder{color:#9ca3af;font-style:italic;font-weight:400}.search-icon-posts{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#10b981;font-size:1.2rem;pointer-events:none;background:#10b9811a;padding:6px;border-radius:8px;transition:all .3s ease}.search-input-posts:focus+.search-icon-posts{color:#059669;background:#10b98133;transform:translateY(-50%) scale(1.1)}.clear-search-posts{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;transition:all .3s ease;z-index:2}.clear-search-posts:hover{color:#dc3545;background-color:#dc35451a}.category-control-posts{position:relative}.category-wrapper-posts{position:relative;display:flex;align-items:center}.category-select-posts{width:100%;min-width:200px;padding:7px 50px;border:2px solid rgba(34,197,94,.25);border-radius:12px;font-size:1rem;font-weight:500;background:#fffffff2!important;color:#374151;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #22c55e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important;white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0}.category-select-posts::-ms-expand{display:none}.category-select-posts:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e26,0 6px 20px #22c55e33;transform:translateY(-2px);background:#fff!important}.category-select-posts:hover{border-color:#22c55e66;box-shadow:0 6px 16px #22c55e26;transform:translateY(-1px)}.category-icon-posts{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#22c55e;font-size:1.1rem;z-index:2;transition:all .3s ease;pointer-events:none;background:#22c55e26;padding:6px;border-radius:8px}.category-select-posts:focus~.category-icon-posts,.category-wrapper-posts:hover .category-icon-posts{color:#16a34a;background:#22c55e40;transform:translateY(-50%) scale(1.1)}.dropdown-arrow-posts{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#22c55e;font-size:1rem;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:#22c55e26;padding:6px;border-radius:8px}.category-select-posts:focus~.dropdown-arrow-posts,.category-wrapper-posts:hover .dropdown-arrow-posts{color:#16a34a;background:#22c55e40;transform:translateY(-50%) rotate(180deg) scale(1.1)}.date-control-posts{position:relative}.date-label-posts{font-size:1rem;font-weight:700;color:#047857;margin-bottom:8px;display:flex;align-items:center;gap:8px}.date-label-posts:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:2px}.date-input-posts{width:100%;padding:14px 18px;border:2px solid rgba(16,185,129,.2);border-radius:12px;font-size:1rem;font-weight:500;background:#fffffff2;color:#374151;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b98114;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-input-posts:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b98126,0 6px 20px #10b98133;transform:translateY(-2px);background:#fff}.date-input-posts:hover{border-color:#10b98166;box-shadow:0 6px 16px #10b9811f;transform:translateY(-1px)}.reset-filters-posts{display:flex;align-items:end}.reset-btn-posts{padding:14px 24px;background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #22c55e4d;white-space:nowrap;position:relative;overflow:hidden}.reset-btn-posts:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.reset-btn-posts:hover:before{left:100%}.reset-btn-posts:hover{background:linear-gradient(135deg,#16a34a,#15803d,#166534);transform:translateY(-3px);box-shadow:0 8px 25px #22c55e66}.reset-btn-posts:active{transform:translateY(-1px);box-shadow:0 4px 15px #22c55e4d}.enhanced-post-card-posts{border:none!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;transition:all .3s ease!important;overflow:hidden!important;background:#fff!important;position:relative!important}.enhanced-post-card-posts:hover{transform:translateY(-8px)!important;box-shadow:0 12px 40px #00000026!important}.bookmark-badge-top-posts{position:absolute!important;top:16px!important;right:16px!important;background:linear-gradient(135deg,#ffc107,#ffb300)!important;color:#fff!important;padding:6px 12px!important;border-radius:20px!important;font-size:.75rem!important;font-weight:600!important;box-shadow:0 2px 8px #ffc1074d!important;animation:pulse-posts 2s infinite!important;z-index:10!important}@keyframes pulse-posts{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.card-body-posts{padding:32px 28px 28px!important;min-height:320px!important}.card-header-badges-posts{border-bottom:1px solid #f1f3f4!important;padding-bottom:12px!important}.id-badge-posts{background:linear-gradient(135deg,#6c757d,#5a6268)!important;color:#fff!important;border:none!important;font-size:.75rem!important;font-weight:600!important;padding:4px 8px!important;border-radius:6px!important}.category-badge-posts{background:linear-gradient(135deg,#0d6efd,#0b5ed7)!important;color:#fff!important;border:none!important;font-size:.75rem!important;font-weight:500!important;padding:4px 10px!important;border-radius:6px!important}.card-title-posts{font-size:1.1rem!important;font-weight:700!important;color:#2c3e50!important;line-height:1.4!important;margin-bottom:12px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.card-content-posts{color:#6c757d!important;font-size:.9rem!important;line-height:1.6!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.tags-container-posts{display:flex!important;flex-wrap:wrap!important;gap:6px!important;border-bottom:1px solid #f1f3f4!important;padding-bottom:12px!important}.tag-badge-posts{background:linear-gradient(135deg,#e9ecef,#dee2e6)!important;color:#495057!important;border:none!important;font-size:.7rem!important;font-weight:500!important;padding:3px 8px!important;border-radius:12px!important;transition:all .2s ease!important}.tag-badge-posts:hover{background:linear-gradient(135deg,#0d6efd,#0b5ed7)!important;color:#fff!important;transform:translateY(-1px)!important}.tag-more-posts{background:linear-gradient(135deg,#6c757d,#5a6268)!important;color:#fff!important;border:none!important;font-size:.7rem!important;font-weight:600!important;padding:3px 8px!important;border-radius:12px!important}.card-meta-posts{display:flex!important;flex-direction:column!important;gap:8px!important;border-bottom:1px solid #f1f3f4!important;padding-bottom:12px!important}.author-info-posts,.date-info-posts{display:flex!important;align-items:center!important;color:#6c757d!important;font-size:.8rem!important;font-weight:500!important}.author-info-posts i,.date-info-posts i{color:#0d6efd!important;font-size:.9rem!important}.interaction-stats-posts{display:flex!important;justify-content:space-around!important;align-items:center!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border-radius:12px!important;padding:12px!important;border-bottom:1px solid #f1f3f4!important}.like-stat-posts,.bookmark-stat-posts{display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;padding:6px 12px!important;border-radius:8px!important;transition:all .3s ease!important;font-size:.85rem!important;font-weight:500!important;color:#6c757d!important}.like-stat-posts:hover,.bookmark-stat-posts:hover{background:#fff!important;box-shadow:0 2px 8px #0000001a!important;transform:translateY(-1px)!important}.like-stat-posts.liked{color:#dc3545!important;background:#dc35451a!important}.bookmark-stat-posts.bookmarked{color:#ffc107!important;background:#ffc1071a!important}.like-stat-posts i,.bookmark-stat-posts i{font-size:1rem!important}.card-actions-posts{display:flex!important;gap:8px!important;align-items:center!important}.view-btn-posts{flex:1!important;background:linear-gradient(135deg,#0d6efd,#0b5ed7)!important;border:none!important;color:#fff!important;padding:10px 16px!important;border-radius:10px!important;font-size:.85rem!important;font-weight:600!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0d6efd33!important}.view-btn-posts:hover{background:linear-gradient(135deg,#0b5ed7,#0a58ca)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0d6efd4d!important;color:#fff!important}.author-actions-posts{display:flex!important;gap:6px!important}.edit-btn-posts,.delete-btn-posts{width:36px!important;height:36px!important;border-radius:8px!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.85rem!important;transition:all .3s ease!important;padding:0!important}.edit-btn-posts{background:linear-gradient(135deg,#ffc107,#ffb300)!important;color:#fff!important;box-shadow:0 2px 8px #ffc10733!important}.edit-btn-posts:hover{background:linear-gradient(135deg,#ffb300,#ffa000)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #ffc1074d!important;color:#fff!important}.delete-btn-posts{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important;box-shadow:0 2px 8px #dc354533!important}.delete-btn-posts:hover{background:linear-gradient(135deg,#c82333,#b21e2f)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #dc35454d!important;color:#fff!important}@media (max-width: 768px){.card-body-posts{padding:24px 20px 20px!important;min-height:280px!important}.bookmark-badge-top-posts{top:12px!important;right:12px!important;padding:4px 8px!important;font-size:.7rem!important}.card-title-posts{font-size:1rem!important}.card-content-posts{font-size:.85rem!important}.interaction-stats-posts{flex-direction:column!important;gap:8px!important}.card-actions-posts{flex-direction:column!important}.author-actions-posts{justify-content:center!important}}.pagination-controls-posts{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000d;margin-top:24px}.pagination-controls-posts .btn{border:2px solid rgba(16,185,129,.2)!important;border-radius:8px!important;font-weight:600!important;transition:all .3s ease!important;background:#fff!important;color:#10b981!important}.pagination-controls-posts .btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:#10b981!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #10b9814d!important}.pagination-controls-posts .btn:disabled{background:#f8f9fa!important;color:#6c757d!important;border-color:#dee2e6!important;cursor:not-allowed!important}.pagination-info-posts{background:#10b9811a;color:#047857;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;border:2px solid rgba(16,185,129,.2)}.posts-loading-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#10b981}.posts-loading-posts .spinner-border{color:#10b981!important;width:3rem;height:3rem}.posts-error-posts{background:linear-gradient(135deg,#fee,#fdd);border:2px solid #f5c6cb;border-radius:12px;padding:24px;text-align:center;color:#721c24}.posts-empty-posts{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;padding:40px;text-align:center;color:#6c757d}.posts-empty-posts i{font-size:3rem;color:#10b981;margin-bottom:16px}.health-article-detail-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#00000080!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important;opacity:1!important;visibility:visible!important;margin:0!important;padding:0!important;overflow-y:auto!important}body.health-article-detail-modal-open{overflow:hidden!important}.health-article-detail-modal-dialog{width:90%!important;max-width:900px!important;max-height:90vh!important;margin:1rem auto!important;display:flex!important;flex-direction:column!important;position:relative!important}.health-article-detail-modal-content{background:#fff;border-radius:.75rem;box-shadow:0 10px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.health-article-detail-modal-header{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:none}.health-article-detail-modal-title{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center}.health-article-detail-btn-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease}.health-article-detail-btn-close:hover{background-color:#ffffff1a}.health-article-detail-modal-body{padding:0;flex:1;overflow-y:auto;background-color:#f8f9fa;max-height:70vh}.health-article-detail-modal-body::-webkit-scrollbar{width:8px}.health-article-detail-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.health-article-detail-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.health-article-detail-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.health-article-detail-loading-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.health-article-detail-loading-spinner{width:3rem;height:3rem;border-width:3px}.health-article-detail-loading-text{margin-top:1rem;color:#6c757d;font-size:1.1rem;font-weight:500}.health-article-detail-article-detail-content{padding:0}.health-article-detail-article-image-container{position:relative;margin-bottom:0;border-radius:0;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:30px;text-align:center}.health-article-detail-article-image{max-height:800px;max-width:100%;width:auto;height:auto;border-radius:15px;box-shadow:0 12px 35px #00000026;border:4px solid white;display:block;margin:0 auto;object-fit:contain}.health-article-detail-article-content-wrapper{padding:24px}.health-article-detail-article-title{color:#2c3e50;font-weight:700;font-size:1.6rem;line-height:1.4;text-align:center;margin-bottom:20px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.health-article-detail-summary-section{background:linear-gradient(135deg,#fff3cd,#ffeaa7);padding:20px;border-radius:12px;border:1px solid #f39c12;box-shadow:0 3px 10px #f39c121a;margin-bottom:24px}.health-article-detail-summary-header{display:flex;align-items:center;color:#d68910;font-weight:700;font-size:1.1rem;margin-bottom:12px}.health-article-detail-summary-content{color:#856404;line-height:1.6;font-size:1rem;font-style:italic}.health-article-detail-content-section{background:#fff;padding:24px;border-radius:12px;border:1px solid #e1e8ed;box-shadow:0 2px 8px #0000000d;margin-bottom:24px}.health-article-detail-content-header{display:flex;align-items:center;color:#2c3e50;font-weight:700;font-size:1.2rem;border-bottom:2px solid #e9ecef;padding-bottom:12px;margin-bottom:16px}.health-article-detail-content-header i{color:#667eea}.health-article-detail-content-body{white-space:pre-wrap;line-height:1.7;font-size:1rem;color:#495057;text-align:justify}.health-article-detail-tags-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:12px;border:1px solid #dee2e6;margin-bottom:24px}.health-article-detail-tags-header{display:flex;align-items:center;color:#495057;font-weight:700;font-size:1.1rem;margin-bottom:12px}.health-article-detail-tags-header i{color:#6f42c1}.health-article-detail-tags-container{display:flex;flex-wrap:wrap;gap:8px}.health-article-detail-tag-badge{background:linear-gradient(135deg,#6f42c1,#e83e8c)!important;color:#fff!important;padding:8px 14px;border-radius:20px;font-size:.85rem;font-weight:500;border:none!important;box-shadow:0 2px 6px #6f42c14d;transition:all .3s ease;margin-right:8px;margin-bottom:8px}.health-article-detail-tag-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6f42c166}.health-article-detail-metadata-section{background:linear-gradient(135deg,#f1f3f4,#e8eaf6);padding:20px;border-radius:12px;border:1px solid #dadce0}.health-article-detail-metadata-header{display:flex;align-items:center;color:#5f6368;font-weight:700;font-size:1rem;margin-bottom:12px}.health-article-detail-metadata-header i{color:#1a73e8}.health-article-detail-metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;font-size:.9rem}.health-article-detail-metadata-item{color:#5f6368;padding:8px 0;border-bottom:1px solid #f1f3f4;display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem}.health-article-detail-metadata-item:last-child{border-bottom:none}.health-article-detail-metadata-item strong{color:#1a73e8;font-weight:600;margin-right:8px;white-space:nowrap;flex-shrink:0}.health-article-detail-publish-date-info{white-space:nowrap;flex-shrink:0}.health-article-detail-publish-date-info{color:#6c757d;font-weight:500;margin-left:8px}.health-article-detail-no-data-container{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6c757d}.health-article-detail-no-data-container i{font-size:3rem;color:#ffc107;margin-bottom:16px}.health-article-detail-no-data-container p{font-size:1.2rem;font-weight:500;margin:0}.health-article-detail-modal-footer{background-color:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:.5rem}.health-article-detail-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:.375rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .2s ease}.health-article-detail-btn-secondary{color:#6c757d;background-color:#f8f9fa;border-color:#6c757d}.health-article-detail-btn-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.health-article-detail-btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.health-article-detail-btn-primary:hover{color:#fff;background-color:#0056b3;border-color:#0056b3}.health-article-detail-me-1{margin-right:.25rem}.health-article-detail-me-2{margin-right:.5rem}@media (max-width: 768px){.health-article-detail-modal-dialog{width:95%;margin:.5rem}.health-article-detail-modal-body{padding:1rem}.health-article-detail-metadata-grid{grid-template-columns:1fr!important}.health-article-detail-article-content-wrapper{padding:16px}.health-article-detail-modal-footer{flex-direction:column;gap:8px}.health-article-detail-btn{width:100%;justify-content:center}}.health-articles-wrapper{background-color:#f8f9fa;min-height:100vh}.health-articles-wrapper .card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:none;border-radius:12px}.health-articles-wrapper .card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026!important}.health-articles-wrapper .card-img-top{border-radius:12px 12px 0 0}.health-articles-wrapper .btn{border-radius:8px;font-weight:500}.health-articles-wrapper .badge{font-size:.7rem;padding:.35rem .5rem;border-radius:6px}.health-articles-wrapper .input-group-text{background-color:#fff;border-color:#dee2e6}.health-articles-wrapper .form-control,.health-articles-wrapper .form-select{border-color:#dee2e6}.health-articles-wrapper .form-control:focus,.health-articles-wrapper .form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.health-articles-wrapper .input-group{border-radius:8px;overflow:hidden}.health-articles-wrapper .badge.bg-info{background-color:#0dcaf0!important}.health-articles-wrapper .text-muted{color:#6c757d!important}.health-articles-wrapper .fa-clock{color:#ffc107}.health-articles-wrapper .fa-search{opacity:.3}.health-articles-wrapper .badge.bg-success{background-color:#198754!important}.health-articles-wrapper .badge.bg-warning{background-color:#ffc107!important;color:#000!important}.health-articles-wrapper .badge.bg-danger{background-color:#dc3545!important}.enhanced-filter-section-health{background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);border-radius:20px;padding:32px;box-shadow:0 8px 32px #22c55e1f,0 2px 8px #22c55e14;border:2px solid rgba(34,197,94,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:2rem;position:relative;overflow:hidden}.enhanced-filter-section-health:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#16a34a,#15803d);border-radius:20px 20px 0 0}.filter-container-health{max-width:100%;position:relative}.filter-header-health{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;padding-bottom:16px;border-bottom:2px solid rgba(16,185,129,.1)}.filter-title-health{font-size:1.25rem;font-weight:700;color:#15803d;display:flex;align-items:center;gap:12px}.filter-title-health i{color:#22c55e;font-size:1.1rem;padding:8px;background:#22c55e26;border-radius:10px}.filter-stats-health{font-size:1rem;color:#374151;font-weight:600;background:#22c55e14;padding:12px 20px;border-radius:12px;border:1px solid rgba(34,197,94,.25)}.stats-number-health{color:#22c55e;font-weight:800;font-size:1.1rem;background:#22c55e26;padding:4px 12px;border-radius:8px;margin:0 8px}.active-filters-health{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-tag-health{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #22c55e33;border:1px solid rgba(34,197,94,.3);transition:all .3s ease}.filter-tag-health:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.filter-tag-health:before{content:"•";font-weight:700;margin-right:4px}.page-info-health{color:#6b7280;font-size:.9rem;font-weight:500}.filter-controls-health{display:grid;grid-template-columns:2fr 1.5fr 2fr auto;gap:20px;align-items:end}.date-filters-health{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}@media (max-width: 1400px){.filter-controls-health{grid-template-columns:2fr 1fr 1.5fr auto;gap:16px}}@media (max-width: 1200px){.filter-controls-health{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px}.search-control-health{grid-column:1;grid-row:1}.category-control-health{grid-column:2;grid-row:1}.date-range-control-health{grid-column:1 / -1;grid-row:2}.reset-filters-health{grid-column:1 / -1;grid-row:3;justify-self:center}}@media (max-width: 768px){.filter-controls-health{grid-template-columns:1fr;gap:16px}.search-control-health,.category-control-health,.reset-filters-health{grid-column:1}.search-control-health{grid-row:1}.category-control-health{grid-row:2}.reset-filters-health{grid-row:3}.date-range-control-health{grid-column:1;grid-row:4}.date-filters-health{grid-template-columns:1fr;gap:12px}.filter-header-health{flex-direction:column;align-items:flex-start;gap:12px}.enhanced-filter-section-health{padding:24px 20px}}.search-control-health{position:relative}.search-wrapper-health{position:relative;display:flex;align-items:center}.search-input-health{width:100%;padding:7px 50px;border:2px solid rgba(16,185,129,.2);border-radius:14px;font-size:1rem;font-weight:500;background:#fffffff2;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b98114;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input-health:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b98126,0 6px 20px #10b98133;transform:translateY(-2px);background:#fff}.search-input-health:hover{border-color:#10b98166;box-shadow:0 6px 16px #10b9811f;transform:translateY(-1px)}.search-input-health::placeholder{color:#9ca3af;font-style:italic;font-weight:400}.search-icon-health{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#10b981;font-size:1.2rem;pointer-events:none;background:#10b9811a;padding:6px;border-radius:8px;transition:all .3s ease}.search-input-health:focus+.search-icon-health{color:#059669;background:#10b98133;transform:translateY(-50%) scale(1.1)}.clear-search-health{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;transition:all .3s ease;z-index:2}.clear-search-health:hover{color:#dc3545;background-color:#dc35451a}.category-control-health{position:relative}.category-wrapper-health{position:relative;display:flex;align-items:center}.category-select-health{width:100%;min-width:200px;padding:7px 50px;border:2px solid rgba(34,197,94,.25);border-radius:12px;font-size:1rem;font-weight:500;background:#fffffff2!important;color:#374151;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #22c55e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important;white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0}.category-select-health::-ms-expand{display:none}.category-select-health:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e26,0 6px 20px #22c55e33;transform:translateY(-2px);background:#fff!important}.category-select-health:hover{border-color:#22c55e66;box-shadow:0 6px 16px #22c55e26;transform:translateY(-1px)}.category-icon-health{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#22c55e;font-size:1.1rem;z-index:2;transition:all .3s ease;pointer-events:none;background:#22c55e26;padding:6px;border-radius:8px}.category-select-health:focus~.category-icon-health,.category-wrapper-health:hover .category-icon-health{color:#16a34a;background:#22c55e40;transform:translateY(-50%) scale(1.1)}.dropdown-arrow-health{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#22c55e;font-size:1rem;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:#22c55e26;padding:6px;border-radius:8px}.category-select-health:focus~.dropdown-arrow-health,.category-wrapper-health:hover .dropdown-arrow-health{color:#16a34a;background:#22c55e40;transform:translateY(-50%) rotate(180deg) scale(1.1)}.date-control-health{position:relative}.date-label-health{font-size:.875rem;font-weight:600;color:#047857;margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:.5px}.date-input-health{width:100%;padding:14px 18px;border:2px solid rgba(16,185,129,.2);border-radius:12px;font-size:1rem;font-weight:500;background:#fffffff2;color:#374151;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b98114;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-input-health:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b98126,0 6px 20px #10b98133;transform:translateY(-2px);background:#fff}.date-input-health:hover{border-color:#10b98166;box-shadow:0 6px 16px #10b9811f;transform:translateY(-1px)}.reset-filters-health{display:flex;align-items:end}.reset-btn-health{padding:14px 24px;background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #22c55e4d;white-space:nowrap;position:relative;overflow:hidden}.reset-btn-health:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.reset-btn-health:hover:before{left:100%}.reset-btn-health:hover{background:linear-gradient(135deg,#16a34a,#15803d,#166534);transform:translateY(-3px);box-shadow:0 8px 25px #22c55e66}.reset-btn-health:active{transform:translateY(-1px);box-shadow:0 4px 15px #22c55e4d}.delete-confirmation-modal .modal-dialog{max-width:500px;margin:1.75rem auto}.delete-confirmation-modal .modal-content{border:none;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;background:#fff}.delete-modal-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:25px 30px;border:none;text-align:center;position:relative}.delete-modal-header .btn-close{position:absolute;top:15px;right:20px;filter:brightness(0) invert(1);opacity:.9;font-size:1.3rem;background:#ffffff26;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-modal-header .btn-close:hover{opacity:1;background:#ffffff40;transform:scale(1.1) rotate(90deg);border-color:#fff6;box-shadow:0 4px 15px #fff3}.delete-modal-icon{font-size:3.5rem;color:#fff;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.delete-modal-title{color:#fff;font-weight:700;font-size:1.4rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.delete-modal-body{padding:30px;text-align:center;background:linear-gradient(135deg,#f8f9fa,#fff)}.delete-confirmation-text{font-size:1.1rem;color:#495057;margin-bottom:20px;line-height:1.6}.delete-article-name{font-weight:700;color:#dc3545;background:#dc35451a;padding:8px 16px;border-radius:8px;display:inline-block;margin:10px 0}.delete-warning-box{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #f39c12;border-radius:12px;padding:20px;margin:20px 0;display:flex;align-items:center;gap:15px}.delete-warning-icon{font-size:2rem;color:#f39c12;flex-shrink:0}.delete-warning-text{color:#856404;font-weight:600;font-size:.95rem;line-height:1.4;margin:0}.delete-modal-footer{padding:25px 30px;background:linear-gradient(135deg,#f8f9fa,#fff);border-top:1px solid #e9ecef;display:flex;justify-content:center;align-items:center;gap:20px;box-shadow:0 -2px 10px #0000000d}.delete-cancel-button{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #6c757d;color:#6c757d;border-radius:30px;padding:14px 28px;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #6c757d33;position:relative;overflow:hidden}.delete-cancel-button:hover{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #6c757d66;border-color:#5a6268}.delete-cancel-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.delete-cancel-button:hover:before{left:100%}.delete-confirm-button{background:linear-gradient(135deg,#dc3545,#c82333);border:2px solid #dc3545;color:#fff;border-radius:30px;padding:14px 28px;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #dc35454d;position:relative;overflow:hidden}.delete-confirm-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-3px);box-shadow:0 8px 25px #dc354580;border-color:#a71e2a}.delete-confirm-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.delete-confirm-button:hover:before{left:100%}@media (max-width: 768px){.delete-confirmation-modal .modal-dialog{margin:10px}.delete-modal-body{padding:20px}.delete-modal-footer{flex-direction:column;gap:15px;padding:20px}.delete-cancel-button,.delete-confirm-button{width:100%;min-width:unset;padding:16px 24px;font-size:1.1rem}.delete-modal-icon{font-size:3rem}.delete-modal-title{font-size:1.2rem}}.add-article-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:20px 0}.add-article-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;border:none;overflow:hidden}.add-article-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-bottom:none}.add-article-title{color:#fff;font-weight:700;font-size:1.5rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.add-article-body{padding:32px}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.image-upload-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px dashed #dee2e6;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.image-upload-section:hover{border-color:#667eea;background:linear-gradient(135deg,#f0f2ff,#fff)}.image-upload-icon{font-size:3rem;color:#6c757d;margin-bottom:16px}.tags-input-container:focus-within{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.tag-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:8px}.btn-primary-custom{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:120px}.btn-primary-custom:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}@media (max-width: 768px){.add-article-body,.add-article-header{padding:20px}.btn-primary-custom,.btn-secondary-custom{width:100%;margin-bottom:12px}.image-upload-section{padding:16px}.tags-input-container{min-height:60px}}.image-preview{max-height:200px;max-width:100%;object-fit:cover}.edit-article-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:20px 0}.edit-article-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;border:none;overflow:hidden}.edit-article-header{background:linear-gradient(135deg,#fd7e14,#e55a4e);color:#fff;padding:24px;border-bottom:none}.edit-article-title{color:#fff;font-weight:700;font-size:1.5rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.edit-article-body{padding:32px}.form-group{margin-bottom:24px}.form-label{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:1rem}.form-control{border-radius:8px;border:2px solid #e9ecef;padding:12px 16px;font-size:1rem;transition:all .3s ease}.form-control:focus{border-color:#fd7e14;box-shadow:0 0 0 .2rem #fd7e1440}.form-select{border-radius:8px;border:2px solid #e9ecef;padding:12px 16px;font-size:1rem;transition:all .3s ease}.form-select:focus{border-color:#fd7e14;box-shadow:0 0 0 .2rem #fd7e1440}.form-control[rows]{resize:vertical;min-height:120px}.image-upload-section{background:linear-gradient(135deg,#fff3e0,#fff);border:2px dashed #fd7e14;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.image-upload-section:hover{border-color:#e55a4e;background:linear-gradient(135deg,#fff0e6,#fff)}.image-upload-icon{font-size:3rem;color:#fd7e14;margin-bottom:16px}.image-upload-text{color:#6c757d;font-size:1.1rem;margin-bottom:16px}.image-preview-container{margin-top:20px;text-align:center}.image-preview-wrapper{position:relative;display:inline-block;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.current-image-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #dee2e6;border-radius:12px;padding:20px;text-align:center;margin-bottom:20px}.current-image-title{color:#495057;font-weight:600;margin-bottom:16px;font-size:1.1rem}.tags-input-container{border:2px solid #e9ecef;border-radius:8px;padding:8px;min-height:50px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;transition:all .3s ease}.tags-input-container:focus-within{border-color:#fd7e14;box-shadow:0 0 0 .2rem #fd7e1440}.tag-item{background:linear-gradient(135deg,#fd7e14,#e55a4e);color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:8px}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:1rem;opacity:.8;transition:opacity .3s ease}.tag-remove:hover{opacity:1}.tag-input{border:none;outline:none;flex:1;min-width:120px;padding:8px;font-size:1rem}.btn-warning-custom{background:linear-gradient(135deg,#fd7e14,#e55a4e);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:120px}.btn-warning-custom:hover{background:linear-gradient(135deg,#e55a4e,#dc3545);transform:translateY(-1px);box-shadow:0 4px 12px #fd7e1466}.btn-secondary-custom{background:transparent;border:2px solid #6c757d;color:#6c757d;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:120px}.btn-secondary-custom:hover{background:#6c757d;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #0000004d}.loading-spinner{width:3rem;height:3rem;border-width:3px;margin-bottom:16px}.loading-text{color:#6c757d;font-size:1.1rem;font-weight:500}.invalid-feedback{color:#dc3545;font-size:.9rem;margin-top:4px}.is-invalid{border-color:#dc3545}.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.alert-info-custom{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #b6d4da;color:#0c5460;border-radius:8px;padding:16px;margin-bottom:24px}.alert-info-custom .alert-heading{color:#0c5460;font-weight:600}@media (max-width: 768px){.edit-article-body,.edit-article-header{padding:20px}.btn-warning-custom,.btn-secondary-custom{width:100%;margin-bottom:12px}.image-upload-section{padding:16px}.tags-input-container{min-height:60px}.current-image-section{padding:16px}}.blog-management-wrapper{background-color:#f8f9fa;min-height:100vh}.nav-pills-custom .nav-link{color:#6c757d;font-weight:500;padding:12px 24px;margin-right:2px;border-radius:0;border-bottom:3px solid transparent;transition:all .3s ease}.nav-pills-custom .nav-link:hover{color:#0d6efd;background-color:transparent;border-bottom-color:#0d6efd}.nav-pills-custom .nav-link.active{color:#0d6efd;background-color:transparent;border-bottom-color:#0d6efd;font-weight:600}.blog-management-wrapper .card{border:none;border-radius:12px;box-shadow:0 4px 6px #00000012}.blog-management-wrapper .card-header{padding:1rem 1.5rem 0;background-color:#fff;border-bottom:1px solid #e9ecef}.blog-management-wrapper .card-body{padding:0}.blog-management-wrapper .tab-content{background-color:#fff;border-radius:0 0 12px 12px}.blog-management-wrapper .tab-pane{padding:0}.blog-management-wrapper h2{font-size:1.8rem;margin-bottom:.5rem}.blog-management-wrapper .text-muted{color:#6c757d!important;font-size:.95rem}.blog-management-wrapper .spinner-border{width:3rem;height:3rem}.blog-management-wrapper .alert{border-radius:12px;border:none;box-shadow:0 4px 6px #00000012}@media (max-width: 768px){.blog-management-wrapper .container-fluid{padding-left:1rem;padding-right:1rem}.nav-pills-custom .nav-link{padding:10px 16px;font-size:.9rem}.blog-management-wrapper h2{font-size:1.5rem}}.blog-management-wrapper .fas{font-size:.9rem}.blog-management-wrapper *{transition:all .2s ease}.receive-medicine-wrapper{background-color:#f8f9fa;min-height:calc(100vh - 60px)}.nav-pills-custom .nav-link{color:#6c757d;font-weight:500;border-radius:0;position:relative;transition:all .2s ease}.nav-pills-custom .nav-link:hover{color:#0d6efd;background-color:#0d6efd0d}.nav-pills-custom .nav-link.active{color:#0d6efd;background-color:transparent;border-bottom:2px solid #0d6efd}.nav-pills-custom .nav-link i{font-size:1rem}.card{transition:box-shadow .3s ease,transform .2s ease;border-radius:.5rem}.card:hover{box-shadow:0 .5rem 1rem #00000026!important}.tab-content{min-height:500px;background-color:transparent}@media (max-width: 768px){.nav-pills-custom{flex-direction:row;overflow-x:auto;white-space:nowrap}.nav-pills-custom .nav-item{flex:1 0 auto}.nav-pills-custom .nav-link{padding:.5rem 1rem}}.receive-medicine-wrapper{width:100%}.receive-medicine-container{padding:20px}.receive-medicine-header{margin-bottom:20px}.receive-medicine-header h2{color:#2c3e50;font-size:1.8rem}.medicine-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;margin-bottom:20px}.medicine-form h3{font-size:1.4rem;color:#2c3e50;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:600;margin-bottom:5px}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control:focus{border-color:#3498db;outline:none;box-shadow:0 0 5px #3498db80}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-col{flex:1}.btn-add{background:#2ecc71;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:5px}.btn-add:hover{background:#27ae60}.btn-cancel{background:#e74c3c;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:600;margin-left:10px}.btn-cancel:hover{background:#c0392b}.medicine-table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}.medicine-table th,.medicine-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.medicine-table th{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.medicine-table tr:hover{background-color:#f5f5f5}.status-pending{background-color:#fff3cd;color:#856404;padding:3px 8px;border-radius:4px;font-size:.8rem}.status-received{background-color:#d4edda;color:#155724;padding:3px 8px;border-radius:4px;font-size:.8rem}.btn-action{background:#3498db;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-action:hover{background:#2980b9}.no-data{text-align:center;padding:20px;color:#7f8c8d;font-style:italic}.search-container{position:relative}.medication-search-field{padding-right:30px}.search-loading{position:absolute;right:10px;top:10px;font-size:12px;color:#777}.search-results{position:absolute;top:100%;left:0;right:0;z-index:10;background:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.search-result-item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid #f0f0f0}.search-result-item:hover{background-color:#f5f8fa}.search-result-item:last-child{border-bottom:none}.id-badge{background-color:#e1ecf4;color:#2c5777;padding:2px 6px;border-radius:3px;font-size:12px;margin-right:8px}.category-badge{margin-left:auto;background-color:#f0f0f0;color:#666;padding:2px 6px;border-radius:3px;font-size:12px}.selected-item-info{margin-top:5px;font-size:12px;color:#666}.medicine-receipts-container{padding:1.25rem;position:relative;z-index:1}.medicine-receipts-container .card{overflow:visible!important}.medicine-receipts-container .card-body,.medicine-receipts-container .table-responsive,.medicine-receipts-container .table{overflow:visible!important;position:relative;z-index:1}.medicine-receipts-container .dropdown{position:relative;z-index:1000}.medicine-receipts-container .dropdown-menu{position:absolute!important;z-index:9999!important;top:100%!important;left:auto!important;right:0!important;transform:none!important;box-shadow:0 .5rem 1rem #0000002d;border:1px solid rgba(0,0,0,.15);margin-top:.125rem;min-width:10rem;background-color:#fff!important}.medicine-receipts-container .dropdown-toggle{z-index:1001}.medicine-receipts-container td{overflow:visible!important;position:relative}.medicine-receipts-container tbody td:last-child{position:relative;z-index:1000}.medicine-receipts-container tbody tr{position:relative;z-index:1}.medicine-receipts-container tbody tr:has(.dropdown.show){z-index:1001}.medicine-receipts-container tbody tr.dropdown-active{z-index:1001}.medicine-receipts-container .dropdown-menu.show{display:block!important;position:absolute!important;z-index:9999!important;background-color:#fff!important;border:1px solid rgba(0,0,0,.15)!important;box-shadow:0 .5rem 1rem #0000002d!important}.medicine-receipts-container .table thead,.medicine-receipts-container .table tbody,.medicine-receipts-container .table tfoot{position:relative;z-index:1}.medicine-receipts-container .dropdown-menu{pointer-events:auto!important}.medicine-receipts-container .table-striped>tbody>tr.dropdown-active{background-color:#007bff0d!important}.medicine-receipts-container .table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible!important}.medicine-receipts-container .dropdown.show .dropdown-menu{display:block!important;position:absolute!important;z-index:1050!important}.medicine-receipts-container tr{position:relative}.medicine-receipts-container .dropdown-menu.show{animation:dropdownFadeIn .15s ease-in-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.medicine-receipts-container{position:relative;z-index:1}.medicine-receipts-container .date-range-filter{display:flex;align-items:center;gap:.5rem}.medicine-receipts-container .date-inputs{display:flex;align-items:center;gap:.5rem;background-color:#f8f9fa;padding:.5rem;border-radius:.375rem;border:1px solid #dee2e6}.medicine-receipts-container .date-input{width:150px;font-size:.875rem}.medicine-receipts-container .date-separator{color:#6c757d;font-weight:500;padding:0 .25rem}.medicine-receipts-container .clear-dates-btn{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;border-radius:50%}.medicine-receipts-container .clear-dates-btn:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}@media (max-width: 768px){.medicine-receipts-container .date-inputs{flex-direction:column;gap:.25rem;padding:.375rem}.medicine-receipts-container .date-input{width:100%}.medicine-receipts-container .date-separator{display:none}}.status-badge{border-radius:30px;font-size:.85rem;font-weight:600;text-align:center;min-width:120px}tr.status-pending-row{background-color:#ffc1070d}tr.status-approved-row{background-color:#13e1430d}tr.status-rejected-row{background-color:#dc35450d}tr.status-cancelled-row{background-color:#6c757d0d}.badge.bg-warning{background-color:#ffc107!important;color:#212529}.badge.bg-success{background-color:#28a745!important;color:#fff}.badge.bg-danger{background-color:#dc3545!important;color:#fff}.badge.bg-secondary{background-color:#6c757d!important;color:#fff}.badge.bg-light{background-color:#f8f9fa!important;color:#212529;border:1px solid #dee2e6}.modal-90w{max-width:90%;width:1200px}.list-group-item{padding:.75rem 1.25rem}.table td{white-space:normal;vertical-align:middle;word-wrap:break-word;max-width:300px}.card-body p{margin-bottom:0;line-height:1.6}.card-header h5{font-size:1.1rem;margin-bottom:0}.list-group-item{display:flex;flex-wrap:wrap}.medicine-receipts-container .pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem 0;border-top:1px solid #dee2e6}.medicine-receipts-container .pagination-controls{display:flex;align-items:center;gap:.75rem}.medicine-receipts-container .pagination-nav{display:flex;align-items:center;gap:.5rem}.medicine-receipts-container .pagination-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #dee2e6;background-color:#fff;color:#495057;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:1rem}.medicine-receipts-container .pagination-arrow:not(:disabled):hover{background-color:#0d6efd;border-color:#0d6efd;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.medicine-receipts-container .pagination-arrow:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.medicine-receipts-container .pagination-arrow:disabled:hover{transform:none;box-shadow:none}.medicine-receipts-container .pagination-info{display:flex;align-items:center;gap:.5rem;color:#495057;font-size:.9rem;font-weight:500}.medicine-receipts-container .page-size-selector{display:flex;align-items:center;gap:.5rem;color:#495057;font-size:.9rem}.medicine-receipts-container .page-size-selector select{border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem;font-size:.9rem;color:#495057;background-color:#fff;min-width:70px}.medicine-receipts-container .page-size-selector select:focus{border-color:#0d6efd;box-shadow:0 0 0 .25rem #0d6efd40;outline:none}.medicine-receipts-container .current-page-indicator{background-color:#e3f2fd;color:#0277bd;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-size:.9rem;min-width:80px;text-align:center}.medicine-receipts-container .pagination-arrow.first-last{font-size:.85rem;font-weight:500;width:auto;padding:0 .75rem;min-width:50px}@media (max-width: 768px){.medicine-receipts-container .pagination-container{flex-direction:column;gap:1rem;align-items:stretch}.medicine-receipts-container .pagination-controls{justify-content:center;flex-wrap:wrap}.medicine-receipts-container .pagination-info{text-align:center;font-size:.85rem}.medicine-receipts-container .page-size-selector{justify-content:center}.medicine-receipts-container .pagination-arrow{font-size:.9rem}}@media (max-width: 576px){.medicine-receipts-container .pagination-nav{gap:.25rem}.medicine-receipts-container .pagination-arrow{width:35px;height:35px;font-size:.85rem}.medicine-receipts-container .current-page-indicator{font-size:.8rem;padding:.4rem .8rem;min-width:70px}}.medicine-image-column{min-width:120px;text-align:center}.medicine-image-btn{font-size:.8rem;padding:.375rem .75rem;white-space:nowrap}.no-medicine-image-badge{font-size:.75rem;padding:.25rem .5rem;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.medicine-image-modal .modal-body img{border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 .125rem .25rem #00000013;cursor:pointer;transition:transform .2s ease-in-out}.medicine-image-modal .modal-body img:hover{transform:scale(1.02)}@media (max-width: 768px){.medicine-image-column{min-width:100px}.medicine-image-btn{font-size:.7rem;padding:.25rem .5rem}.no-medicine-image-badge{font-size:.7rem;padding:.2rem .4rem;min-width:70px}}.medicine-parent-image-modal .modal-dialog{max-width:900px;margin:2rem auto}.medicine-parent-image-modal .modal-content{border:none;border-radius:15px;box-shadow:0 20px 60px #00000040;overflow:hidden}.medicine-parent-image-modal .modal-header{background:linear-gradient(135deg,#17a2b8,#3498db);color:#fff;padding:1.5rem 2rem;border-bottom:none}.medicine-parent-image-modal .modal-title{font-weight:600;font-size:1.3rem;display:flex;align-items:center;gap:.75rem}.medicine-parent-image-modal .modal-title:before{content:"📸";font-size:1.5rem}.medicine-parent-image-modal .btn-close{filter:brightness(0) invert(1);opacity:.8;transition:opacity .2s ease}.medicine-parent-image-modal .btn-close:hover{opacity:1}.medicine-parent-image-modal .modal-body{padding:2rem;background:#f8f9fa;text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.medicine-parent-image-modal .parent-image-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000026;background:#fff;padding:15px;margin:0 auto}.medicine-parent-image-modal .parent-medicine-image{max-height:500px;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;transition:transform .3s ease;display:block;margin:0 auto}.medicine-parent-image-modal .parent-medicine-image:hover{transform:scale(1.02)}.medicine-parent-image-modal .image-info-text{margin-top:1.5rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6c757d;font-size:.95rem}.medicine-parent-image-modal .image-info-text:before{content:"ℹ️"}.medicine-parent-image-modal .no-image-placeholder{padding:3rem 2rem;color:#6c757d;background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;border:2px dashed #dee2e6}.medicine-parent-image-modal .no-image-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.medicine-parent-image-modal .modal-footer{background:#f8f9fa;border-top:none;padding:1.5rem 2rem;gap:1rem}.medicine-parent-image-modal .btn{border-radius:25px;padding:.75rem 2rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.medicine-parent-image-modal .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.medicine-parent-image-modal .btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);border:none}.medicine-parent-image-modal .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none}.medicine-parent-image-modal .image-loading{position:relative}.medicine-parent-image-modal .image-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:medicine-image-spin 1s linear infinite}@keyframes medicine-image-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.medicine-parent-image-modal .image-error{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;padding:1rem;border-radius:8px;margin-top:1rem}@media (max-width: 768px){.medicine-parent-image-modal .modal-dialog{margin:1rem;max-width:none}.medicine-parent-image-modal .modal-header,.medicine-parent-image-modal .modal-body,.medicine-parent-image-modal .modal-footer{padding:1rem 1.5rem}.medicine-parent-image-modal .modal-title{font-size:1.1rem}.medicine-parent-image-modal .parent-medicine-image{max-height:300px}.medicine-parent-image-modal .parent-image-container{padding:10px}}@media (max-width: 576px){.medicine-parent-image-modal .modal-dialog{margin:.5rem}.medicine-parent-image-modal .modal-header,.medicine-parent-image-modal .modal-body,.medicine-parent-image-modal .modal-footer{padding:1rem}.medicine-parent-image-modal .btn{padding:.5rem 1.5rem;font-size:.9rem}.medicine-parent-image-modal .parent-image-container{padding:8px}.medicine-parent-image-modal .parent-medicine-image{max-height:250px}}.medicine-receipts-detail-modal .modal-dialog{max-width:900px}.medicine-receipts-detail-modal .modal-content{border:none;border-radius:15px;box-shadow:0 20px 50px #00000026;overflow:hidden}.medicine-receipts-detail-modal .modal-header{background:linear-gradient(135deg,#00b894,#00a085);color:#fff!important;border-bottom:none;padding:20px 25px;position:relative}.medicine-receipts-detail-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000000d;-webkit-backdrop-filter:none;backdrop-filter:none}.medicine-receipts-detail-modal .modal-title{font-weight:700;font-size:1.4rem;margin:0;position:relative;z-index:2;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.medicine-receipts-detail-modal .btn-close{filter:invert(1);position:relative;z-index:2}.medicine-receipts-detail-modal .modal-body{padding:25px;background:#f8f9fa}.medicine-receipts-detail-modal .card{border:none;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:all .3s ease;overflow:hidden;margin-bottom:20px}.medicine-receipts-detail-modal .card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.medicine-receipts-detail-modal .card-header{background:linear-gradient(135deg,#55a3ff,#00b894);color:#fff!important;border-bottom:none;padding:15px 20px;font-weight:700;font-size:1.1rem;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.3)}.medicine-receipts-detail-modal .card-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000000d;-webkit-backdrop-filter:none;backdrop-filter:none}.medicine-receipts-detail-modal .card-header *{position:relative;z-index:2;color:#fff!important;text-shadow:inherit}.medicine-receipts-detail-modal .card-body{padding:20px;background:#fff}.medicine-receipts-detail-modal .card-body p{margin-bottom:12px;font-size:.95rem;line-height:1.6;color:#2d3436}.medicine-receipts-detail-modal .card-body p strong{color:#00b894;font-weight:600;display:inline-block;min-width:120px}.medicine-receipts-detail-modal .card-body p:last-child{margin-bottom:0}.medicine-receipts-detail-modal .card.border-danger{border-left:4px solid #dc3545!important}.medicine-receipts-detail-modal .card.border-danger .card-header{background:linear-gradient(135deg,#ff7675,#d63031)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.medicine-receipts-detail-modal .card.border-danger .card-header *{color:#fff!important;text-shadow:inherit}.medicine-receipts-detail-modal .card.border-danger .card-body .text-danger{color:#d63031!important;font-weight:500;font-style:italic}.medicine-receipts-detail-modal .special-instructions-card{border-left:4px solid #00b894}.medicine-receipts-detail-modal .special-instructions-card .card-header{background:linear-gradient(135deg,#00b894,#00a085)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.medicine-receipts-detail-modal .special-instructions-card .card-header *{color:#fff!important;text-shadow:inherit}.medicine-receipts-detail-modal .modal-footer{padding:20px 25px;background:#fff;border-top:1px solid #e9ecef;display:flex;gap:10px;flex-wrap:wrap}.medicine-receipts-detail-modal .modal-footer .btn{border-radius:8px;padding:10px 20px;font-weight:600;font-size:.9rem;transition:all .3s ease;border:none;min-width:120px}.medicine-receipts-detail-modal .modal-footer .btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0003}.medicine-receipts-detail-modal .modal-footer .btn-secondary{background:linear-gradient(135deg,#636e72,#2d3436);color:#fff}.medicine-receipts-detail-modal .modal-footer .btn-success{background:linear-gradient(135deg,#00b894,#00a085);color:#fff}.medicine-receipts-detail-modal .modal-footer .btn-danger{background:linear-gradient(135deg,#ff7675,#d63031);color:#fff}.medicine-receipts-detail-modal .status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.85rem;text-align:center;min-width:140px;margin-top:10px}@media (max-width: 768px){.medicine-receipts-detail-modal .modal-dialog{max-width:95%;margin:10px}.medicine-receipts-detail-modal .modal-header,.medicine-receipts-detail-modal .modal-body,.medicine-receipts-detail-modal .modal-footer{padding:15px}.medicine-receipts-detail-modal .modal-title{font-size:1.2rem}.medicine-receipts-detail-modal .card-body p strong{min-width:auto;display:block;margin-bottom:2px}.medicine-receipts-detail-modal .modal-footer{flex-direction:column}.medicine-receipts-detail-modal .modal-footer .btn{width:100%;margin-bottom:8px}}.medicine-receipts-detail-modal.fade .modal-dialog{transform:scale(.8) translateY(-50px);transition:all .3s ease-out}.medicine-receipts-detail-modal.show .modal-dialog{transform:scale(1) translateY(0)}.medicine-receipts-detail-modal .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:12px}.medicine-receipts-detail-modal .loading-spinner{color:#00b894}.medicine-receipts-detail-modal .info-highlight{background:linear-gradient(135deg,#e8f8f5,#d1f2eb);border-left:4px solid #00b894;padding:15px;border-radius:0 8px 8px 0;margin-bottom:15px}.medicine-receipts-detail-modal .info-highlight .fa-info-circle{color:#00b894;margin-right:8px}.medicine-receipts-detail-modal{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.medicine-receipts-detail-modal .card-body{line-height:1.7}.medicine-receipts-detail-modal .btn .fas,.medicine-receipts-detail-modal .btn .fa{margin-right:6px}.medicine-receipts-detail-modal .modal-body{max-height:70vh;overflow-y:auto}.medicine-receipts-detail-modal .modal-body::-webkit-scrollbar{width:6px}.medicine-receipts-detail-modal .modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.medicine-receipts-detail-modal .modal-body::-webkit-scrollbar-thumb{background:#00b894;border-radius:3px}.medicine-receipts-detail-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#00a085}.medicine-process-modal .modal-dialog{max-width:600px}.medicine-process-modal .modal-content{border:none;border-radius:15px;box-shadow:0 20px 50px #00000026;overflow:hidden}.medicine-process-modal .modal-header{background:linear-gradient(135deg,#00b894,#00a085);color:#fff!important;border-bottom:none;padding:20px 25px;position:relative}.medicine-process-modal .modal-title{font-weight:700;font-size:1.3rem;margin:0;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.medicine-process-modal .btn-close{filter:invert(1);opacity:.8}.medicine-process-modal .btn-close:hover{opacity:1}.medicine-process-modal .modal-body{padding:25px;background:#f8f9fa}.medicine-process-modal .form-label{font-weight:600;color:#2d3436;margin-bottom:8px;font-size:.95rem}.medicine-process-modal .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300b894' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;padding-right:2.5rem!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:2px solid #e9ecef;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s ease}.medicine-process-modal .form-select:focus{border-color:#00b894;box-shadow:0 0 0 .2rem #00b89440;outline:none}.medicine-process-modal .form-select::-ms-expand{display:none!important}.medicine-process-modal .form-select:after,.medicine-process-modal .form-select:before{display:none!important}.medicine-process-modal .form-control{border:2px solid #e9ecef;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s ease;resize:vertical}.medicine-process-modal .form-control:focus{border-color:#00b894;box-shadow:0 0 0 .2rem #00b89440;outline:none}.medicine-process-modal .form-control::placeholder{color:#6c757d;opacity:.7}.medicine-process-modal .mb-3{margin-bottom:1.5rem!important}.medicine-process-modal .modal-footer{padding:20px 25px;background:#fff;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end}.medicine-process-modal .modal-footer .btn{border-radius:8px;padding:10px 24px;font-weight:600;font-size:.95rem;transition:all .3s ease;border:none;min-width:100px}.medicine-process-modal .modal-footer .btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0003}.medicine-process-modal .modal-footer .btn-secondary{background:linear-gradient(135deg,#636e72,#2d3436);color:#fff}.medicine-process-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#00b894,#00a085);color:#fff}.medicine-process-modal .decision-approve{border-left:4px solid #28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb);padding:15px;border-radius:0 8px 8px 0;margin-bottom:15px}.medicine-process-modal .decision-reject{border-left:4px solid #dc3545;background:linear-gradient(135deg,#f8d7da,#f5c6cb);padding:15px;border-radius:0 8px 8px 0;margin-bottom:15px}@media (max-width: 768px){.medicine-process-modal .modal-dialog{max-width:95%;margin:10px}.medicine-process-modal .modal-header,.medicine-process-modal .modal-body,.medicine-process-modal .modal-footer{padding:15px}.medicine-process-modal .modal-title{font-size:1.1rem}.medicine-process-modal .modal-footer{flex-direction:column}.medicine-process-modal .modal-footer .btn{width:100%;margin-bottom:8px}}.medicine-process-modal.fade .modal-dialog{transform:scale(.8) translateY(-50px);transition:all .3s ease-out}.medicine-process-modal.show .modal-dialog{transform:scale(1) translateY(0)}.medicine-process-modal{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.medicine-process-modal .form-select:focus,.medicine-process-modal .form-control:focus{border-color:#00b894!important;box-shadow:0 0 0 .2rem #00b89440!important}.medicine-process-modal .btn[disabled]{opacity:.6;cursor:not-allowed}.medicine-process-modal .btn .fas,.medicine-process-modal .btn .fa{margin-right:6px}.medicine-administration-modal .modal-content{border:none;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden}.medicine-administration-modal .modal-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-bottom:none;padding:1.25rem 1.5rem}.medicine-administration-modal .modal-header .modal-title{font-weight:600;font-size:1.25rem}.medicine-administration-modal .modal-header .btn-close{filter:invert(1);opacity:.8}.medicine-administration-modal .modal-header .btn-close:hover{opacity:1}.medicine-administration-modal .modal-body{padding:1.5rem;background-color:#f8f9fa}.medicine-administration-modal .medicine-admin-info-banner{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #b6d4d9;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.medicine-administration-modal .medicine-admin-info-banner strong{color:#0c5460;font-weight:600}.medicine-administration-modal .card{border:none;border-radius:10px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.medicine-administration-modal .card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.medicine-administration-modal .card-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-bottom:none;padding:.875rem 1.25rem;font-weight:600;border-radius:10px 10px 0 0!important}.medicine-administration-modal .card-body{padding:1.25rem;background-color:#fff}.medicine-administration-modal .medicine-admin-time-card .card-header{background:linear-gradient(135deg,#007bff,#0056b3)}.medicine-administration-modal .medicine-admin-photo-card .card-header{background:linear-gradient(135deg,#6f42c1,#5a2d91)}.medicine-administration-modal .medicine-admin-notes-card .card-header{background:linear-gradient(135deg,#fd7e14,#e55a00)}.medicine-administration-modal .form-label{font-weight:600;color:#495057;margin-bottom:.5rem}.medicine-administration-modal .medicine-admin-datetime-input{border-radius:8px;border:2px solid #dee2e6;padding:.75rem;font-size:.95rem;transition:all .3s ease}.medicine-administration-modal .medicine-admin-datetime-input:focus{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.medicine-administration-modal .medicine-admin-file-input{border-radius:8px;border:2px dashed #dee2e6;padding:.75rem;transition:all .3s ease;background-color:#f8f9fa}.medicine-administration-modal .medicine-admin-file-input:hover{border-color:#6f42c1;background-color:#f3f0ff}.medicine-administration-modal .medicine-admin-file-input:focus{border-color:#6f42c1;box-shadow:0 0 0 .2rem #6f42c140}.medicine-administration-modal .medicine-admin-notes-textarea{border-radius:8px;border:2px solid #dee2e6;padding:.75rem;resize:vertical;min-height:100px;transition:all .3s ease}.medicine-administration-modal .medicine-admin-notes-textarea:focus{border-color:#fd7e14;box-shadow:0 0 0 .2rem #fd7e1440}.medicine-administration-modal .medicine-admin-image-preview{border:2px solid #dee2e6;border-radius:8px;padding:.75rem;background-color:#f8f9fa;text-align:center}.medicine-administration-modal .medicine-admin-image-preview img{border-radius:6px;border:1px solid #dee2e6}.medicine-administration-modal .form-text{font-size:.85rem;line-height:1.4}.medicine-administration-modal .form-text.text-muted{color:#6c757d!important}.medicine-administration-modal .form-text.text-success{color:#28a745!important;font-weight:500}.medicine-administration-modal .form-text.text-warning{color:#fd7e14!important;font-weight:500}.medicine-administration-modal .medicine-admin-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:1rem 1.5rem}.medicine-administration-modal .medicine-admin-cancel-btn{border-radius:8px;padding:.75rem 1.5rem;font-weight:600;border:2px solid #6c757d;transition:all .3s ease}.medicine-administration-modal .medicine-admin-cancel-btn:hover{background-color:#6c757d;border-color:#6c757d;transform:translateY(-1px)}.medicine-administration-modal .medicine-admin-submit-btn{border-radius:8px;padding:.75rem 1.5rem;font-weight:600;background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #28a745;transition:all .3s ease}.medicine-administration-modal .medicine-admin-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);border-color:#218838;transform:translateY(-1px)}.medicine-administration-modal .medicine-admin-submit-btn:disabled{opacity:.6;cursor:not-allowed}.medicine-administration-modal .fa-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.medicine-administration-modal .modal-body,.medicine-administration-modal .card-body{padding:1rem}.medicine-administration-modal .medicine-admin-footer{padding:.75rem 1rem}.medicine-administration-modal .medicine-admin-cancel-btn,.medicine-administration-modal .medicine-admin-submit-btn{padding:.625rem 1.25rem;font-size:.9rem}}.medicine-administration-modal .modal-dialog{animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.medicine-administration-modal .form-control.is-valid{border-color:#28a745;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='m2.3 6.73.94-.94 2.94 2.94L9.1 5.8l.94.94L6.1 10.68z'/%3e%3c/svg%3e")}.medicine-administration-modal .form-control:focus{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.medicine-administration-modal .fas,.medicine-administration-modal .fa{color:inherit}.medicine-administration-modal .card-header .fas,.medicine-administration-modal .card-header .fa{opacity:.9}.medicine-image-upload-modal .modal-content{border:none;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden}.medicine-image-upload-modal .modal-header{background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;border-bottom:none;padding:1.25rem 1.5rem}.medicine-image-upload-modal .modal-header .modal-title{font-weight:600;font-size:1.2rem}.medicine-image-upload-modal .modal-body{padding:1.5rem;background-color:#f8f9fa}.medicine-image-upload-modal .medicine-upload-success-banner{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #a3d5a3;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.medicine-image-upload-modal .medicine-upload-success-banner .text-success{color:#155724!important;font-size:1.2rem}.medicine-image-upload-modal .medicine-upload-content{text-align:center}.medicine-image-upload-modal .medicine-upload-title{color:#6f42c1;font-weight:600;margin-bottom:1rem;font-size:1.1rem}.medicine-image-upload-modal .medicine-upload-description{color:#6c757d;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.medicine-image-upload-modal .medicine-upload-preview{margin-top:1.5rem;padding:1rem;background-color:#fff;border-radius:10px;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000000d}.medicine-image-upload-modal .medicine-upload-preview-title{color:#6f42c1;font-weight:600;margin-bottom:1rem;text-align:left}.medicine-image-upload-modal .medicine-upload-image-container{position:relative;border-radius:8px;overflow:hidden;border:2px solid #dee2e6;background-color:#f8f9fa}.medicine-image-upload-modal .medicine-upload-preview-image{width:100%;max-height:200px;object-fit:cover;display:block}.medicine-image-upload-modal .medicine-upload-file-info{padding:.75rem;background-color:#f8f9fa;border-top:1px solid #dee2e6;text-align:center}.medicine-image-upload-modal .medicine-upload-no-image{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #b6d4d9;border-radius:8px;text-align:center;padding:1rem}.medicine-image-upload-modal .medicine-upload-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:1rem 1.5rem;justify-content:space-between}.medicine-image-upload-modal .medicine-upload-skip-btn{border-radius:8px;padding:.75rem 1.5rem;font-weight:600;border:2px solid #6c757d;color:#6c757d;transition:all .3s ease}.medicine-image-upload-modal .medicine-upload-skip-btn:hover:not(:disabled){background-color:#6c757d;border-color:#6c757d;color:#fff;transform:translateY(-1px)}.medicine-image-upload-modal .medicine-upload-submit-btn{border-radius:8px;padding:.75rem 1.5rem;font-weight:600;background:linear-gradient(135deg,#6f42c1,#5a2d91);border:2px solid #6f42c1;transition:all .3s ease}.medicine-image-upload-modal .medicine-upload-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a2d91,#4c1f78);border-color:#5a2d91;transform:translateY(-1px)}.medicine-image-upload-modal .medicine-upload-submit-btn:disabled{opacity:.6;cursor:not-allowed}.medicine-image-upload-modal .spinner-border{width:1rem;height:1rem;border-width:.125rem}@media (max-width: 768px){.medicine-image-upload-modal .modal-body{padding:1rem}.medicine-image-upload-modal .medicine-upload-footer{padding:.75rem 1rem;flex-direction:column;gap:.75rem}.medicine-image-upload-modal .medicine-upload-skip-btn,.medicine-image-upload-modal .medicine-upload-submit-btn{width:100%;padding:.625rem 1.25rem;font-size:.9rem}.medicine-image-upload-modal .medicine-upload-preview-image{max-height:150px}}.medicine-image-upload-modal .modal-dialog{animation:zoomIn .3s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.medicine-image-upload-modal .text-success{color:#28a745!important}.medicine-image-upload-modal .fas,.medicine-image-upload-modal .fa{color:inherit}.medicine-image-upload-modal .medicine-upload-image-container:hover{border-color:#6f42c1;transition:border-color .3s ease}.medicine-image-upload-modal .medicine-upload-success-banner .fa-check{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.medicine-notification-modal .modal-dialog{z-index:9999;animation:slideInFromTop .3s ease-out}.medicine-notification-modal .modal-content{border:none;border-radius:15px;box-shadow:0 10px 30px #0000004d;overflow:hidden}.medicine-notification-modal .modal-header{border-bottom:none;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--bs-primary) 0%,#6f42c1 100%);min-height:70px}.medicine-notification-modal .modal-header.bg-success{background:linear-gradient(135deg,#28a745,#20c997)!important}.medicine-notification-modal .modal-header.bg-danger{background:linear-gradient(135deg,#dc3545,#e74c3c)!important}.medicine-notification-modal .modal-header.bg-warning{background:linear-gradient(135deg,#ffc107,#f39c12)!important}.medicine-notification-modal .modal-header.bg-info{background:linear-gradient(135deg,#17a2b8,#3498db)!important}.medicine-notification-modal .modal-title{font-weight:600!important;font-size:1.1rem!important;margin:0!important;line-height:1.3!important;word-wrap:break-word;overflow-wrap:break-word}.medicine-notification-modal .modal-body{padding:2rem 1.5rem;background:#f8f9fa}.medicine-notification-modal .modal-footer{padding:1rem 1.5rem 1.5rem;background:#f8f9fa}.medicine-notification-modal .btn{min-width:100px;font-weight:600;border-radius:25px;transition:all .2s ease}.medicine-notification-modal .btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 576px){.medicine-notification-modal .modal-dialog{margin:1rem}.medicine-notification-modal .modal-header,.medicine-notification-modal .modal-body,.medicine-notification-modal .modal-footer{padding:1rem}.medicine-notification-modal .modal-title{font-size:1.1rem}}@media (max-width: 400px){.medicine-notification-modal .modal-title{font-size:1rem!important;line-height:1.2!important}.medicine-notification-modal .modal-header{padding:1rem 1.25rem;min-height:65px}}.medicine-notification-modal .modal-header .d-flex{align-items:flex-start!important;gap:.5rem}.medicine-notification-modal .modal-header .d-flex .flex-grow-1{min-width:0}/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, .75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, .5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, .15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled,.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer:before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:.25rem}.g-1,.gy-1{--bs-gutter-y:.25rem}.g-2,.gx-2{--bs-gutter-x:.5rem}.g-2,.gy-2{--bs-gutter-y:.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), .05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), .1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), .075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating>textarea:focus~label:after,.form-floating>textarea:not(:placeholder-shown)~label:after{position:absolute;top:1rem;right:.375rem;bottom:1rem;left:.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label:after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3.75rem + 1.5em)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3.75rem + 1.5em)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:.75rem;--bs-btn-padding-y:.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15),0 1px 1px rgba(0, 0, 0, .075);--bs-btn-disabled-opacity:.65;--bs-btn-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:.25rem;--bs-btn-padding-x:.5rem;--bs-btn-font-size:.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:.5rem;--bs-dropdown-spacer:.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle:after{display:none}.dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, .15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:.5rem;--bs-navbar-toggler-padding-y:.25rem;--bs-navbar-toggler-padding-x:.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:.25rem;--bs-navbar-toggler-transition:box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, .55);--bs-navbar-hover-color:rgba(255, 255, 255, .75);--bs-navbar-disabled-color:rgba(255, 255, 255, .25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform .2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:.75rem;--bs-pagination-padding-y:.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:.5rem;--bs-pagination-padding-y:.25rem;--bs-pagination-font-size:.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:.65em;--bs-badge-padding-y:.35em;--bs-badge-font-size:.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:.5;--bs-btn-close-hover-opacity:.75;--bs-btn-close-focus-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:.25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:.75rem;--bs-toast-padding-y:.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:.5rem;--bs-tooltip-padding-y:.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:.9;--bs-tooltip-arrow-width:.8rem;--bs-tooltip-arrow-height:.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow:after,.popover .popover-arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner:after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translate(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-border-width:.25em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform .3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn:before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,#000c,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix:after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-underline-offset:.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio:before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translate(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:.1}.border-opacity-25{--bs-border-opacity:.25}.border-opacity-50{--bs-border-opacity:.5}.border-opacity-75{--bs-border-opacity:.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:#00000080!important}.text-white-50{--bs-text-opacity:1;color:#ffffff80!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:.25}.text-opacity-50{--bs-text-opacity:.5}.text-opacity-75{--bs-text-opacity:.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10,.link-opacity-10-hover:hover{--bs-link-opacity:.1}.link-opacity-25,.link-opacity-25-hover:hover{--bs-link-opacity:.25}.link-opacity-50,.link-opacity-50-hover:hover{--bs-link-opacity:.5}.link-opacity-75,.link-opacity-75-hover:hover{--bs-link-opacity:.75}.link-opacity-100,.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1,.link-offset-1-hover:hover{text-underline-offset:.125em!important}.link-offset-2,.link-offset-2-hover:hover{text-underline-offset:.25em!important}.link-offset-3,.link-offset-3-hover:hover{text-underline-offset:.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0,.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10,.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:.1}.link-underline-opacity-25,.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:.25}.link-underline-opacity-50,.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:.5}.link-underline-opacity-75,.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:.75}.link-underline-opacity-100,.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:.1}.bg-opacity-25{--bs-bg-opacity:.25}.bg-opacity-50{--bs-bg-opacity:.5}.bg-opacity-75{--bs-bg-opacity:.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}.medication-history-container{padding:20px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.history-header h2{font-size:1.5rem;color:#2c3e50;margin:0}.search-filter-container{display:flex;gap:15px}.search-box{position:relative;width:350px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7f8c8d}.search-input{width:100%;padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.filter-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:6px;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{color:#2c3e50;font-size:.9rem;font-weight:500;white-space:nowrap}.filter-input{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:120px}.filter-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.btn-reset-filter{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;margin-left:auto;transition:background-color .2s}.btn-reset-filter:hover{background-color:#c0392b}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.error-message{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:4px;margin:20px 0;text-align:center}.no-data{padding:30px;text-align:center;color:#7f8c8d;font-style:italic}.history-table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th{background-color:#f8f9fa;color:#2c3e50;font-weight:600;padding:12px;text-align:left;border-bottom:2px solid #e0e0e0;white-space:nowrap}.history-table td{padding:12px;border-bottom:1px solid #e0e0e0;color:#2c3e50;vertical-align:middle}.history-table tr:hover{background-color:#f8f9fa}.scheduled-row{background-color:#e3f2fd}.scheduled-row:hover{background-color:#bbdefb!important}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.scheduled{background-color:#cce5ff;color:#004085}.btn-view{background-color:#3498db;color:#fff;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.btn-view:hover{background-color:#2980b9}.table th{font-weight:600;white-space:nowrap}.table td{vertical-align:middle}.badge{font-weight:500;font-size:.85rem}.pagination .page-link{color:#0d6efd;border-radius:0;transition:all .2s}.pagination .page-link:focus{box-shadow:none}.pagination .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd}.form-control:focus,.form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .25rem #0d6efd40}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000026!important}.btn{transition:all .2s}.btn:hover{transform:translateY(-1px)}.badge.bg-success{background-color:#198754!important}.badge.bg-danger{background-color:#dc3545!important}.badge.bg-warning{background-color:#fd7e14!important;color:#fff!important}.badge.bg-dark{background-color:#212529!important}.image-column{min-width:120px;text-align:center}.image-btn{font-size:.8rem;padding:.375rem .75rem;white-space:nowrap}.no-image-badge{font-size:.75rem;padding:.25rem .5rem;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.image-modal .modal-body img{border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 .125rem .25rem #00000013;cursor:pointer;transition:transform .2s ease-in-out}.image-modal .modal-body img:hover{transform:scale(1.02)}.image-error-placeholder{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:.375rem;padding:2rem;text-align:center;color:#6c757d}.medication-history-container .pagination-container{margin-top:1.5rem;padding:1rem 0;border-top:1px solid #dee2e6}.medication-history-container .pagination-wrapper{background:#f8f9fa;border-radius:8px;padding:.5rem;box-shadow:0 2px 4px #0000001a}.medication-history-container .pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #dee2e6;background-color:#fff;color:#495057;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.medication-history-container .pagination-btn:not(:disabled):hover{background-color:#e9ecef;border-color:#adb5bd;color:#495057}.medication-history-container .pagination-btn:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.medication-history-container .pagination-numbers{margin:0 .5rem}.medication-history-container .pagination-page{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #dee2e6;background-color:#fff;color:#495057;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.medication-history-container .pagination-page:hover{background-color:#e9ecef;border-color:#adb5bd;color:#495057}.medication-history-container .pagination-page.active{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:600}.medication-history-container .pagination-page.active:hover{background-color:#0056b3;border-color:#0056b3;color:#fff}.medication-history-container .pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#6c757d;font-size:.9rem;font-weight:700}@media (max-width: 768px){.medication-history-container .pagination-wrapper{padding:.25rem;gap:1px!important}.medication-history-container .pagination-btn,.medication-history-container .pagination-page,.medication-history-container .pagination-ellipsis{width:35px;height:35px;font-size:.8rem}}@media (max-width: 576px){.medication-history-container .pagination-btn,.medication-history-container .pagination-page,.medication-history-container .pagination-ellipsis{width:32px;height:32px;font-size:.75rem}}.medication-history-image-modal .modal-dialog{max-width:900px;margin:2rem auto;transition:transform .3s ease-out}.medication-history-image-modal .modal-content{border:none;border-radius:15px;box-shadow:0 25px 60px #0000004d;overflow:hidden;background:#fff}.medication-history-image-modal .modal-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:1.75rem 2rem;border-bottom:none;position:relative}.medication-history-image-modal .modal-title{font-weight:700;font-size:1.4rem;display:flex;align-items:center;gap:.75rem;margin:0}.medication-history-image-modal .modal-title:before{content:"💊";font-size:1.6rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.medication-history-image-modal .btn-close{filter:brightness(0) invert(1);opacity:.9;transition:all .2s ease;font-size:1.1rem}.medication-history-image-modal .btn-close:hover{opacity:1;transform:scale(1.1)}.medication-history-image-modal .modal-body{padding:2.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);text-align:center;min-height:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.medication-history-image-modal .confirmation-image-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #0003;background:#fff;padding:20px;margin:0 auto;transition:transform .3s ease}.medication-history-image-modal .confirmation-image-container:hover{transform:scale(1.02)}.medication-history-image-modal .confirmation-medicine-image{max-height:450px;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;transition:all .3s ease;display:block;margin:0 auto;cursor:zoom-in}.medication-history-image-modal .confirmation-medicine-image:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.medication-history-image-modal .image-description-text{margin-top:1.5rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#495057;font-size:1rem;font-weight:500;border:1px solid #e9ecef}.medication-history-image-modal .image-description-text:before{content:"📋";font-size:1.2rem}.medication-history-image-modal .no-confirmation-image-placeholder{padding:4rem 2.5rem;color:#6c757d;background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;border:3px dashed #dee2e6;transition:all .3s ease}.medication-history-image-modal .no-confirmation-image-placeholder:hover{border-color:#adb5bd;transform:translateY(-2px)}.medication-history-image-modal .no-confirmation-image-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6;color:#adb5bd}.medication-history-image-modal .modal-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:none;padding:1.75rem 2rem;gap:1.25rem;justify-content:center}.medication-history-image-modal .btn{border-radius:30px;padding:.875rem 2.5rem;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;border:none;min-width:120px}.medication-history-image-modal .btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.medication-history-image-modal .btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.medication-history-image-modal .btn-secondary:hover{background:linear-gradient(135deg,#5a6268,#343a40)}.medication-history-image-modal .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.medication-history-image-modal .btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085)}.medication-history-image-modal .image-loading-state{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.medication-history-image-modal .image-loading-state:after{content:"";position:absolute;width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #28a745;border-radius:50%;animation:medication-history-spinner 1s linear infinite}@keyframes medication-history-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.medication-history-image-modal .image-error-state{color:#dc3545;background:linear-gradient(135deg,#f8d7da,#f1aeb5);border:2px solid #f5c6cb;padding:1.5rem;border-radius:12px;margin-top:1rem;font-weight:500}.medication-history-image-modal .image-error-state:before{content:"⚠️";margin-right:.5rem}.medication-history-image-modal.show .modal-dialog{animation:medication-history-modal-fade-in .4s ease-out}@keyframes medication-history-modal-fade-in{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.medication-history-image-modal .modal-dialog{margin:1rem;max-width:none}.medication-history-image-modal .modal-header,.medication-history-image-modal .modal-body,.medication-history-image-modal .modal-footer{padding:1.5rem}.medication-history-image-modal .modal-title{font-size:1.2rem}.medication-history-image-modal .confirmation-medicine-image{max-height:300px}.medication-history-image-modal .confirmation-image-container{padding:15px}.medication-history-image-modal .no-confirmation-image-placeholder{padding:3rem 2rem}}@media (max-width: 576px){.medication-history-image-modal .modal-dialog{margin:.75rem}.medication-history-image-modal .modal-header,.medication-history-image-modal .modal-body,.medication-history-image-modal .modal-footer{padding:1.25rem}.medication-history-image-modal .btn{padding:.75rem 2rem;font-size:.9rem;min-width:100px}.medication-history-image-modal .confirmation-image-container{padding:12px}.medication-history-image-modal .confirmation-medicine-image{max-height:250px}.medication-history-image-modal .modal-title{font-size:1.1rem}.medication-history-image-modal .modal-title:before{font-size:1.3rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.medication-history-image-modal .confirmation-medicine-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.parent-home{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:0;margin:0;padding:0}.parent-home-section{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;display:flex;justify-content:center;margin:0;padding:0}.parent-home-section-vision{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);position:relative}.parent-home-section-vision:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#428cd4,#88cdf6,#bce6ff)}.hero.modern-hero{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;margin:0;padding:0}.hero-container{width:100%;max-width:1520px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;width:100%;box-sizing:border-box}.features-section{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;padding:80px 0;margin:0}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#428cd4,#88cdf6,#bce6ff)}.section-container{width:100%;max-width:1520px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.about-section{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;background:#fff;padding:80px 0;margin:0}.vision-section{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding:80px 0;margin:0}.cta-section{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4,#88cdf6,#bce6ff);color:#fff;text-align:center;position:relative;padding:80px 0;margin:0}@media (max-width: 992px){.hero-content{grid-template-columns:1fr;gap:2rem}.section-container{padding:0 1.5rem}.features-section,.about-section,.vision-section,.cta-section{padding:60px 0}}@media (max-width: 768px){.section-container{padding:0 1rem}.features-section,.about-section,.vision-section,.cta-section{padding:40px 0}}@media (max-width: 480px){.section-container{padding:0 .75rem}.features-section,.about-section,.vision-section,.cta-section{padding:30px 0}}.hero.modern-hero,.parent-hero{background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9,#e2e8f0,#f8fafc);min-height:55vh;display:flex;align-items:center;position:relative;overflow:hidden;width:100%;box-sizing:border-box;padding:1.5rem 0;margin:0}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 6s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#88cdf6,#428cd4);top:20%;right:10%;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,#2d82b5,#bce6ff);bottom:30%;left:5%;animation-delay:2s}.orb-3{width:250px;height:250px;background:linear-gradient(135deg,#428cd4,#015c92);top:60%;right:30%;animation-delay:4s}.hero-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2;width:100%;box-sizing:border-box}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;min-height:auto;padding:1rem 0;width:100%;box-sizing:border-box}.hero-text{color:#1f2937;animation:fadeInUp .8s ease-out forwards;text-align:center;width:100%;box-sizing:border-box}.hero-badge{display:inline-block;background:#015c921a;color:#015c92;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(1,92,146,.2);animation:slideInLeft .8s ease-out .2s backwards}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em;animation:slideInLeft .8s ease-out .4s backwards;text-align:center}.gradient-text{background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-top:15px}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:1.2rem;color:#4b5563;max-width:90%;animation:slideInLeft .8s ease-out .6s backwards;text-align:center;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;margin-bottom:1.8rem;animation:slideInLeft .8s ease-out .8s backwards;justify-content:center}.hero-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;border:none;text-decoration:none}.primary-btn{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;box-shadow:0 4px 20px #015c9240}.primary-btn:hover{background:linear-gradient(135deg,#2d82b5,#428cd4);transform:translateY(-2px);box-shadow:0 8px 30px #015c9259;color:#fff}.secondary-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-btn:hover{background:#fff3;transform:translateY(-2px)}.hero-stats{display:flex;gap:1.5rem;animation:slideInLeft .8s ease-out 1s backwards;justify-content:center;flex-wrap:wrap}.stat-item{text-align:left;position:relative;background:#015c920d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(1,92,146,.1);transition:all .3s ease;min-width:110px;box-sizing:border-box;display:block;text-align:center;display:flex;flex-direction:column;align-items:center}.stat-item:hover{background:#015c921a;transform:translateY(-2px)}.stat-item:nth-child(1) .stat-number{color:gold}.stat-item:nth-child(2) .stat-number{color:#ff6b7c}.stat-item:nth-child(3) .stat-number{color:#34d399}.stat-number{font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:.3rem;display:block;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:inherit}.stat-label{font-size:.9rem;color:#6b7280;margin-top:.25rem;font-weight:500}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;animation:fadeInRight .8s ease-out .5s backwards;width:100%;box-sizing:border-box}.phone-mockup{position:relative;z-index:3;width:100%;max-width:260px;margin:0 auto;animation:phoneFloat 4s ease-in-out infinite}.phone-frame{width:100%;max-width:260px;height:540px;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:35px;padding:8px;box-shadow:0 20px 40px #0000004d,0 15px 20px #0003,0 5px 10px #0000001a;position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box;animation:phonePulse 3s ease-in-out infinite}.phone-screen{width:100%;height:100%;background:#0a2540;border-radius:30px;overflow:hidden;position:relative;box-sizing:border-box;box-shadow:inset 0 0 20px #88cdf633}.phone-header{height:30px;padding:0 15px;display:flex;justify-content:space-between;align-items:center;background:#0000004d}.phone-time{color:#fff;font-size:12px;font-weight:500}.phone-status{display:flex;align-items:center;gap:5px}.signal,.wifi,.battery{width:15px;height:15px;background:#fff;opacity:.8;border-radius:2px}.battery{width:20px;height:10px;border-radius:2px;border:1px solid white;position:relative;background:transparent}.battery:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:6px;background:#fff;border-radius:1px}.app-content{padding:15px;height:calc(100% - 30px);display:flex;flex-direction:column;gap:15px;box-sizing:border-box;animation:contentSlideIn 1s ease-out 1.2s backwards}.welcome-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #88CDF6;box-shadow:0 0 10px #88cdf680;animation:avatarPulse 2s ease-in-out infinite}.user-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-text{flex:1;padding-left:10px}.welcome-label{display:block;font-size:10px;color:#88cdf6;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.user-name{color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px}.notification-icon{width:30px;height:30px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;animation:notificationBounce 3s ease-in-out infinite}.balance-card{display:flex;align-items:center;gap:12px;padding:20px;position:relative}.balance-card{background:linear-gradient(135deg,#015c92cc,#2d82b5cc);border-radius:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003;transition:transform .3s ease}.balance-card:hover{transform:translateY(-2px)}.balance-icon{position:absolute;top:15px;left:15px;width:30px;height:30px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.balance-amount{color:#fff;font-size:17px;font-weight:700;padding-left:30px;text-align:center}.balance-label{color:#ffffffb3;font-size:12px;text-align:center;margin-top:5px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action-btn{background:#ffffff0d;border-radius:15px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;font-size:10px;transition:all .3s ease;cursor:pointer;animation:actionButtonSlide .5s ease-out backwards}.action-btn:nth-child(1){animation-delay:1.4s}.action-btn:nth-child(2){animation-delay:1.5s}.action-btn:nth-child(3){animation-delay:1.6s}.action-btn:nth-child(4){animation-delay:1.7s}.action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.action-btn i{font-size:16px;color:#88cdf6;margin-bottom:3px}.recent-section{margin-top:5px}.section-header{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;font-weight:600;margin-bottom:10px}.see-all{color:#88cdf6;font-size:12px;font-weight:500;cursor:pointer}.recent-contacts{display:flex;gap:15px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.contact-item{display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff;font-size:9px;min-width:50px;text-align:center;animation:contactSlideUp .4s ease-out backwards}.contact-item:nth-child(1){animation-delay:1.8s}.contact-item:nth-child(2){animation-delay:1.9s}.contact-item:nth-child(3){animation-delay:2s}.contact-item:nth-child(4){animation-delay:2.1s}.contact-item:nth-child(5){animation-delay:2.2s}.contact-item img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.transaction-card{background:#ffffff0d;border-radius:15px;padding:15px;animation:transactionSlideIn .6s ease-out 2.3s backwards}.transaction-header{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:12px;font-weight:600;margin-bottom:10px}.transaction-amount{color:#34d399;font-weight:700}.transaction-detail{display:flex;align-items:center;gap:10px}.transaction-detail img{width:25px;height:25px;border-radius:50%;object-fit:cover}.transaction-name{color:#fff;font-size:11px;flex:1}.transaction-growth{color:#34d399;font-size:10px;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes phonePulse{0%,to{box-shadow:0 20px 40px #0000004d,0 15px 20px #0003,0 5px 10px #0000001a}50%{box-shadow:0 25px 50px #0006,0 20px 30px #0000004d,0 10px 15px #0003}}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes avatarPulse{0%,to{box-shadow:0 0 10px #88cdf680}50%{box-shadow:0 0 20px #88cdf6cc}}@keyframes notificationBounce{0%,to{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}@keyframes actionButtonSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes contactSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes transactionSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.hero-content{gap:1.5rem}.phone-frame{max-width:240px;height:500px}.hero-title{font-size:2.4rem}}@media (max-width: 992px){.hero.modern-hero,.parent-hero{min-height:70vh;padding:2rem 0}.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.2rem}.hero-description{max-width:100%}.hero-stats{justify-content:center}.phone-frame{max-width:220px;height:460px}}@media (max-width: 768px){.hero-container{padding:0 1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.phone-frame{max-width:200px;height:420px}.app-content{padding:12px}.hero-stats{gap:1rem}.stat-number{font-size:1.5rem}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.hero-description{font-size:.95rem}.hero-buttons{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:280px}.phone-frame{max-width:180px;height:380px}.app-content{padding:10px}.balance-card{padding:15px}}:root{--primary-blue: #015C92;--secondary-blue: #2D82B5;--accent-blue: #428CD4;--light-blue: #88CDF6;--lightest-blue: #BCE6FF;--blue-gradient: linear-gradient(135deg, #015C92 0%, #2D82B5 25%, #428CD4 50%, #88CDF6 75%, #BCE6FF 100%);--blue-gradient-secondary: linear-gradient(135deg, #428CD4 0%, #88CDF6 50%, #BCE6FF 100%);--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a}.features-section{padding:100px 0;background:linear-gradient(135deg,#fff,#f8fafc);position:relative;overflow:hidden}.features-container{max-width:1360px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:2}.features-bg-element{position:absolute;z-index:1;pointer-events:none;opacity:.3}.features-bg-circle{width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#015c920f,#015c9200 70%);top:-150px;left:-100px;animation:pulse 15s infinite alternate}.features-bg-square{top:20%;right:5%;width:200px;height:200px;background-image:linear-gradient(45deg,rgba(1,92,146,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(1,92,146,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(1,92,146,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(1,92,146,.03) 75%);background-size:20px 20px;border-radius:30px;transform:rotate(15deg);animation:float 20s infinite ease-in-out}.features-bg-dots{bottom:10%;left:5%;width:180px;height:180px;background-image:radial-gradient(circle,rgba(45,130,181,.15) 2px,transparent 2px);background-size:18px 18px;border-radius:50%;animation:float 15s infinite ease-in-out alternate-reverse}.features-header{text-align:center;margin-bottom:70px;position:relative}.features-pre-title{display:inline-block;padding:6px 16px;background-color:#015c921a;color:var(--primary-blue);border-radius:30px;font-size:.9rem;font-weight:600;margin-bottom:20px;letter-spacing:1px;transform:translateY(20px);opacity:0;animation:slideUp .8s forwards}.features-title{font-size:2.5rem;margin-bottom:20px;background:var(--blue-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translateY(20px);opacity:0;animation:slideUp .8s .2s forwards}.features-title-underline{height:4px;width:80px;background:var(--blue-gradient-secondary);margin:0 auto 30px;border-radius:2px;transform:scaleX(0);animation:expandWidth 1s .5s forwards}.features-subtitle{max-width:700px;margin:0 auto;color:var(--neutral-600);font-size:1.1rem;line-height:1.7;transform:translateY(20px);opacity:0;animation:slideUp .8s .4s forwards}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px}.feature-card{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #015c920f;transition:all .4s ease;opacity:0;transform:translateY(40px)}.feature-card-inner{padding:40px 30px;height:100%;display:flex;flex-direction:column;position:relative;z-index:2}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #015c921f}.feature-card.feature-visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.feature-card:nth-child(1) .feature-icon-wrapper{background:var(--primary-blue)}.feature-card:nth-child(2) .feature-icon-wrapper{background:var(--secondary-blue)}.feature-card:nth-child(3) .feature-icon-wrapper{background:var(--accent-blue)}.feature-card:nth-child(4) .feature-icon-wrapper{background:var(--light-blue);color:var(--primary-blue)!important}.feature-card:nth-child(5) .feature-icon-wrapper{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue))}.feature-card:nth-child(6) .feature-icon-wrapper{background:linear-gradient(135deg,var(--accent-blue),var(--light-blue))}.feature-icon-wrapper{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 8px 25px #015c9233}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}.feature-icon-wrapper i{font-size:1.8rem;color:#fff;position:relative;z-index:2}.feature-card:nth-child(4) .feature-icon-wrapper i{color:var(--primary-blue)!important}.feature-icon-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 70%);opacity:.7;top:0;left:0;transition:all .4s ease}.feature-card:hover .feature-icon-glow{transform:scale(1.5) rotate(25deg);opacity:.3}.feature-content{flex:1;display:flex;flex-direction:column}.feature-title{font-size:1.3rem;font-weight:700;color:var(--neutral-800);margin-bottom:15px;position:relative;padding-bottom:15px;transition:color .3s ease;font-family:var(--font-heading)}.feature-card:nth-child(1) .feature-title:after{background:var(--primary-blue)}.feature-card:nth-child(2) .feature-title:after{background:var(--secondary-blue)}.feature-card:nth-child(3) .feature-title:after{background:var(--accent-blue)}.feature-card:nth-child(4) .feature-title:after{background:var(--light-blue)}.feature-card:nth-child(5) .feature-title:after{background:var(--primary-blue)}.feature-card:nth-child(6) .feature-title:after{background:var(--accent-blue)}.feature-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;transition:width .4s ease;border-radius:3px}.feature-card:hover .feature-title:after{width:60px}.feature-description{color:var(--neutral-500);line-height:1.7;margin-bottom:25px;flex:1;font-size:1rem}.feature-card:nth-child(1) .feature-learn-more{color:var(--primary-blue)}.feature-card:nth-child(1) .feature-learn-more:after{background:var(--primary-blue)}.feature-card:nth-child(2) .feature-learn-more{color:var(--secondary-blue)}.feature-card:nth-child(2) .feature-learn-more:after{background:var(--secondary-blue)}.feature-card:nth-child(3) .feature-learn-more{color:var(--accent-blue)}.feature-card:nth-child(3) .feature-learn-more:after{background:var(--accent-blue)}.feature-card:nth-child(4) .feature-learn-more{color:var(--light-blue)}.feature-card:nth-child(4) .feature-learn-more:after{background:var(--light-blue)}.feature-card:nth-child(5) .feature-learn-more{color:var(--primary-blue)}.feature-card:nth-child(5) .feature-learn-more:after{background:var(--primary-blue)}.feature-card:nth-child(6) .feature-learn-more{color:var(--accent-blue)}.feature-card:nth-child(6) .feature-learn-more:after{background:var(--accent-blue)}.feature-learn-more{display:inline-flex;align-items:center;font-weight:600;text-decoration:none;padding:8px 0;transition:all .3s ease;position:relative;margin-top:auto;width:fit-content}.feature-learn-more:after{content:"";position:absolute;bottom:5px;left:0;width:0;height:2px;transition:width .3s ease;border-radius:1px}.feature-learn-more i{margin-left:8px;font-size:.8rem;transition:transform .3s ease}.feature-learn-more:hover:after{width:calc(100% - 25px)}.feature-learn-more:hover i{transform:translate(5px)}.feature-card-decoration{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1;opacity:.2}.feature-card:nth-child(1) .feature-decoration-circle,.feature-card:nth-child(1) .feature-decoration-square{background:#015c921a}.feature-card:nth-child(2) .feature-decoration-circle,.feature-card:nth-child(2) .feature-decoration-square{background:#2d82b51a}.feature-card:nth-child(3) .feature-decoration-circle,.feature-card:nth-child(3) .feature-decoration-square{background:#428cd41a}.feature-card:nth-child(4) .feature-decoration-circle,.feature-card:nth-child(4) .feature-decoration-square{background:#88cdf61a}.feature-card:nth-child(5) .feature-decoration-circle,.feature-card:nth-child(5) .feature-decoration-square{background:#015c921a}.feature-card:nth-child(6) .feature-decoration-circle,.feature-card:nth-child(6) .feature-decoration-square{background:#428cd41a}.feature-decoration-circle,.feature-decoration-square{position:absolute;opacity:.2;animation:floatDecoration 10s infinite ease-in-out alternate;animation-delay:var(--delay, 0s)}.feature-decoration-circle{width:120px;height:120px;border-radius:50%;top:-60px;right:-60px}.feature-decoration-square{width:80px;height:80px;border-radius:12px;bottom:-40px;right:40px;transform:rotate(30deg)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{to{transform:scaleX(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}@keyframes float{0%,to{transform:translate(0) rotate(15deg)}50%{transform:translate(10px,-15px) rotate(25deg)}}@keyframes floatDecoration{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px,-5px) rotate(5deg)}}@media (max-width: 1200px){.features-grid{gap:25px}.feature-card-inner{padding:35px 25px}.features-title{font-size:2.2rem}}@media (max-width: 992px){.features-section{padding:80px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.features-title{font-size:2rem}.features-subtitle{font-size:1rem}}@media (max-width: 768px){.features-section{padding:60px 0}.features-grid{grid-template-columns:1fr;gap:20px}.features-header{margin-bottom:50px}.features-title{font-size:1.8rem}.feature-icon-wrapper{width:60px;height:60px}.feature-icon-wrapper i{font-size:1.5rem}.feature-card-inner{padding:30px 25px}}@media (max-width: 480px){.features-section{padding:50px 0}.features-pre-title{padding:4px 12px;font-size:.8rem}.features-title{font-size:1.5rem}.features-subtitle{font-size:.95rem}.feature-card-inner{padding:25px 20px}.feature-title{font-size:1.1rem}}@media (prefers-color-scheme: dark){.features-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.feature-card{background:#1e293b;box-shadow:0 10px 30px #0000004d}.feature-title{color:#f1f5f9}.feature-description{color:#94a3b8}.features-subtitle{color:#cbd5e1}.features-pre-title{background-color:#428cd433;color:var(--accent-blue)}}.about-section{padding:120px 0;position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.about-container{max-width:1360px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:2}.about-bg-element{position:absolute;z-index:1;pointer-events:none;opacity:.3}.about-bg-circle{width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#015c920d,#015c9200 70%);bottom:-250px;left:-150px}.about-bg-square{top:10%;right:-100px;width:300px;height:300px;background-image:linear-gradient(45deg,rgba(1,92,146,.02) 25%,transparent 25%),linear-gradient(-45deg,rgba(1,92,146,.02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(1,92,146,.02) 75%),linear-gradient(-45deg,transparent 75%,rgba(1,92,146,.02) 75%);background-size:20px 20px;transform:rotate(15deg)}.about-bg-dots{bottom:20%;right:15%;width:180px;height:180px;background-image:radial-gradient(circle,rgba(45,130,181,.15) 2px,transparent 2px);background-size:18px 18px;border-radius:50%}.about-header{text-align:center;margin-bottom:80px;position:relative}.about-pre-title{display:inline-block;padding:8px 20px;background-color:#015c921a;color:var(--primary-blue);border-radius:30px;font-size:.95rem;font-weight:600;margin-bottom:20px;letter-spacing:1px;transform:translateY(20px);opacity:0;transition:opacity .6s ease,transform .6s ease}.about-title{font-size:2.75rem;font-weight:700;color:#1e293b;margin-bottom:25px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.title-highlight{color:var(--primary-blue);position:relative;display:inline-block}.title-highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background-color:#015c9233;z-index:-1;transform:skew(-5deg)}.about-title-divider{height:4px;width:80px;background:var(--blue-gradient-secondary);margin:0 auto 30px;border-radius:2px;opacity:0;transform:scaleX(0);transition:transform 1s ease}.about-animate.animated{opacity:1;transform:translateY(0) scaleX(1)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-image-column{position:relative;opacity:0;transform:translate(-30px);transition:opacity .8s ease,transform .8s ease}.about-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #015c9226}.about-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,#015c9233,#2d82b51a);z-index:1;border-radius:20px}.about-img{width:100%;height:auto;display:block;border-radius:20px;transition:transform .7s ease}.about-image-wrapper:hover .about-img{transform:scale(1.05)}.about-image-shape{position:absolute;z-index:2}.about-image-shape-1{width:120px;height:120px;top:-30px;left:-30px;border-radius:20px;background:var(--blue-gradient);opacity:.6;transform:rotate(-15deg)}.about-image-shape-2{width:80px;height:80px;bottom:-20px;right:-20px;border-radius:15px;background:var(--blue-gradient-secondary);opacity:.6;transform:rotate(15deg)}.experience-badge{position:absolute;bottom:30px;left:30px;background:var(--blue-gradient);color:#fff;padding:15px 25px;border-radius:10px;box-shadow:0 10px 20px #015c9240;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.experience-badge .years{font-size:1.8rem;font-weight:700;line-height:1.2}.experience-badge .text{font-size:.9rem;opacity:.9}.achievements-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}.achievement-item{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 20px #015c9214;text-align:center;transition:transform .4s ease,box-shadow .4s ease;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;border:1px solid rgba(1,92,146,.1)}.achievement-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #015c9226;border-color:var(--accent-blue)}.achievement-value{font-size:1.8rem;font-weight:700;color:var(--primary-blue);margin-bottom:5px}.achievement-label{font-size:.85rem;color:#64748b;line-height:1.4}.about-text-column{color:#334155;position:relative}.about-headline{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:25px;line-height:1.3;position:relative;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.about-headline:after{content:"";position:absolute;top:-15px;left:0;width:50px;height:3px;background:var(--blue-gradient-secondary);border-radius:3px}.about-paragraph{margin-bottom:20px;line-height:1.8;color:#475569;font-size:1.05rem;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.text-highlight{color:var(--primary-blue);font-weight:600}.about-highlights{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.highlight-item{display:flex;align-items:flex-start;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.highlight-item:nth-child(1){--highlight-color: var(--primary-blue)}.highlight-item:nth-child(2){--highlight-color: var(--secondary-blue)}.highlight-item:nth-child(3){--highlight-color: var(--accent-blue)}.highlight-item:nth-child(4){--highlight-color: var(--light-blue)}.highlight-icon-wrapper{width:50px;height:50px;min-width:50px;border-radius:10px;background-color:var(--highlight-color);display:flex;align-items:center;justify-content:center;margin-right:15px;position:relative;overflow:hidden;box-shadow:0 10px 15px #015c9226}.highlight-icon-wrapper:before{content:"";position:absolute;top:-10px;left:-10px;width:70px;height:70px;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.5),transparent 70%);opacity:.5}.highlight-icon-wrapper i{color:#fff;font-size:1.3rem}.highlight-item:nth-child(4) .highlight-icon-wrapper i{color:var(--primary-blue)}.highlight-content{flex:1}.highlight-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:10px}.highlight-description{font-size:.95rem;line-height:1.5;color:#64748b}.about-conclusion{font-size:1.1rem;color:#334155;font-style:italic;margin:30px 0;padding-left:20px;border-left:3px solid var(--primary-blue);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.about-actions{display:flex;gap:20px;margin-top:35px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.about-button{display:flex;align-items:center;gap:10px;padding:12px 25px;font-weight:600;border-radius:8px;transition:all .3s ease;text-decoration:none}.about-button.primary{background:var(--blue-gradient);color:#fff;box-shadow:0 8px 15px #015c9240}.about-button.primary:hover{box-shadow:0 12px 20px #015c9259;transform:translateY(-3px)}.about-button.secondary{background:#015c921a;color:var(--primary-blue)}.about-button.secondary:hover{background:#015c9226;transform:translateY(-3px)}.about-button i{font-size:.9rem;transition:transform .3s ease}.about-button:hover i{transform:translate(5px)}.about-certifications{margin-top:50px;padding-top:25px;border-top:1px solid #e2e8f0;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.cert-label{display:block;margin-bottom:15px;font-size:.9rem;color:#64748b}.cert-logos{display:flex;gap:25px;align-items:center;opacity:.7}.cert-logo{max-width:120px}.cert-logo img{width:100%;height:auto;transition:opacity .3s ease}.cert-logo:hover img{opacity:1}.about-shape{position:absolute;z-index:0;opacity:.15;pointer-events:none}.shape-1{width:600px;height:600px;background:var(--blue-gradient);border-radius:50%;filter:blur(80px);bottom:-300px;right:-200px}.shape-2{width:400px;height:400px;background:var(--blue-gradient-secondary);border-radius:50%;filter:blur(60px);top:-200px;left:-100px}@media (max-width: 1200px){.about-content{gap:40px}.about-highlights{grid-template-columns:1fr;gap:20px}.about-title{font-size:2.5rem}.about-headline{font-size:1.6rem}}@media (max-width: 992px){.about-section{padding:100px 0}.about-content{grid-template-columns:1fr;gap:40px}.about-image-column{order:1;transform:translateY(-30px)}.about-text-column{order:2}.about-title{font-size:2.2rem}.about-header{margin-bottom:60px}.achievement-value{font-size:1.6rem}}@media (max-width: 768px){.about-section{padding:80px 0}.about-header{margin-bottom:50px}.about-title{font-size:2rem}.about-highlights{grid-template-columns:1fr;gap:20px}.about-headline{font-size:1.5rem}.about-paragraph{font-size:1rem}.about-actions{flex-direction:column}.about-button{justify-content:center}.cert-logos{flex-wrap:wrap;gap:15px}}@media (max-width: 576px){.about-section{padding:60px 0}.about-pre-title{padding:6px 16px;font-size:.85rem}.about-title{font-size:1.8rem}.achievements-container{grid-template-columns:1fr;gap:15px}.highlight-icon-wrapper{width:45px;height:45px;min-width:45px}.highlight-icon-wrapper i{font-size:1.1rem}.highlight-title{font-size:1rem}.highlight-description{font-size:.9rem}.about-conclusion{font-size:1rem}}:root{--primary-blue: #015C92;--secondary-blue: #2D82B5;--accent-blue: #428CD4;--light-blue: #88CDF6;--lightest-blue: #BCE6FF;--blue-gradient: linear-gradient(135deg, #015C92 0%, #2D82B5 25%, #428CD4 50%, #88CDF6 75%, #BCE6FF 100%);--blue-gradient-secondary: linear-gradient(135deg, #428CD4 0%, #88CDF6 50%, #BCE6FF 100%)}.sm-vision-reset-wrapper{display:block;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;position:relative!important;overflow-x:hidden!important;left:0!important;right:0!important}.sm-vision-reset-wrapper *{box-sizing:border-box}.sm-vision-system{width:100%!important;display:block!important;position:relative!important;margin:0!important;padding:0!important;left:0!important;right:0!important;box-sizing:border-box!important}.sm-vision-outer{position:relative!important;width:100%!important;padding:100px 0 80px!important;margin:0!important;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;overflow:hidden!important;left:0!important;right:0!important;box-sizing:border-box!important}.sm-vision-system .sm-vision-container{width:100%!important;max-width:1320px!important;margin:0 auto!important;padding:0 20px!important;position:relative!important;z-index:5!important;display:block!important;left:auto!important;right:auto!important}.sm-vision-system .sm-vision-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;left:auto!important;right:auto!important;box-sizing:border-box!important}.sm-vision-system .sm-vision-text,.sm-vision-system .sm-vision-media{width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.sm-vision-system *,.sm-vision-system *:before,.sm-vision-system *:after{box-sizing:border-box;margin:0;padding:0}.sm-vision-title,.sm-vision-heading,.sm-point-title{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;color:#1e293b}.sm-vision-description,.sm-point-description,.sm-vision-conclusion p,.sm-stat-label,.sm-vision-quote p{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sm-vision-header{text-align:center;margin-bottom:60px;position:relative}.sm-vision-badge{display:inline-block;padding:8px 20px;background-color:#015c921a;color:var(--primary-blue);border-radius:30px;font-size:.95rem;font-weight:600;margin-bottom:20px;letter-spacing:.5px}.sm-vision-title{font-size:2.5rem;margin-bottom:25px;line-height:1.2}.sm-title-gradient{background:var(--blue-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sm-title-underlined{position:relative;display:inline-block}.sm-title-underlined:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:8px;background-color:#015c9233;z-index:-1;transform:skew(-5deg)}.sm-title-divider{height:4px;width:80px;background:var(--blue-gradient-secondary);margin:0 auto 30px;border-radius:2px}.sm-vision-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:flex-start}.sm-vision-text{box-sizing:border-box;width:100%}.sm-vision-heading{font-size:1.75rem;margin-bottom:25px;line-height:1.3}.sm-vision-highlight{color:var(--primary-blue);position:relative}.sm-vision-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:#015c9226;z-index:-1}.sm-vision-description{font-size:1.05rem;line-height:1.8;color:#475569;margin-bottom:30px}.sm-vision-quote{background-color:#fff;border-left:4px solid var(--primary-blue);border-radius:0 10px 10px 0;padding:20px 25px;margin:30px 0;box-shadow:0 10px 30px #015c9214;position:relative;font-style:italic;color:#334155;display:flex;align-items:center}.sm-vision-quote p{flex:1;margin:0 15px;font-size:1.1rem}.sm-vision-quote i{color:var(--primary-blue);opacity:.5;font-size:1.2rem}.sm-vision-points{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0 30px}.sm-vision-point{display:flex;align-items:flex-start;padding:0;margin:0}.sm-vision-point:nth-child(1) .sm-point-icon{background-color:var(--primary-blue)}.sm-vision-point:nth-child(2) .sm-point-icon{background-color:var(--secondary-blue)}.sm-vision-point:nth-child(3) .sm-point-icon{background-color:var(--accent-blue)}.sm-vision-point:nth-child(4) .sm-point-icon{background-color:var(--light-blue)}.sm-vision-point:nth-child(4) .sm-point-icon i{color:var(--primary-blue)!important}.sm-point-icon{width:50px;height:50px;min-width:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;position:relative;box-shadow:0 8px 20px #015c9226;overflow:hidden;transition:transform .3s ease}.sm-vision-point:hover .sm-point-icon{transform:translateY(-5px) rotate(5deg)}.sm-point-icon i{color:#fff;font-size:1.3rem;z-index:1}.sm-icon-glow{position:absolute;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 70%);top:-50%;left:-50%;opacity:.7;transition:transform .5s ease}.sm-vision-point:hover .sm-icon-glow{transform:scale(1.2) rotate(15deg)}.sm-point-content{flex:1}.sm-point-title{font-size:1.1rem;margin-bottom:8px;position:relative}.sm-point-description{font-size:.95rem;color:#64748b;line-height:1.6}.sm-vision-media{box-sizing:border-box;width:100%}.sm-vision-image-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #015c9226;margin-bottom:30px}.sm-vision-image{width:100%;height:auto;display:block;transition:transform .5s ease}.sm-vision-image-wrapper:hover .sm-vision-image{transform:scale(1.03)}.sm-mission-badge{position:absolute;top:20px;right:20px;background:var(--blue-gradient);color:#fff;padding:12px 20px;border-radius:50px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;box-shadow:0 10px 20px #015c9240;z-index:3}.sm-mission-badge i{font-size:1rem}.sm-vision-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sm-stat-item{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 10px 25px #015c9214;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(1,92,146,.1)}.sm-stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #015c9226;border-color:var(--accent-blue)}.sm-stat-number{font-size:2rem;font-weight:800;color:var(--primary-blue);margin-bottom:5px;display:block}.sm-stat-label{font-size:.85rem;color:#64748b;line-height:1.4}.sm-stat-icon{position:absolute;bottom:-15px;right:-15px;width:60px;height:60px;border-radius:50%;background:#015c921a;display:flex;align-items:center;justify-content:center;opacity:.5}.sm-stat-icon i{font-size:1.5rem;color:var(--primary-blue)}.sm-vision-conclusion{text-align:center;max-width:900px;margin:60px auto 20px;padding:0 20px}.sm-vision-conclusion p{font-size:1.2rem;line-height:1.8;color:#334155;margin-bottom:30px}.sm-vision-action{margin-top:30px;display:flex;justify-content:center}.sm-vision-button{display:inline-flex;align-items:center;gap:10px;background:var(--blue-gradient);color:#fff;font-weight:600;padding:14px 30px;border-radius:10px;text-decoration:none;box-shadow:0 10px 20px #015c9240;transition:all .3s ease}.sm-vision-button:hover{transform:translateY(-5px);box-shadow:0 15px 30px #015c9259}.sm-vision-button i{transition:transform .3s ease}.sm-vision-button:hover i{transform:translate(5px)}.sm-bg-circle{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#015c920d,#015c9200 70%);top:-250px;right:-200px;z-index:1;pointer-events:none}.sm-bg-dots{position:absolute;bottom:20%;left:5%;width:200px;height:200px;background-image:radial-gradient(circle,rgba(45,130,181,.15) 2px,transparent 2px);background-size:20px 20px;border-radius:50%;z-index:1;pointer-events:none}.sm-bg-wave{position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(45deg,rgba(66,140,212,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(66,140,212,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(66,140,212,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(66,140,212,.1) 75%);background-size:30px 30px;z-index:1;pointer-events:none;opacity:.3}.sm-vision-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.sm-vision-animate.sm-animated{opacity:1;transform:translateY(0)}.sm-vision-animate:nth-child(1){transition-delay:.1s}.sm-vision-animate:nth-child(2){transition-delay:.2s}.sm-vision-animate:nth-child(3){transition-delay:.3s}.sm-vision-animate:nth-child(4){transition-delay:.4s}.sm-vision-animate:nth-child(5){transition-delay:.5s}@media (max-width: 1200px){.sm-vision-container{max-width:1140px}.sm-vision-title{font-size:2.2rem}.sm-vision-heading{font-size:1.6rem}}@media (max-width: 991px){.sm-vision-outer{padding:80px 0 60px}.sm-vision-content{grid-template-columns:1fr;gap:40px}.sm-vision-media{order:1}.sm-vision-title{font-size:2rem}}@media (max-width: 767px){.sm-vision-outer{padding:60px 0 50px}.sm-vision-points{grid-template-columns:1fr;gap:20px}.sm-vision-header{margin-bottom:50px}.sm-vision-title{font-size:1.8rem}.sm-vision-heading{font-size:1.5rem}.sm-vision-stats{grid-template-columns:1fr;gap:15px}.sm-stat-number{font-size:1.8rem}.sm-vision-quote p{font-size:1rem}}@media (max-width: 575px){.sm-vision-outer{padding:50px 0 40px}.sm-vision-container{padding:0 15px}.sm-vision-badge{padding:6px 16px;font-size:.85rem}.sm-vision-title{font-size:1.6rem}.sm-vision-quote{flex-direction:column;gap:10px}.sm-vision-quote p{margin:0}.sm-vision-stats{gap:12px}.sm-mission-badge{padding:10px 16px;font-size:.85rem}.sm-vision-conclusion p{font-size:1.1rem}.sm-vision-button{padding:12px 24px}}:root{--primary-blue: #015C92;--secondary-blue: #2D82B5;--accent-blue: #428CD4;--light-blue: #88CDF6;--lightest-blue: #BCE6FF;--blue-gradient: linear-gradient(135deg, #015C92 0%, #2D82B5 25%, #428CD4 50%, #88CDF6 75%, #BCE6FF 100%)}.cta{position:relative;background:var(--blue-gradient);padding:80px 0 40px;color:#fff;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-bottom:-1px!important;margin-top:0!important}.cta-float{position:absolute;border-radius:50%;background:#ffffff1a;z-index:1;animation-fill-mode:both}.cta-float-1{width:200px;height:200px;top:-100px;left:10%;background:radial-gradient(circle,#ffffff1a,#88cdf61a);animation:float 12s infinite ease-in-out}.cta-float-2{width:120px;height:120px;bottom:-60px;right:15%;background:radial-gradient(circle,#ffffff14,#428cd41a);animation:float 8s infinite ease-in-out reverse}.cta-float-3{width:80px;height:80px;top:60px;right:10%;background:radial-gradient(circle,#ffffff1f,#2d82b51a);animation:float 15s infinite ease-in-out}.cta-container{width:100%;max-width:100%;padding:0;margin:0}.cta-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;padding:0 5%}.cta-title{font-size:2.5rem;margin-bottom:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.2}.cta-description{font-size:1.2rem;line-height:1.7;font-weight:400;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:2.5rem}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;gap:.75rem;transition:all .3s ease;background-color:#fffffff2;color:var(--primary-blue);box-shadow:0 8px 25px #00000026;border:none;cursor:pointer}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000040;background-color:#fff;color:var(--secondary-blue)}.cta-button-secondary{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button-secondary:hover{background-color:#fff3;color:#fff;border-color:#ffffff80}.cta-button i{font-size:1rem;transition:transform .3s ease}.cta-button:hover i{transform:translate(3px)}@keyframes float{0%{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-15px) rotate(3deg) scale(1.05)}66%{transform:translateY(-25px) rotate(-2deg) scale(.98)}to{transform:translateY(0) rotate(0) scale(1)}}.cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1.5" fill="white" opacity="0.08"/><circle cx="50" cy="10" r="1" fill="white" opacity="0.12"/><circle cx="10" cy="80" r="1.5" fill="white" opacity="0.09"/><circle cx="90" cy="40" r="1" fill="white" opacity="0.11"/></svg>');animation:float 25s ease-in-out infinite;z-index:1}.cta:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,0,0,.05) 0%,transparent 50%,rgba(255,255,255,.05) 100%);z-index:1}@media (max-width: 992px){.cta{padding:70px 0 35px}.cta-title{font-size:2.2rem}.cta-description{font-size:1.1rem}}@media (max-width: 768px){.cta{padding:60px 0 30px}.cta-title{font-size:2rem}.cta-description{font-size:1rem;margin-bottom:2rem}.cta-buttons{gap:1rem}.cta-button{padding:.875rem 1.5rem;font-size:1rem}.cta-content{padding:0 4%}}@media (max-width: 480px){.cta{padding:50px 0 25px}.cta-title{font-size:1.75rem;margin-bottom:1.25rem}.cta-description{font-size:.95rem;margin-bottom:1.75rem}.cta-buttons{flex-direction:column;align-items:center;gap:.75rem}.cta-button{width:100%;max-width:280px;padding:.75rem 1.25rem}.cta-content{padding:0 3%}.cta-float-1{width:150px;height:150px;top:-75px}.cta-float-2{width:100px;height:100px;bottom:-50px}.cta-float-3{width:60px;height:60px}}.footer-connector{height:1px;background-color:var(--primary-blue);width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:relative;z-index:10}@media (prefers-color-scheme: dark){.cta{background:linear-gradient(135deg,#0a1121,#1a2332,#2a3441,#3a4550,#4a5660)}.cta-button{background-color:#ffffffe6;color:var(--primary-blue)}.cta-button:hover{background-color:#fff}}.introduction-page{margin-top:0;background-color:#fff;min-height:100vh}.page-banner{background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4 60%,#88cdf6);color:#fff;padding:60px 0;text-align:center;margin-bottom:50px;box-shadow:0 4px 15px -3px #015c924d;border:none;border-radius:0 0 30px 30px}.page-title{color:#fff;font-size:2.8rem;font-weight:700;margin:0}.intro-banner-container,.intro-content-container{max-width:1000px;margin:0 auto;padding:20px 15px}.intro-content-container{padding:20px 15px 80px}.intro-section{margin-bottom:50px}.intro-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:20px;position:relative;padding-bottom:10px}.intro-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(to right,#3498db,#9b59b6)}.intro-section p{color:#555;line-height:1.8;margin-bottom:15px;font-size:1.05rem}.intro-section strong{color:#2c3e50}.sp-container *{box-sizing:border-box;margin:0;padding:0}:root{--sp-primary: #015C92;--sp-primary-light: #88CDF6;--sp-primary-bg: #f0f8ff;--sp-primary-border: #88CDF6;--sp-text-primary: #1e293b;--sp-text-dark: #1a202c;--sp-text-medium: #4a5568;--sp-text-light: #718096;--sp-border: #e2e8f0;--sp-bg-light: #f7fafc;--sp-white: #ffffff;--sp-shadow: 0 1px 3px rgba(1, 92, 146, .2);--sp-radius: 12px;--sp-icon-blue: #015C92;--sp-icon-purple: #2D82B5;--sp-icon-green: #428CD4}.sp-container{max-width:1000px;margin:0 auto;font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;color:var(--sp-text-dark);background-color:#fff;min-height:100vh;padding:2rem 1rem}.sp-header{display:flex;align-items:center;margin-bottom:30px;position:relative;background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4);padding:2rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.sp-title{margin:0;text-align:center;font-size:2rem;font-weight:700;color:#fff;padding-bottom:12px;position:relative;flex:1}.sp-title:after{content:"";position:absolute;left:50%;bottom:0;width:60px;height:3px;background:var(--sp-primary);border-radius:2px;transform:translate(-50%)}.sp-back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;padding:8px 15px;border-radius:8px;font-size:13px}@media (max-width: 768px){.sp-header{flex-direction:column;margin-bottom:20px}.sp-title{margin:20px auto;order:2}.sp-back-btn{position:static;transform:none;margin-bottom:15px;order:1;align-self:flex-start}}.sp-card{background:var(--sp-white);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);margin-bottom:20px;overflow:hidden;border:1px solid var(--sp-border)}.sp-card-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--sp-border);background-color:#f8fafc}.sp-card-icon{width:24px;height:24px;border-radius:50%;background-color:var(--sp-primary-bg);display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.sp-card-icon i{font-size:14px}.sp-icon-blue{color:var(--sp-icon-blue)}.sp-icon-purple{color:var(--sp-icon-purple)}.sp-icon-green{color:var(--sp-icon-green)}.sp-card-title{font-size:16px;font-weight:600;color:var(--sp-text-primary)}.sp-card-body{padding:20px}.sp-card-footer{padding:12px 20px;border-top:1px solid var(--sp-border);background-color:var(--sp-bg-light);display:flex;justify-content:flex-end;gap:10px}.sp-student-card{background-color:var(--sp-primary-bg);border:1px solid var(--sp-primary-border);border-radius:var(--sp-radius);padding:0;margin-bottom:20px;box-shadow:var(--sp-shadow);overflow:hidden}.sp-student-header{display:flex;align-items:center;padding:24px}.sp-student-avatar{width:200px;height:200px;border-radius:50%;background-color:var(--sp-white);overflow:hidden;border:2px solid var(--sp-white);box-shadow:0 2px 5px #0000001a;margin-right:24px;flex-shrink:0}.sp-student-avatar img{width:100%;height:100%;object-fit:cover}.sp-student-info{flex:1}.sp-student-name{font-size:18px;font-weight:700;color:var(--sp-text-dark);margin-bottom:4px}.sp-student-details{font-size:13px;color:var(--sp-text-medium);line-height:1.5}.sp-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.sp-info-item{margin-bottom:12px}.sp-info-label{display:block;font-size:12px;color:var(--sp-text-light);margin-bottom:4px}.sp-info-value{font-size:14px;font-weight:500;color:var(--sp-text-dark)}.sp-btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;gap:6px;white-space:nowrap;margin-left:20px}.sp-btn i{font-size:14px}.sp-btn-primary{background-color:var(--sp-primary);color:#fff}.sp-btn-primary:hover{background-color:#2563eb;box-shadow:0 2px 5px #2563eb4d}.sp-btn-secondary{background-color:#fff;border:1px solid var(--sp-border);color:var(--sp-text-dark)}.sp-btn-secondary:hover{background-color:var(--sp-bg-light);border-color:#d1d5db}.sp-loading{padding:40px 0;text-align:center;color:var(--sp-text-medium)}.sp-error{padding:20px;text-align:center;background-color:#fee2e2;border-radius:var(--sp-radius);color:#b91c1c;margin:20px 0}.sp-info-section-title{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--sp-text-primary);display:flex;align-items:center;gap:8px}@media (max-width: 768px){.sp-info-grid{grid-template-columns:1fr}.sp-card-footer{flex-direction:column}.sp-btn{width:100%;justify-content:center}.sp-student-header{flex-direction:column;text-align:center}.sp-student-avatar{margin:0 auto 12px;width:150px;height:150px}.sp-card-header{padding:14px}.sp-card-body{padding:16px}}@media (max-width: 480px){.sp-student-avatar{width:120px!important;height:120px!important}.sp-container{padding:1rem .5rem}}.sp-full-width{grid-column:1 / -1}.sp-full-width .sp-info-value{word-break:break-all;max-width:100%}.chonhocsinhtabparent{background:var(--sp-white);border:1px solid var(--sp-border);border-radius:var(--sp-radius);margin-bottom:20px;box-shadow:var(--sp-shadow)}.chonhocsinhtabparent-select,.selectstudentfix{width:100%;padding:12px 16px;border:1px solid var(--sp-border);border-radius:8px;font-size:14px;font-family:inherit;background-color:var(--sp-white);color:var(--sp-text-primary);transition:all .3s ease}.chonhocsinhtabparent-select:focus,.selectstudentfix:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px #015c921a}.chonhocsinhtabparent-select:hover,.selectstudentfix:hover{border-color:var(--sp-primary-light)}@media (max-width: 768px){.chonhocsinhtabparent{margin-bottom:16px}.chonhocsinhtabparent-select,.selectstudentfix{padding:10px 12px;font-size:16px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:20px auto;max-width:1000px;padding:40px}.spinner-container{margin-bottom:20px}.spinner-border{display:inline-block;width:60px;height:60px;border:5px solid rgba(52,152,219,.2);border-radius:50%;border-top-color:#3498db;animation:spin 1s linear infinite;box-sizing:border-box}.loading-container p{font-size:1.1rem;color:#4a5568;margin-top:15px;font-weight:500}@media (max-width: 768px){.loading-container{height:300px;padding:30px}.spinner-border{width:50px;height:50px}}@media (max-width: 576px){.loading-container{height:250px;padding:25px}.spinner-border{width:40px;height:40px;border-width:4px}.loading-container p{font-size:1rem}}.pn-root{--pn-primary: #015C92;--pn-primary-light: #2D82B5;--pn-primary-lighter: #428CD4;--pn-primary-dark: #01456E;--pn-gradient: linear-gradient(135deg, #015C92 0%, #2D82B5 50%, #428CD4 100%);--pn-success: #10b981;--pn-warning: #f59e0b;--pn-danger: #ef4444;--pn-info: #3b82f6;--pn-white: #ffffff;--pn-gray-50: #f9fafb;--pn-gray-100: #f3f4f6;--pn-gray-200: #e5e7eb;--pn-gray-300: #d1d5db;--pn-gray-400: #9ca3af;--pn-gray-500: #6b7280;--pn-gray-600: #4b5563;--pn-gray-700: #374151;--pn-gray-800: #1f2937;--pn-gray-900: #111827;--pn-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--pn-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--pn-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--pn-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--pn-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--pn-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pn-text-xs: .75rem;--pn-text-sm: .875rem;--pn-text-base: 1rem;--pn-text-lg: 1.125rem;--pn-text-xl: 1.25rem;--pn-text-2xl: 1.5rem;--pn-text-3xl: 1.875rem;--pn-text-4xl: 2.25rem;--pn-space-1: .25rem;--pn-space-2: .5rem;--pn-space-3: .75rem;--pn-space-4: 1rem;--pn-space-5: 1.25rem;--pn-space-6: 1.5rem;--pn-space-8: 2rem;--pn-space-10: 2.5rem;--pn-space-12: 3rem;--pn-space-16: 4rem;--pn-radius-sm: .375rem;--pn-radius: .5rem;--pn-radius-md: .75rem;--pn-radius-lg: 1rem;--pn-radius-xl: 1.5rem;--pn-transition: all .2s cubic-bezier(.4, 0, .2, 1);--pn-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.pn-root *,.pn-root *:before,.pn-root *:after{box-sizing:border-box;margin:0;padding:0}.pn-container{min-height:100vh;background:linear-gradient(135deg,var(--pn-gray-50) 0%,var(--pn-white) 50%,var(--pn-gray-100) 100%);font-family:var(--pn-font);padding:var(--pn-space-8);position:relative;width:100%;max-width:none;margin:0}.pn-container:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:var(--pn-gradient);opacity:.03;z-index:0}.pn-header-title{color:#01456e}.pn-header{text-align:center;margin-bottom:var(--pn-space-10);position:relative;z-index:1}.pn-title{font-size:var(--pn-text-4xl);font-weight:700;background:var(--pn-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--pn-space-4);display:flex;align-items:center;justify-content:center;gap:var(--pn-space-5)}.pn-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--pn-gradient);border-radius:var(--pn-radius-sm)}.pn-title-icon{font-size:var(--pn-text-3xl);background:var(--pn-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pn-pulse 2s infinite}.pn-subtitle{color:var(--pn-gray-600);font-size:var(--pn-text-xl);font-weight:500;max-width:700px;margin:0 auto;line-height:1.6;opacity:.9}@keyframes pn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pn-tabs{display:flex;gap:var(--pn-space-3);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--pn-space-3);border-radius:var(--pn-radius-xl);box-shadow:var(--pn-shadow-lg);max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:var(--pn-space-10);border:1px solid rgba(255,255,255,.3)}.pn-tab{flex:1;background:transparent;border:none;padding:var(--pn-space-5) var(--pn-space-6);border-radius:var(--pn-radius-lg);font-size:var(--pn-text-lg);font-weight:600;color:var(--pn-gray-600);cursor:pointer;transition:var(--pn-transition-slow);display:flex;align-items:center;justify-content:center;gap:var(--pn-space-3);position:relative;min-height:64px;overflow:hidden;font-family:var(--pn-font)}.pn-tab:hover:not(.pn-tab--active){background:#fffc;color:var(--pn-primary);transform:translateY(-2px);box-shadow:var(--pn-shadow-md)}.pn-tab--active{background:var(--pn-gradient)!important;color:#fff!important;transform:translateY(-3px);box-shadow:var(--pn-shadow-xl)}.pn-tab--active *,.pn-tab--active i,.pn-tab--active span{color:#fff!important}.pn-tab--active{text-shadow:none!important}.pn-tab-icon{font-size:var(--pn-text-xl);transition:var(--pn-transition)}.pn-tab--active .pn-tab-icon{animation:pn-bounce .6s ease-out;color:#fff!important}@keyframes pn-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.pn-content{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--pn-radius-xl);box-shadow:var(--pn-shadow-xl);overflow:hidden;border:1px solid rgba(255,255,255,.3);position:relative}.pn-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--pn-gradient)}.pn-tab-content{min-height:600px;padding:var(--pn-space-8)}.pn-health-content{display:flex;flex-direction:column;gap:var(--pn-space-6)}.pn-filters,.parentfix-filters{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--pn-gray-200);border-radius:var(--pn-radius-xl);padding:var(--pn-space-8);margin-bottom:var(--pn-space-8);box-shadow:var(--pn-shadow-lg)}.pn-filters-header,.parentfix-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pn-space-6)}.pn-filters-title,.parentfix-filters-title{display:flex;align-items:center;gap:var(--pn-space-3);font-size:var(--pn-text-xl);font-weight:600;color:var(--pn-gray-800)}.pn-filter-count,.parentfix-filter-count{background:var(--pn-primary);color:var(--pn-white);padding:var(--pn-space-1) var(--pn-space-3);border-radius:var(--pn-radius);font-size:var(--pn-text-sm);font-weight:600}.pn-clear-filters,.parentfix-clear-filters{background:var(--pn-danger);color:var(--pn-white);border:none;padding:var(--pn-space-2) var(--pn-space-4);border-radius:var(--pn-radius);font-size:var(--pn-text-sm);font-weight:600;cursor:pointer;transition:var(--pn-transition);display:flex;align-items:center;gap:var(--pn-space-2)}.pn-clear-filters:hover,.parentfix-clear-filters:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--pn-shadow-md)}.pn-filters-row,.parentfix-filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--pn-space-6);margin-bottom:var(--pn-space-6);align-items:end}.pn-filter-group,.parentfix-filter-group{display:flex;flex-direction:column;gap:var(--pn-space-2);min-height:72px;justify-content:flex-end}.pn-filter-label,.parentfix-filter-label{display:flex;align-items:center;gap:var(--pn-space-2);font-weight:500;color:var(--pn-gray-700);font-size:var(--pn-text-sm)}.pn-filter-select,.pn-filter-group .selectstudentfix,.parentfix-filter-select{padding:var(--pn-space-3) var(--pn-space-4);border:2px solid var(--pn-gray-300);border-radius:var(--pn-radius);font-family:var(--pn-font);font-size:var(--pn-text-base);color:var(--pn-gray-700);background:var(--pn-white);cursor:pointer;transition:var(--pn-transition);height:48px;min-width:180px;box-sizing:border-box;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.pn-filter-select:focus,.pn-filter-group .selectstudentfix:focus,.parentfix-filter-select:focus{border-color:var(--pn-primary);outline:none;box-shadow:0 0 0 3px #015c921a}.pn-filter-select option,.pn-filter-group .selectstudentfix option,.parentfix-filter-select option{font-family:var(--pn-font);font-size:var(--pn-text-base);color:var(--pn-gray-700)!important;background:var(--pn-white)!important;padding:8px 12px;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pn-filter-select option:checked,.pn-filter-group .selectstudentfix option:checked,.parentfix-filter-select option:checked{background:var(--pn-primary-light)!important;color:var(--pn-white)!important}.pn-filter-select option:hover,.pn-filter-group .selectstudentfix option:hover,.parentfix-filter-select option:hover{background:var(--pn-gray-100)!important;color:var(--pn-gray-800)!important}.pn-filter-select,.pn-filter-group .selectstudentfix,.parentfix-filter-select{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:40px!important;line-height:1.5;font-weight:400}.pn-filter-select::-ms-expand,.pn-filter-group .selectstudentfix::-ms-expand,.parentfix-filter-select::-ms-expand{display:none}.pn-filter-select:-moz-focusring,.pn-filter-group .selectstudentfix:-moz-focusring,.parentfix-filter-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--pn-gray-700)}select.pn-filter-select,select.selectstudentfix,select.parentfix-filter-select{background-color:var(--pn-white)!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important}.pn-filter-container select,.pn-filter-group select,.parentfix-filter-container select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:40px!important}.pn-filter-select:hover,.pn-filter-group .selectstudentfix:hover,.parentfix-filter-select:hover{border-color:var(--pn-primary-light)}.pn-filter-select:active,.pn-filter-group .selectstudentfix:active,.parentfix-filter-select:active{border-color:var(--pn-primary)}.pn-sort-toggle,.parentfix-sort-toggle{display:flex;align-items:center;gap:var(--pn-space-2);padding:var(--pn-space-3) var(--pn-space-4);border:2px solid var(--pn-gray-300);border-radius:var(--pn-radius);background:var(--pn-white);color:var(--pn-gray-700);font-size:var(--pn-text-base);font-weight:500;cursor:pointer;transition:var(--pn-transition);height:48px;min-width:180px;justify-content:center;box-sizing:border-box}.pn-sort-toggle:hover,.parentfix-sort-toggle:hover{border-color:var(--pn-primary-light);background:var(--pn-gray-50);transform:translateY(-1px)}.pn-sort-toggle.active,.parentfix-sort-toggle.parentfix-active{border-color:var(--pn-primary);background:var(--pn-primary);color:var(--pn-white);box-shadow:0 0 0 3px #015c921a}.pn-sort-toggle.active:hover,.parentfix-sort-toggle.parentfix-active:hover{background:var(--pn-primary-dark);border-color:var(--pn-primary-dark)}.pn-sort-toggle i,.parentfix-sort-toggle i{font-size:var(--pn-text-sm)}.pn-filters-results{display:flex;align-items:center;justify-content:space-between;padding-top:var(--pn-space-4);border-top:1px solid var(--pn-gray-200)}.pn-result-count{display:flex;align-items:center;gap:var(--pn-space-2);color:var(--pn-gray-600);font-size:var(--pn-text-sm)}.pn-consent-list{display:flex;flex-direction:column;gap:var(--pn-space-5)}.pn-consent-item{background:var(--pn-white);border:2px solid var(--pn-gray-200);border-radius:var(--pn-radius-lg);padding:var(--pn-space-6);cursor:pointer;transition:var(--pn-transition-slow);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:var(--pn-shadow-sm)}.pn-consent-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--pn-gradient);transition:var(--pn-transition)}.pn-consent-item:hover{transform:translateY(-4px);box-shadow:var(--pn-shadow-xl);border-color:var(--pn-primary-light)}.pn-consent-item:hover:before{width:8px}.pn-consent-content{flex:1;position:relative;z-index:1}.pn-consent-title{font-size:var(--pn-text-lg);font-weight:600;color:var(--pn-gray-900);margin-bottom:var(--pn-space-2);line-height:1.4}.pn-consent-meta{color:var(--pn-gray-600);font-size:var(--pn-text-base);line-height:1.6;font-weight:500}.pn-status-badge{display:flex;align-items:center;gap:var(--pn-space-2);padding:var(--pn-space-3) var(--pn-space-5);border-radius:var(--pn-radius-xl);font-size:var(--pn-text-sm);font-weight:700;white-space:nowrap;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--pn-shadow-sm)}.pn-status-badge--pending{background:linear-gradient(135deg,var(--pn-warning) 0%,#fbbf24 100%);color:var(--pn-white);animation:pn-shimmer 2s infinite}.pn-status-badge--confirmed{background:linear-gradient(135deg,var(--pn-success) 0%,#34d399 100%);color:var(--pn-white)}.pn-status-badge--rejected{background:linear-gradient(135deg,var(--pn-danger) 0%,#f87171 100%);color:var(--pn-white)}@keyframes pn-shimmer{0%,to{opacity:1}50%{opacity:.8}}.pn-vaccination-content{display:flex;flex-direction:column;gap:var(--pn-space-6);min-height:500px}.pn-vaccination-list{display:flex;flex-direction:column;gap:var(--pn-space-5)}.pn-vaccination-item{background:var(--pn-white);border:2px solid var(--pn-gray-200);border-radius:var(--pn-radius-lg);padding:var(--pn-space-6);cursor:pointer;transition:var(--pn-transition-slow);position:relative;overflow:hidden;box-shadow:var(--pn-shadow-sm)}.pn-vaccination-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--pn-gradient);transition:var(--pn-transition)}.pn-vaccination-item:hover{transform:translateY(-3px);box-shadow:var(--pn-shadow-xl);border-color:var(--pn-primary-light)}.pn-vaccination-item:hover:before{width:8px}.pn-vaccination-content-inner{display:flex;justify-content:space-between;align-items:center;width:100%}.pn-vaccination-info{flex:1;display:flex;flex-direction:column;gap:var(--pn-space-2)}.pn-vaccination-title{font-size:var(--pn-text-lg);font-weight:600;color:var(--pn-gray-900);margin:0}.pn-vaccination-date{font-size:var(--pn-text-sm);color:var(--pn-gray-600);margin:0}.pn-vaccination-arrow{font-size:var(--pn-text-xl);color:var(--pn-gray-400)}.pn-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pn-space-16) var(--pn-space-8);background:linear-gradient(135deg,var(--pn-white) 0%,var(--pn-gray-50) 100%);border-radius:var(--pn-radius-xl);box-shadow:var(--pn-shadow-md);text-align:center;border:2px dashed var(--pn-gray-300);position:relative;overflow:hidden}.pn-no-data:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--pn-gradient);opacity:.02}.pn-no-data-icon{font-size:var(--pn-text-4xl);color:var(--pn-gray-400);margin-bottom:var(--pn-space-5);animation:pn-pulse 2s infinite}.pn-no-data-text{color:var(--pn-gray-600);font-size:var(--pn-text-xl);font-weight:500;position:relative;z-index:1}.pn-pagination{display:flex;flex-direction:column;gap:var(--pn-space-4);margin-top:var(--pn-space-8);padding:var(--pn-space-6);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--pn-radius-lg);border:1px solid var(--pn-gray-200);box-shadow:var(--pn-shadow-sm)}.pn-pagination-info{text-align:center;color:var(--pn-gray-600);font-size:var(--pn-text-sm);font-weight:500}.pn-pagination-controls{display:flex;align-items:center;justify-content:center;gap:var(--pn-space-2);flex-wrap:wrap}.pn-pagination-btn{display:flex;align-items:center;gap:var(--pn-space-2);padding:var(--pn-space-3) var(--pn-space-4);background:var(--pn-white);border:2px solid var(--pn-gray-300);border-radius:var(--pn-radius);color:var(--pn-gray-700);font-size:var(--pn-text-sm);font-weight:600;cursor:pointer;transition:var(--pn-transition);min-width:44px;justify-content:center;box-shadow:var(--pn-shadow-sm);font-family:var(--pn-font)}.pn-pagination-btn:hover:not(:disabled){background:var(--pn-gradient);color:var(--pn-white);border-color:transparent;transform:translateY(-1px);box-shadow:var(--pn-shadow-md)}.pn-pagination-btn:disabled{background:var(--pn-gray-100);color:var(--pn-gray-400);border-color:var(--pn-gray-200);cursor:not-allowed;transform:none;box-shadow:none}.pn-pagination-numbers{display:flex;gap:var(--pn-space-1);align-items:center}.pn-pagination-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--pn-white);border:2px solid var(--pn-gray-300);border-radius:var(--pn-radius);color:var(--pn-gray-700);font-size:var(--pn-text-sm);font-weight:600;cursor:pointer;transition:var(--pn-transition);box-shadow:var(--pn-shadow-sm);font-family:var(--pn-font)}.pn-pagination-number:hover{background:var(--pn-primary-lighter);color:var(--pn-white);border-color:var(--pn-primary-lighter);transform:translateY(-1px);box-shadow:var(--pn-shadow-md)}.pn-pagination-number--active{background:var(--pn-gradient);color:var(--pn-white);border-color:transparent;box-shadow:var(--pn-shadow-lg);transform:translateY(-1px)}.pn-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--pn-space-4)}.pn-modal-content{background:var(--pn-white);border-radius:var(--pn-radius-xl);box-shadow:var(--pn-shadow-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.pn-modal-header{padding:var(--pn-space-6);border-bottom:1px solid var(--pn-gray-200);background:var(--pn-gradient);display:flex;align-items:center;justify-content:space-between}.pn-modal-title{font-size:var(--pn-text-xl);font-weight:600;color:#fff}.pn-modal-close{background:none;border:none;font-size:var(--pn-text-xl);color:var(--pn-gray-500);cursor:pointer;transition:var(--pn-transition);width:40px;height:40px;border-radius:var(--pn-radius);display:flex;align-items:center;justify-content:center}.pn-modal-close:hover{background:var(--pn-gray-100);color:var(--pn-gray-700)}.pn-modal-body{padding:var(--pn-space-6)}@media (max-width: 768px){.pn-container{padding:var(--pn-space-5)}.pn-title{font-size:var(--pn-text-3xl);flex-direction:column;gap:var(--pn-space-4)}.pn-subtitle{font-size:var(--pn-text-lg)}.pn-tabs{flex-direction:column;gap:var(--pn-space-3);max-width:none;padding:var(--pn-space-4)}.pn-tab{justify-content:flex-start;padding:var(--pn-space-4) var(--pn-space-6);min-height:56px}.pn-tab-content,.pn-filters{padding:var(--pn-space-6)}.pn-filters-row{grid-template-columns:1fr;gap:var(--pn-space-4)}.pn-consent-item{padding:var(--pn-space-5);flex-direction:column;align-items:flex-start;gap:var(--pn-space-4)}.pn-status-badge{align-self:flex-end;padding:var(--pn-space-2) var(--pn-space-4);font-size:var(--pn-text-xs)}.pn-pagination{padding:var(--pn-space-4);gap:var(--pn-space-3)}.pn-pagination-controls{flex-direction:column;gap:var(--pn-space-3)}.pn-pagination-numbers{order:2}.pn-pagination-btn{min-width:120px;padding:var(--pn-space-3) var(--pn-space-5)}.pn-pagination-number{width:40px;height:40px;font-size:var(--pn-text-xs)}}@media (max-width: 480px){.pn-title{font-size:var(--pn-text-2xl)}.pn-consent-title{font-size:var(--pn-text-base)}.pn-tab-content{padding:var(--pn-space-4)}.pn-pagination-numbers{gap:1px}.pn-pagination-number{width:36px;height:36px}.pn-pagination-btn{font-size:var(--pn-text-xs);min-width:100px;padding:var(--pn-space-2) var(--pn-space-4)}}.pn-loading{display:flex;align-items:center;justify-content:center;padding:var(--pn-space-16)}.pn-spinner{width:40px;height:40px;border:4px solid var(--pn-gray-200);border-left-color:var(--pn-primary);border-radius:50%;animation:pn-spin 1s linear infinite}@keyframes pn-spin{to{transform:rotate(360deg)}}.pn-debug{background:#6366f11a;border:1px solid #6366f1;border-radius:var(--pn-radius);padding:var(--pn-space-4);margin-bottom:var(--pn-space-6);font-size:var(--pn-text-sm)}.pn-debug-status{display:inline-block;padding:var(--pn-space-2) var(--pn-space-3);border-radius:var(--pn-radius-sm);color:var(--pn-white);font-weight:600;margin-right:var(--pn-space-3);margin-bottom:var(--pn-space-2)}.pn-debug-status--success{background:var(--pn-success)}.pn-debug-status--error{background:var(--pn-danger)}.pn-debug-btn{background:#6366f1;color:var(--pn-white);border:none;padding:var(--pn-space-2) var(--pn-space-3);border-radius:var(--pn-radius-sm);font-size:var(--pn-text-xs);cursor:pointer;margin-right:var(--pn-space-2);margin-bottom:var(--pn-space-2);transition:var(--pn-transition)}.pn-debug-btn:hover{background:#4f46e5}@keyframes pn-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pn-slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pn-consent-item,.pn-vaccination-item{animation:pn-fadeInUp .6s ease-out}.pn-status-badge{animation:pn-slideInRight .8s ease-out}.pn-root .pn-tabs .pn-tab.pn-tab--active{background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4)!important;color:#fff!important;font-weight:600!important}.pn-root .pn-tabs .pn-tab.pn-tab--active *,.pn-root .pn-tabs .pn-tab.pn-tab--active i,.pn-root .pn-tabs .pn-tab.pn-tab--active .pn-tab-icon{color:#fff!important}.pn-root .pn-tabs .pn-tab.pn-tab--active{-webkit-text-fill-color:#ffffff!important;color:#fff!important}.pn-vaccination-detail-info{display:flex;flex-direction:column;gap:var(--pn-space-4);margin-bottom:var(--pn-space-6);padding:var(--pn-space-6);background:var(--pn-gray-50);border-radius:var(--pn-radius-lg);border:1px solid var(--pn-gray-200)}.pn-info-row{display:flex;align-items:center;gap:var(--pn-space-4)}.pn-info-label{display:flex;align-items:center;gap:var(--pn-space-2);min-width:150px;font-weight:600;color:var(--pn-gray-700);font-size:var(--pn-text-sm)}.pn-info-label i{color:var(--pn-primary);font-size:var(--pn-text-base)}.pn-info-value{flex:1;color:var(--pn-gray-900);font-size:var(--pn-text-base)}.pn-vaccination-message{margin-bottom:var(--pn-space-6)}.pn-vaccination-message h4{font-size:var(--pn-text-lg);font-weight:600;color:var(--pn-gray-800);margin-bottom:var(--pn-space-3)}.pn-message-content{padding:var(--pn-space-5);background:var(--pn-white);border:1px solid var(--pn-gray-200);border-radius:var(--pn-radius);line-height:1.6;color:var(--pn-gray-700);white-space:pre-wrap}.pn-vaccination-response-buttons{display:flex;gap:var(--pn-space-4);justify-content:center;padding-top:var(--pn-space-4);border-top:1px solid var(--pn-gray-200)}.pn-vaccination-response-buttons button{padding:var(--pn-space-3) var(--pn-space-6);border:none;border-radius:var(--pn-radius);font-size:var(--pn-text-base);font-weight:600;cursor:pointer;transition:var(--pn-transition);display:flex;align-items:center;gap:var(--pn-space-2);font-family:var(--pn-font)}.pn-vaccination-response-buttons .accept-btn{background:var(--pn-success);color:var(--pn-white)}.pn-vaccination-response-buttons .accept-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:var(--pn-shadow-md)}.pn-vaccination-response-buttons .reject-btn{background:var(--pn-danger);color:var(--pn-white)}.pn-vaccination-response-buttons .reject-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--pn-shadow-md)}.pn-vaccination-response-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}.pn-vaccination-response-info{text-align:center;padding:var(--pn-space-6)}.pn-response-badge{display:inline-flex;align-items:center;gap:var(--pn-space-2);padding:var(--pn-space-3) var(--pn-space-5);border-radius:var(--pn-radius-xl);font-size:var(--pn-text-base);font-weight:600;margin-bottom:var(--pn-space-3)}.pn-response-badge.accepted{background:linear-gradient(135deg,var(--pn-success) 0%,#34d399 100%);color:var(--pn-white)}.pn-response-badge.rejected{background:linear-gradient(135deg,var(--pn-danger) 0%,#f87171 100%);color:var(--pn-white)}.pn-response-time{color:var(--pn-gray-600);font-size:var(--pn-text-sm)}.pn-vaccination-info-message{display:flex;align-items:center;justify-content:center;gap:var(--pn-space-2);padding:var(--pn-space-4);background:var(--pn-gray-50);border-radius:var(--pn-radius);color:var(--pn-gray-600);font-size:var(--pn-text-sm);margin-top:var(--pn-space-4)}.pn-vaccination-info-message i{color:var(--pn-info);font-size:var(--pn-text-base)}.pn-form-title{font-size:var(--pn-text-lg);font-weight:600;color:var(--pn-gray-800);margin-bottom:var(--pn-space-3)}.pn-form-description{color:var(--pn-gray-600);font-size:var(--pn-text-sm);margin-bottom:var(--pn-space-4)}.pn-checkup-items{display:flex;flex-direction:column;gap:var(--pn-space-3);margin-bottom:var(--pn-space-6)}.pn-checkup-item{display:flex;align-items:center;padding:var(--pn-space-3) var(--pn-space-4);background:var(--pn-gray-50);border:1px solid var(--pn-gray-200);border-radius:var(--pn-radius);cursor:pointer;transition:var(--pn-transition);position:relative}.pn-checkup-item:hover{background:var(--pn-gray-100);border-color:var(--pn-primary-light)}.pn-checkbox{position:absolute;opacity:0;cursor:pointer}.pn-checkmark{width:20px;height:20px;border:2px solid var(--pn-gray-400);border-radius:var(--pn-radius-sm);margin-right:var(--pn-space-3);position:relative;transition:var(--pn-transition)}.pn-checkbox:checked~.pn-checkmark{background:var(--pn-primary);border-color:var(--pn-primary)}.pn-checkbox:checked~.pn-checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.pn-item-text{color:var(--pn-gray-700);font-size:var(--pn-text-base)}.pn-parent-notes{margin-bottom:var(--pn-space-6)}.pn-notes-label{display:block;font-weight:500;color:var(--pn-gray-700);margin-bottom:var(--pn-space-2);font-size:var(--pn-text-sm)}.pn-notes-textarea{width:100%;padding:var(--pn-space-3);border:2px solid var(--pn-gray-300);border-radius:var(--pn-radius);font-size:var(--pn-text-base);font-family:var(--pn-font);resize:vertical;transition:var(--pn-transition)}.pn-notes-textarea:focus{outline:none;border-color:var(--pn-primary);box-shadow:0 0 0 3px #015c921a}.modal-footer{display:flex;gap:var(--pn-space-3);justify-content:flex-end;padding:var(--pn-space-5);border-top:1px solid var(--pn-gray-200);background:var(--pn-gray-50)}.modal-footer button{padding:var(--pn-space-3) var(--pn-space-5);border:none;border-radius:var(--pn-radius);font-size:var(--pn-text-base);font-weight:600;cursor:pointer;transition:var(--pn-transition);display:flex;align-items:center;gap:var(--pn-space-2);font-family:var(--pn-font)}.btn-cancel{background:var(--pn-gray-200);color:var(--pn-gray-700)}.btn-cancel:hover{background:var(--pn-gray-300)}.btn-reject{background:var(--pn-danger);color:var(--pn-white)}.btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--pn-shadow-md)}.btn-confirm{background:var(--pn-primary);color:var(--pn-white)}.btn-confirm:hover{background:var(--pn-primary-dark);transform:translateY(-1px);box-shadow:var(--pn-shadow-md)}.campaign-info-modal{padding:var(--pn-space-5);background:var(--pn-gray-50);border-radius:var(--pn-radius-lg);margin-bottom:var(--pn-space-5)}.campaign-info-modal h3{font-size:var(--pn-text-xl);color:var(--pn-gray-900);margin-bottom:var(--pn-space-3)}.student-info-modal{display:flex;align-items:center;gap:var(--pn-space-2);color:var(--pn-gray-600);margin-bottom:var(--pn-space-3)}.campaign-description-modal{color:var(--pn-gray-700);line-height:1.6;margin-bottom:var(--pn-space-4)}.consent-status-modal{display:inline-flex;align-items:center;gap:var(--pn-space-2);padding:var(--pn-space-2) var(--pn-space-4);border-radius:var(--pn-radius-xl);font-size:var(--pn-text-sm);font-weight:600}.consent-status-modal.pending{background:#f59e0b1a;color:var(--pn-warning)}.consent-status-modal.confirmed{background:#10b9811a;color:var(--pn-success)}.consent-status-modal.rejected{background:#ef44441a;color:var(--pn-danger)}.confirmed-info-modal,.rejected-info-modal{padding:var(--pn-space-5);border-radius:var(--pn-radius-lg);margin-top:var(--pn-space-5)}.selected-items-modal{list-style:none;padding:0;margin:var(--pn-space-3) 0}.selected-items-modal li{display:flex;align-items:center;gap:var(--pn-space-2);padding:var(--pn-space-2) 0;color:var(--pn-gray-700)}.selected-items-modal li i{color:var(--pn-success)}body.modal-open{overflow:hidden}.pn-modal-overlay{z-index:999999!important}:root{--color-primary-hover: #1d4ed8;--color-secondary: #6366f1;--color-accent: #083370}.modaldetailofnotivaccine-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:modaldetailofnotivaccine-fadeIn .3s ease}.modaldetailofnotivaccine-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff1a;max-width:800px;width:100%;max-height:90vh;overflow:hidden;position:relative;animation:modaldetailofnotivaccine-slideUp .4s cubic-bezier(.34,1.56,.64,1)}.modaldetailofnotivaccine-header{background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4);color:#fff;padding:24px 28px;position:relative;box-shadow:0 4px 12px #3b82f633}.modaldetailofnotivaccine-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.modaldetailofnotivaccine-header-left{display:flex;align-items:center;gap:12px}.modaldetailofnotivaccine-header-icon{width:44px;height:44px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 8px #0000001a}.modaldetailofnotivaccine-header-text h2{color:#fff;margin:0;font-size:1.4rem;font-weight:600;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.modaldetailofnotivaccine-header-text p{color:#cbd5e1;margin:4px 0 0;opacity:.9;font-size:.9rem;font-weight:400}.modaldetailofnotivaccine-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.modaldetailofnotivaccine-close:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #0003}.modaldetailofnotivaccine-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 100px)}.modaldetailofnotivaccine-body::-webkit-scrollbar{width:6px}.modaldetailofnotivaccine-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modaldetailofnotivaccine-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modaldetailofnotivaccine-section{margin-bottom:24px}.modaldetailofnotivaccine-section:last-child{margin-bottom:0}.modaldetailofnotivaccine-section-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:linear-gradient(135deg,#015C92 0%,#2D82B5 50%,#428CD4 100%);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid rgba(59,130,246,.1)}.modaldetailofnotivaccine-section-title i{color:var(--color-primary);font-size:1.1rem}.modaldetailofnotivaccine-detail-info{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden}.modaldetailofnotivaccine-detail-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.modaldetailofnotivaccine-info-row{display:flex;align-items:flex-start;margin-bottom:18px;padding:14px 0;border-bottom:1px solid rgba(226,232,240,.8);transition:all .3s ease}.modaldetailofnotivaccine-info-row:last-child{margin-bottom:0;border-bottom:none}.modaldetailofnotivaccine-info-row:hover{background:#3b82f60d;border-radius:8px;padding:14px 12px;margin:0 -12px 18px}.modaldetailofnotivaccine-info-row:hover:last-child{margin-bottom:-12px}.modaldetailofnotivaccine-info-label{display:flex;align-items:center;min-width:140px;font-weight:500;color:#64748b;font-size:.9rem;gap:8px}.modaldetailofnotivaccine-info-label i{width:18px;text-align:center;color:var(--color-primary);font-size:.9rem}.modaldetailofnotivaccine-info-value{flex:1;color:#1e293b;font-size:.9rem;line-height:1.5;font-weight:500}.modaldetailofnotivaccine-message{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden}.modaldetailofnotivaccine-message:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%)}.modaldetailofnotivaccine-content-card-title{display:flex;align-items:center;gap:8px;font-weight:500;color:#64748b;margin-bottom:12px;font-size:.95rem}.modaldetailofnotivaccine-content-card-title i{color:var(--color-secondary);font-size:1rem}.modaldetailofnotivaccine-message-content{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:8px;padding:18px;color:#1e293b;line-height:1.7;font-size:.95rem;border-left:4px solid var(--color-primary);box-shadow:inset 0 2px 4px #3b82f61a}.modaldetailofnotivaccine-response-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.modaldetailofnotivaccine-response-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem;margin-bottom:8px}.modaldetailofnotivaccine-response-badge--accept{background:#fbbf24;color:#92400e;border:1px solid #f59e0b}.modaldetailofnotivaccine-response-badge--reject{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.modaldetailofnotivaccine-response-time{color:#64748b;font-size:.85rem;margin:8px 0 0;font-style:italic}.modaldetailofnotivaccine-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:130px;justify-content:center;position:relative;overflow:hidden}.modaldetailofnotivaccine-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.modaldetailofnotivaccine-btn:hover:before{left:100%}.modaldetailofnotivaccine-response-buttons{display:flex;gap:16px;justify-content:center;margin-top:20px}.modaldetailofnotivaccine-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modaldetailofnotivaccine-btn:disabled:before{display:none}.modaldetailofnotivaccine-btn--accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.modaldetailofnotivaccine-btn--accept:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #10b98166}.modaldetailofnotivaccine-btn--reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.modaldetailofnotivaccine-btn--reject:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #ef444466}.modaldetailofnotivaccine-loading{text-align:center;padding:60px 20px;color:#64748b}.modaldetailofnotivaccine-spinner{width:44px;height:44px;border:4px solid #f3f4f6;border-top:4px solid var(--color-primary);border-radius:50%;animation:modaldetailofnotivaccine-spin 1s linear infinite;margin:0 auto 20px}.modaldetailofnotivaccine-loading p{font-size:1rem;font-weight:500;margin:0}.modaldetailofnotivaccine-no-data{text-align:center;padding:60px 20px;color:#64748b}.modaldetailofnotivaccine-no-data-icon{font-size:3rem;color:#cbd5e1;margin-bottom:16px}.modaldetailofnotivaccine-no-data-text{font-size:1rem;margin:0;font-weight:500}@keyframes modaldetailofnotivaccine-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modaldetailofnotivaccine-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modaldetailofnotivaccine-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.modaldetailofnotivaccine-overlay{padding:16px}.modaldetailofnotivaccine-content{max-height:95vh;border-radius:8px}.modaldetailofnotivaccine-header{padding:16px 20px}.modaldetailofnotivaccine-header-left{gap:10px}.modaldetailofnotivaccine-header-icon{width:36px;height:36px;font-size:16px}.modaldetailofnotivaccine-header-text h2{font-size:1.3rem}.modaldetailofnotivaccine-header-text p{font-size:.8rem}.modaldetailofnotivaccine-body{padding:20px}.modaldetailofnotivaccine-detail-info,.modaldetailofnotivaccine-message{padding:16px}.modaldetailofnotivaccine-info-row{flex-direction:column;align-items:flex-start;gap:6px}.modaldetailofnotivaccine-info-label{min-width:auto}.modaldetailofnotivaccine-response-buttons{flex-direction:column;gap:10px}.modaldetailofnotivaccine-btn{width:100%;padding:12px 20px}.modaldetailofnotivaccine-section-title{font-size:1rem}}.parent-contact-page{--primary: #015C92;--primary-dark: #2D82B5;--secondary: #88CDF6;--text-dark: #1e293b;--text-medium: #4a5568;--text-light: #718096;--success: #428CD4;--error: #ef4444;--warning: #88CDF6;background-color:#fff;min-height:100vh}.contact-header{background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4 60%,#88cdf6);color:#fff;padding:50px 0;text-align:center;position:relative;overflow:hidden;border-radius:0 0 50px 50px;margin-bottom:40px;box-shadow:0 10px 25px -5px #015c924d;border:none;display:flex;align-items:center;justify-content:center}.contact-header-actions{position:absolute;top:20px;right:20px;z-index:2}.contact-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,128L48,149.3C96,171,192,213,288,218.7C384,224,480,192,576,181.3C672,171,768,181,864,186.7C960,192,1056,192,1152,181.3C1248,171,1344,149,1392,138.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:cover;background-position:center}.contact-header-content{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.contact-header h1{color:#fff;font-size:36px;font-weight:800;margin-bottom:16px}.contact-header p{font-size:16px;opacity:.9;max-width:600px;margin:0 auto}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px 60px;display:grid;grid-template-columns:1fr 1.5fr;gap:40px;position:relative}.contact-info{display:flex;flex-direction:column;gap:25px}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 5px 15px -5px #0000001a;transition:all .3s ease;border:1px solid rgba(0,0,0,.03)}.info-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -5px #00000026}.info-icon{width:40px;height:40px;background:#3b82f61a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--primary);font-size:16px;transition:all .3s ease}.info-card:hover .info-icon{background:var(--primary);color:#fff}.info-card h3{font-size:16px;margin-bottom:10px;color:var(--text-dark)}.info-card p{color:var(--text-medium);font-size:14px;line-height:1.6;margin-bottom:6px}.info-card p:last-child{margin-bottom:0}.previous-contacts{background:#fff;border-radius:12px;padding:20px;box-shadow:0 5px 15px -5px #0000001a;margin-top:5px;border:1px solid rgba(0,0,0,.03)}.previous-contacts h3{font-size:16px;margin-bottom:15px;color:var(--text-dark);padding-bottom:10px;border-bottom:1px solid #e2e8f0}.contact-history{display:flex;flex-direction:column;gap:15px}.history-item{display:flex;gap:12px;padding:12px;border-radius:8px;background:#f8fafc;transition:all .3s ease}.history-item:hover{background:#f1f5f9}.history-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.history-status.completed{background:#10b9811a;color:var(--success)}.history-status.pending{background:#f59e0b1a;color:var(--warning)}.history-content{flex-grow:1}.history-content h4{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-dark)}.history-content p{font-size:13px;color:var(--text-medium);margin-bottom:4px}.history-date{font-size:12px;color:var(--text-light)}.contact-form-container{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px -5px #0000001a;border:1px solid rgba(0,0,0,.03)}.contact-form-container h2{font-size:24px;margin-bottom:25px;color:var(--text-dark);position:relative;padding-bottom:12px}.contact-form-container h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-dark));border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark);font-size:14px}.required{color:var(--error)}input,select,textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;font-size:14px;color:var(--text-dark);transition:all .3s ease}input.filled,input[readonly]{background-color:#edf2ff;border-color:#dbeafe;color:var(--text-dark);cursor:default}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}input::placeholder,textarea::placeholder{color:#cbd5e1}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}textarea{resize:none;height:150px}.file-upload{margin-bottom:30px}.upload-box{border:2px dashed #cbd5e1;border-radius:10px;padding:25px;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;margin-bottom:8px}.upload-box:hover{border-color:var(--primary);background-color:#3b82f608}.upload-box i{font-size:30px;color:var(--primary);margin-bottom:10px}.upload-box p{color:var(--text-medium);font-size:14px}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-info{font-size:12px;color:var(--text-light);text-align:center}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px #3b82f666}.submit-btn i{font-size:16px;transition:transform .3s ease}.submit-btn:hover i{transform:translate(4px)}.form-message{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px}.form-message.success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success)}.form-message.error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error)}.student-info-display{display:flex;align-items:center;padding:12px 16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.student-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:16px;border:2px solid #3b82f6}.student-details{flex:1}.student-name{font-weight:600;font-size:16px;color:#1e293b;margin-bottom:4px}.student-class{font-size:14px;color:#64748b}.no-student-info{padding:12px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:14px}.chonhocsinhtabparent{display:flex;flex-direction:column;gap:15px;width:250px}.chonhocsinhtabparent select{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;color:#333;background-color:#fff;cursor:pointer;transition:all .3s ease}.chonhocsinhtabparent select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a;outline:none}.selected-student-info{margin-top:10px;border-top:1px dashed #e0e0e0;padding-top:15px}.student-info-display{display:flex;align-items:center;background-color:#f9f9f9;border-radius:8px;padding:12px;box-shadow:0 2px 5px #0000000d}.student-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 10px #0000001a}.student-details{margin-left:15px}.student-name{font-weight:600;font-size:18px;color:#333}.student-class{color:#666;margin-top:3px}.student-school{color:#888;font-size:14px;margin-top:2px}.no-student-info{padding:15px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:5px;color:#856404}@media (max-width: 992px){.contact-container{grid-template-columns:1fr;padding:0 20px 50px;gap:30px}.contact-header{padding:40px 0}.contact-header h1{font-size:30px}.contact-form-container{padding:25px}.contact-info{order:2}.contact-form-container{order:1}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}.contact-header h1{font-size:28px}.contact-header p{font-size:14px}}@media (max-width: 576px){.contact-header{padding:35px 0;border-radius:0 0 30px 30px}.contact-header h1{font-size:24px}.contact-form-container h2{font-size:20px}.info-card{padding:15px}.submit-btn{width:100%;padding:12px 24px;font-size:14px}}.community-header,.health-guide-header{background:linear-gradient(135deg,#1a4bbc,#3b82f6,#60a5fa)!important;color:#fff!important;z-index:1!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 20px #2563eb33!important}.community-header:before,.health-guide-header:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:radial-gradient(circle at top right,rgba(255,255,255,.15),transparent 70%)!important;z-index:0!important;pointer-events:none!important}.community-header:after,.health-guide-header:after{content:""!important;position:absolute!important;bottom:0!important;right:0!important;width:240px!important;height:240px!important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="rgba(255,255,255,0.1)" d="M42.7,-65.1C53.2,-52.6,58.1,-37.6,65.3,-22.6C72.6,-7.7,82.2,7.1,79.4,19.5C76.6,31.9,61.4,41.8,47.4,49.7C33.4,57.6,20.7,63.5,5.5,67.5C-9.7,71.4,-27.4,73.5,-41.7,66.9C-56,60.2,-66.8,44.8,-71.1,28.6C-75.4,12.4,-73.1,-4.7,-69.6,-22.7C-66,-40.7,-61.3,-59.5,-48.9,-71.4C-36.6,-83.4,-18.3,-88.4,-1.1,-86.9C16.1,-85.3,32.2,-77.1,42.7,-65.1Z" transform="translate(100 100)" /></svg>')!important;background-repeat:no-repeat!important;background-size:contain!important;opacity:.15!important;transform:rotate(45deg)!important;z-index:0!important}.community-header:after,.health-guide-header:after{content:""!important;position:absolute!important;top:-50px!important;left:-50px!important;width:180px!important;height:180px!important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="rgba(255,255,255,0.1)" d="M42.7,-65.1C53.2,-52.6,58.1,-37.6,65.3,-22.6C72.6,-7.7,82.2,7.1,79.4,19.5C76.6,31.9,61.4,41.8,47.4,49.7C33.4,57.6,20.7,63.5,5.5,67.5C-9.7,71.4,-27.4,73.5,-41.7,66.9C-56,60.2,-66.8,44.8,-71.1,28.6C-75.4,12.4,-73.1,-4.7,-69.6,-22.7C-66,-40.7,-61.3,-59.5,-48.9,-71.4C-36.6,-83.4,-18.3,-88.4,-1.1,-86.9C16.1,-85.3,32.2,-77.1,42.7,-65.1Z" transform="translate(100 100)" /></svg>')!important;background-repeat:no-repeat!important;background-size:contain!important;opacity:.15!important;transform:rotate(180deg)!important;z-index:0!important}.community-header:after,.health-guide-header:after{content:""!important;position:absolute!important;bottom:-20px!important;right:-20px!important;width:240px!important;height:240px!important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="rgba(255,255,255,0.1)" d="M42.7,-65.1C53.2,-52.6,58.1,-37.6,65.3,-22.6C72.6,-7.7,82.2,7.1,79.4,19.5C76.6,31.9,61.4,41.8,47.4,49.7C33.4,57.6,20.7,63.5,5.5,67.5C-9.7,71.4,-27.4,73.5,-41.7,66.9C-56,60.2,-66.8,44.8,-71.1,28.6C-75.4,12.4,-73.1,-4.7,-69.6,-22.7C-66,-40.7,-61.3,-59.5,-48.9,-71.4C-36.6,-83.4,-18.3,-88.4,-1.1,-86.9C16.1,-85.3,32.2,-77.1,42.7,-65.1Z" transform="translate(100 100)" /></svg>')!important;background-repeat:no-repeat!important;background-size:contain!important;opacity:.15!important;transform:rotate(45deg)!important;z-index:0!important}.article-card{transform:none!important;transition:all .3s ease!important}.article-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 20px #0000001a!important}.community-title,.health-guide-header-content,.community-actions{position:relative!important;z-index:2!important}.community-title h1,.health-guide-header h1{color:#fff!important;font-weight:700!important;text-shadow:0 2px 4px rgba(0,0,0,.15)!important;margin-bottom:10px!important}.community-title p,.health-guide-header p{color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important;opacity:.9!important}.health-guide-header{padding:50px 30px!important;border-radius:12px!important;border-bottom:4px solid rgba(26,75,188,.3)!important}.community-header{padding:40px 30px!important;border-radius:12px!important;border-bottom:4px solid rgba(26,75,188,.3)!important}@media (max-width: 768px){.community-header,.health-guide-header{padding:30px 20px!important}}.community-header:hover,.health-guide-header:hover{box-shadow:0 6px 24px #2563eb40!important}.legacy-search-fallback{position:relative;width:100%;margin-bottom:20px}.legacy-search-fallback input{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.legacy-search-fallback button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#6b7280;border:none;color:#fff;width:32px;height:32px;border-radius:4px;cursor:pointer}:root{--primary: #015C92;--primary-dark: #2D82B5;--primary-light: #BCE6FF;--text-dark: #1e293b;--text-medium: #64748b;--text-light: #94a3b8;--background-light: #BCE6FF;--border-light: #88CDF6;--shadow-sm: 0 2px 4px rgba(1, 92, 146, .1);--shadow-md: 0 4px 8px rgba(1, 92, 146, .15);--shadow-lg: 0 8px 16px rgba(1, 92, 146, .2);--shadow-xl: 0 15px 25px rgba(1, 92, 146, .25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-normal: all .3s ease;--transition-fast: all .2s ease}.health-guide-container{max-width:1000px;margin:0 auto;padding:20px 15px;font-family:Be Vietnam Pro,sans-serif;background-color:#fff;min-height:100vh}.health-guide-header{background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4 60%,#88cdf6);color:#fff;padding:50px 30px;text-align:center;border-radius:var(--radius-lg);margin-bottom:30px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;z-index:1;border:none}.health-guide-header:after{content:"";position:absolute;bottom:0;right:0;width:200px;height:200px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="rgba(255,255,255,0.1)" d="M42.7,-65.1C53.2,-52.6,58.1,-37.6,65.3,-22.6C72.6,-7.7,82.2,7.1,79.4,19.5C76.6,31.9,61.4,41.8,47.4,49.7C33.4,57.6,20.7,63.5,5.5,67.5C-9.7,71.4,-27.4,73.5,-41.7,66.9C-56,60.2,-66.8,44.8,-71.1,28.6C-75.4,12.4,-73.1,-4.7,-69.6,-22.7C-66,-40.7,-61.3,-59.5,-48.9,-71.4C-36.6,-83.4,-18.3,-88.4,-1.1,-86.9C16.1,-85.3,32.2,-77.1,42.7,-65.1Z" transform="translate(100 100)" /></svg>');background-repeat:no-repeat;background-size:contain;opacity:.2;transform:rotate(45deg);z-index:0}.health-guide-header-content{position:relative;z-index:1}.health-guide-header h1{font-size:2.2rem;margin-bottom:12px;font-weight:700;font-family:Be Vietnam Pro,sans-serif}.health-guide-header p{font-size:1.1rem;max-width:700px;margin:0 auto;opacity:.9;line-height:1.5;font-family:Be Vietnam Pro,sans-serif}.health-guide-content{display:grid;grid-template-columns:320px 1fr;gap:25px;padding:0 0 40px}.health-guide-sidebar{position:sticky;top:25px;align-self:start;display:flex;flex-direction:column;gap:25px}.category-filter{margin-bottom:0;background-color:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-light)}.category-filter h3{padding:15px;margin:0;font-size:1.1rem;background-color:#f8fafc;color:var(--text-dark);border-bottom:1px solid var(--border-light);font-family:Be Vietnam Pro,sans-serif;font-weight:600;position:relative}.category-filter ul{list-style-type:none;padding:0;margin:0}.category-filter li{padding:0;margin:0;border-bottom:1px solid var(--border-light)}.category-filter li:last-child{border-bottom:none}.category-filter button{display:flex;align-items:center;gap:10px;background:none;border:none;padding:12px 15px;width:100%;text-align:left;color:var(--text-medium);font-size:.95rem;cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.category-filter button:hover{background-color:#f1f5f9;color:var(--primary-color)}.category-filter button.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:500;border-left:3px solid var(--primary-color)}.recent-posts{background-color:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-light);padding:0;margin-top:0}.recent-posts h3{padding:15px;margin:0;font-size:1.1rem;background-color:#f8fafc;color:var(--text-dark);border-bottom:1px solid var(--border-light);font-family:Be Vietnam Pro,sans-serif;font-weight:600;position:relative}.recent-posts ul{list-style-type:none;padding:0;margin:0}.recent-posts li{margin:0;padding:15px;border-bottom:1px solid var(--border-light)}.recent-posts li:last-child{border-bottom:none}.recent-posts a{display:flex;text-decoration:none;color:inherit;align-items:center;padding:0;border-radius:0;transition:all .2s;background-color:transparent;box-shadow:none}.recent-posts a:hover{box-shadow:none;transform:none}.recent-post-image{width:60px;height:60px;margin-right:15px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.recent-post-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.recent-posts a:hover .recent-post-image img{transform:scale(1.08)}.recent-post-content{flex:1}.recent-post-content h4{font-size:.95rem;margin:0 0 5px;color:var(--text-dark);line-height:1.4;transition:all .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Be Vietnam Pro,sans-serif}.recent-posts a:hover .recent-post-content h4{color:var(--primary-color)}.post-date{font-size:.85rem;color:var(--text-light);display:flex;align-items:center;font-family:Be Vietnam Pro,sans-serif}.health-guide-articles{display:flex;flex-direction:column;gap:20px}.articles-header{background-color:var(--bg-white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow);margin-bottom:20px;border:1px solid var(--border-light)}.articles-header h2{font-size:1.4rem;color:var(--text-dark);margin:0 0 8px;font-weight:600;position:relative;display:inline-block;font-family:Be Vietnam Pro,sans-serif}.articles-header p{color:var(--text-medium);font-size:.95rem;margin:0;line-height:1.5;font-family:Be Vietnam Pro,sans-serif}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.article-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d;border:1px solid #edf2f7;position:relative;transition:all .3s ease;display:flex;flex-direction:column;height:100%;transform:none}.article-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.article-image{height:150px;overflow:hidden;position:relative}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{padding:12px;display:flex;flex-direction:column;flex-grow:1;background-color:#fff}.article-meta{display:flex;justify-content:space-between;margin-bottom:6px;align-items:center}.article-category{background-color:#eef3fb;color:#4a6cf7;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:500;display:inline-block;text-transform:uppercase;letter-spacing:.2px}.article-date{font-size:.65rem;color:#94a3b8}.article-title{margin:0 0 8px;font-size:.85rem;line-height:1.3;font-weight:600;letter-spacing:-.1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3rem;color:#193055}.article-title a{color:inherit;text-decoration:none;transition:color .2s ease;font-size:1.1rem;display:inline-block;width:100%;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.3}.article-footer{padding-top:8px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9}.article-author{font-size:.7rem;color:#64748b;display:flex;align-items:center;gap:4px}.article-author i{color:#94a3b8;font-size:.75rem}.read-more{color:var(--primary-color);text-decoration:none;font-size:.7rem;font-weight:500;display:flex;align-items:center;gap:3px;transition:all .2s}.read-more:hover{gap:5px}.read-more i{font-size:.65rem;transition:transform .2s ease}.read-more:hover i{transform:translate(2px)}.no-results{text-align:center;padding:50px 20px;color:var(--text-medium);background-color:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border-light)}.no-results i{font-size:48px;opacity:.3;margin-bottom:15px;color:var(--text-light)}.no-results p{font-size:1.1rem;margin:0 0 20px;color:var(--text-medium);font-family:Be Vietnam Pro,sans-serif}.no-results button{background-color:#edf2f7;color:var(--text-medium);border:none;padding:10px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;margin:15px auto 0;font-family:Be Vietnam Pro,sans-serif;transition:all .2s}.no-results button:hover{background-color:#e2e8f0;color:var(--text-dark)}.error-message{text-align:center;padding:50px 20px;color:var(--text-medium);background-color:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border-light)}.error-message i{font-size:48px;color:#f56565;margin-bottom:15px}.error-message p{font-size:1.1rem;margin:0 0 20px;color:var(--text-medium);font-family:Be Vietnam Pro,sans-serif}.error-message button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-family:Be Vietnam Pro,sans-serif;transition:all .2s}.error-message button:hover{background-color:var(--accent-color)}.pagination-btn{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:10px 16px;display:flex;width:150px;align-items:center;gap:8px;font-size:.95rem;color:var(--text-medium);cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.pagination-pages{display:flex;align-items:center;gap:8px}.page-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-light);background:none;font-size:.9rem;color:var(--text-medium);cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.page-number.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.page-number:not(.active):hover{background-color:#f5f5f5}.page-ellipsis{color:var(--text-medium);font-weight:700;letter-spacing:1px}.parent-health-pagination{display:flex;justify-content:center;align-items:center;margin:40px auto;gap:20px;padding:25px;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 8px 30px #0000001a;border:1px solid rgba(1,92,146,.15);max-width:800px;width:100%}.parent-health-pagination-btn{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;border:none;border-radius:30px;padding:14px 24px;display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Be Vietnam Pro,sans-serif;box-shadow:0 6px 20px #015c924d;min-width:140px;justify-content:center}.parent-health-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d82b5,#428cd4);transform:translateY(-3px);box-shadow:0 8px 25px #015c9266}.parent-health-pagination-btn:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;transform:none;box-shadow:0 3px 10px #0000001a}.parent-health-pagination-info{display:flex;align-items:center;justify-content:center}.parent-health-pagination-pages{display:flex;align-items:center;gap:8px;background:#015c9214;padding:12px 20px;border-radius:25px;border:1px solid rgba(1,92,146,.2)}.parent-health-page-number{background:transparent;border:none;color:#374151;font-size:1rem;font-weight:500;padding:10px 14px;border-radius:50%;cursor:pointer;transition:all .3s ease;font-family:Be Vietnam Pro,sans-serif;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.parent-health-page-number:hover{background:#015c9226;color:#015c92;transform:scale(1.1)}.parent-health-page-number.active{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;box-shadow:0 4px 15px #015c9266;transform:scale(1.1)}.parent-health-page-ellipsis{color:#6b7280;font-size:1.2rem;font-weight:700;padding:0 8px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.parent-health-pagination{margin:30px auto;padding:20px;gap:15px;max-width:95%}.parent-health-pagination-btn{padding:12px 20px;font-size:.9rem;min-width:120px}.parent-health-pagination-pages{padding:10px 16px}.parent-health-page-number{min-width:40px;height:40px;font-size:.9rem}}@media (max-width: 480px){.parent-health-pagination{flex-direction:column;gap:15px;margin:25px auto;padding:18px;max-width:98%}.parent-health-pagination-btn{width:100%;justify-content:center;padding:14px 24px;min-width:auto}.parent-health-pagination-info{order:-1;width:100%}.parent-health-pagination-pages{justify-content:center;width:100%;padding:12px 20px}.parent-health-page-number{min-width:36px;height:36px;font-size:.85rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 992px){.health-guide-content{grid-template-columns:1fr;gap:25px}.health-guide-sidebar{position:static;top:0}}@media (max-width: 768px){.health-guide-header{flex-direction:column;align-items:center;padding:30px 20px}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pagination{flex-direction:column;align-items:center;gap:12px}}@media (max-width: 576px){.articles-grid{grid-template-columns:1fr}.article-image{height:200px}.health-guide-header h1{font-size:1.8rem}}.modern-search-container{position:relative;margin-bottom:20px;width:100%;box-sizing:border-box}.modern-search-input{width:100%;padding:14px 50px 14px 20px;border-radius:50px;font-size:1rem;font-family:Be Vietnam Pro,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:all .3s ease;box-shadow:0 2px 8px #0000000a;color:#334155;outline:none;box-sizing:border-box;line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e2e8f0;margin:0}.modern-search-input::placeholder{color:#94a3b8;font-weight:400;opacity:1}.modern-search-input:focus{outline:none;border-color:#3b82f6;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #0000001a;transform:translateY(-1px)}.modern-search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #3b82f64d;width:36px;height:36px;z-index:2;box-sizing:border-box;margin:0;font-family:inherit;font-size:14px;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modern-search-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #3b82f666}.modern-search-button:active{transform:translateY(-50%) scale(.95)}.modern-search-button i{font-size:14px;color:#fff;pointer-events:none}@media (max-width: 768px){.modern-search-input{padding:12px 45px 12px 16px;font-size:.9rem}.modern-search-button{width:32px;height:32px;right:6px}.modern-search-button i{font-size:12px}}.modern-search-container *,.modern-search-container *:before,.modern-search-container *:after{box-sizing:border-box}.health-guide-search-variant .modern-search-input{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-color:#bae6fd!important}.health-guide-search-variant .modern-search-input:focus{border-color:#0ea5e9!important;background:linear-gradient(135deg,#fff,#f0f9ff)!important;box-shadow:0 0 0 4px #0ea5e91a,0 4px 12px #0000001a!important}.health-guide-search-variant .modern-search-button{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;box-shadow:0 2px 8px #0ea5e94d!important}.health-guide-search-variant .modern-search-button:hover{background:linear-gradient(135deg,#0284c7,#0369a1)!important;box-shadow:0 4px 12px #0ea5e966!important}.community-search-variant .modern-search-input{background:linear-gradient(135deg,#fef3c7,#fed7aa)!important;border-color:#fdba74!important;margin-top:15px}.community-search-variant .modern-search-input:focus{border-color:#f59e0b!important;background:linear-gradient(135deg,#fff,#fef3c7)!important;box-shadow:0 0 0 4px #f59e0b1a,0 4px 12px #0000001a!important}.community-search-variant .modern-search-button{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 8px #f59e0b4d!important;margin-top:8px}.community-search-variant .modern-search-button:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 4px 12px #f59e0b66!important}.default-search-variant .modern-search-input{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-color:#e2e8f0!important}.default-search-variant .modern-search-input:focus{border-color:#3b82f6!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #0000001a!important}.default-search-variant .modern-search-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;box-shadow:0 2px 8px #3b82f64d!important}.default-search-variant .modern-search-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 4px 12px #3b82f666!important}.health-guide-search-variant *,.community-search-variant *,.default-search-variant *{box-sizing:border-box!important}.modern-search-container.health-guide-search-variant,.modern-search-container.community-search-variant,.modern-search-container.default-search-variant{position:relative!important;width:100%!important}.article-detail-container{max-width:940px;margin:0 auto;padding:30px 20px;font-family:Roboto,Segoe UI,sans-serif}.demo-banner{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:14px 18px;border-radius:8px;margin-bottom:25px;display:flex;align-items:center;gap:12px;font-size:14px;box-shadow:0 2px 5px #0000000a;animation:fadeIn .5s ease}.demo-banner i{color:#f39c12;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-container.article-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background-color:#f8f9fa;background-image:linear-gradient(120deg,#f8f9fa,#fff);border-radius:16px;box-shadow:0 8px 20px #0000000f;margin:20px auto;max-width:850px;padding:40px;position:relative;overflow:hidden}.loading-container.article-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.spinner-container{margin-bottom:25px;position:relative}.spinner-border{display:inline-block;width:65px;height:65px;border:6px solid rgba(52,152,219,.15);border-radius:50%;border-top-color:#3498db;animation:spin 1s cubic-bezier(.5,.1,.5,1) infinite;box-sizing:border-box;box-shadow:0 0 10px #3498db1a}.loading-container p{font-size:1.15rem;color:#3d4852;margin-top:18px;font-weight:500;letter-spacing:.3px;position:relative}.loading-container p:after{content:"...";position:absolute;animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.article-not-found{max-width:600px;margin:70px auto;text-align:center;background-color:#fff;padding:45px 30px;border-radius:16px;box-shadow:0 10px 25px #00000012;border-top:5px solid #e74c3c;transition:all .3s ease}.article-not-found:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.article-not-found i{font-size:4rem;color:#e74c3c;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.article-not-found h2{font-size:2rem;color:#2d3748;margin-bottom:15px;font-weight:600}.article-not-found p{color:#4a5568;margin-bottom:30px;font-size:1.15rem;line-height:1.6}.btn-back{display:inline-flex;align-items:center;padding:12px 24px;background-color:#3498db;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;letter-spacing:.3px;box-shadow:0 4px 6px #3498db40}.btn-back:hover{background-color:#2980b9;transform:translateY(-3px);box-shadow:0 7px 14px #3498db4d}.btn-back:active{transform:translateY(-1px)}.btn-back i{margin-right:10px;font-size:1rem;transition:transform .3s ease}.btn-back:hover i{transform:translate(-4px)}.article-detail-header{margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid #edf2f7}.article-detail-header .btn-back{margin-bottom:25px;background-color:#f3f4f6;color:#4b5563;box-shadow:0 2px 4px #0000000d;padding:10px 20px}.article-detail-header .btn-back:hover{background-color:#e5e7eb;box-shadow:0 4px 6px #00000012}.article-meta{display:flex;flex-wrap:wrap;margin:15px 0;gap:15px;align-items:center}.article-category,.article-date,.article-reading-time{display:inline-flex;align-items:center;font-size:.95rem;color:#4b5563}.article-meta i{margin-right:7px;color:#64748b}.article-category{background:linear-gradient(120deg,#edf2f7,#e2e8f0);padding:5px 14px;border-radius:20px;color:#3182ce;font-weight:500;box-shadow:0 2px 4px #00000008;transition:all .3s ease}.article-category:hover{transform:scale(1.05);box-shadow:0 3px 5px #0000000d}.article-title{font-size:2.5rem;margin:20px 0;line-height:1.2;color:#1a202c;font-weight:700;letter-spacing:-.5px}.article-author{display:flex;align-items:center;margin-top:15px;font-style:italic;color:#4a5568;background:#f8fafc;padding:8px 15px;border-radius:30px;display:inline-flex;box-shadow:0 1px 3px #00000008}.article-author i{margin-right:8px;color:#4a5568}.article-main-image{margin:0 -20px 30px;overflow:hidden;position:relative;height:400px}.article-main-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease;filter:brightness(.9)}.article-main-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.article-main-image:hover img{transform:scale(1.03);filter:brightness(1)}.article-summary{font-size:1.25rem;font-weight:500;padding:25px;background-color:#f7fafc;border-left:5px solid #3182ce;border-radius:0 12px 12px 0;color:#2d3748;line-height:1.7;box-shadow:0 3px 10px #0000000d;position:relative;z-index:5;width:90%;margin:-50px auto 35px;background-color:#fff}.article-body{line-height:1.8;color:#2d3748;font-size:1.1rem;margin-bottom:40px}.article-body h3{margin-top:40px;margin-bottom:20px;color:#2c5282;font-size:1.7rem;font-weight:600;position:relative;padding-bottom:12px}.article-body h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:#3182ce;border-radius:3px}.article-body h4{margin-top:30px;margin-bottom:15px;color:#2c5282;font-size:1.35rem;font-weight:600}.article-body p{margin-bottom:25px}.article-body ul,.article-body ol{margin-bottom:25px;padding-left:25px}.article-body li{margin-bottom:12px}.article-body a{color:#3182ce;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;font-weight:500}.article-body a:hover{color:#2c5282;border-bottom:1px solid #2c5282}.article-body img{max-width:100%;border-radius:8px;margin:25px 0;box-shadow:0 5px 15px #00000014}.article-body blockquote{border-left:4px solid #3182ce;padding:15px 20px;margin:25px 0;background-color:#f7fafc;border-radius:0 8px 8px 0;font-style:italic;color:#4a5568}.article-tags{margin-top:50px;padding-top:30px;border-top:1px solid #e2e8f0}.article-tags h4{font-size:1.15rem;margin-bottom:18px;color:#4a5568;font-weight:600}.tags-list{display:flex;flex-wrap:wrap;gap:12px}.tag{font-size:.9rem;background-color:#edf2f7;padding:7px 15px;border-radius:20px;color:#4a5568;transition:all .3s ease;display:inline-flex;align-items:center;box-shadow:0 2px 4px #00000008}.tag:hover{background-color:#e2e8f0;transform:translateY(-3px) scale(1.05);box-shadow:0 4px 8px #0000000f;color:#3182ce}.related-articles{margin-top:60px;padding-top:40px;border-top:1px solid #e2e8f0}.related-articles h3{font-size:1.6rem;margin-bottom:25px;color:#2d3748;font-weight:600;position:relative;padding-bottom:15px;text-align:center}.related-articles h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:#3182ce;border-radius:3px}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.related-article-card{border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background-color:#fff;position:relative;height:100%;display:flex;flex-direction:column}.related-article-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001f}.related-article-card a{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}.related-article-image{height:170px;overflow:hidden;position:relative}.related-article-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity .3s ease}.related-article-card:hover .related-article-image:after{opacity:1}.related-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.related-article-card:hover .related-article-image img{transform:scale(1.08)}.related-article-content{padding:20px;background-color:#fff;flex:1;display:flex;flex-direction:column}.related-article-content h4{font-size:1.1rem;margin-bottom:12px;line-height:1.4;color:#2d3748;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em;font-weight:600;transition:color .3s ease}.related-article-card:hover h4{color:#3182ce}.related-summary{font-size:.95rem;color:#4a5568;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.85em;line-height:1.5;flex-grow:1}.related-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#718096;margin-top:auto;padding-top:15px;border-top:1px solid #f1f5f9}.related-article-date{display:flex;align-items:center}.related-article-date i{margin-right:6px}.related-article-category{font-style:italic;color:#3182ce;font-weight:500}@media (max-width: 768px){.article-detail-container{padding:20px 15px}.article-title{font-size:2rem}.article-summary{font-size:1.15rem;padding:20px;width:95%;margin-top:-40px}.article-body{font-size:1.05rem}.article-body h3{font-size:1.5rem}.article-main-image{height:350px}.related-articles-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.loading-container.article-loading{height:350px;padding:35px}.spinner-border{width:55px;height:55px}}@media (max-width: 576px){.article-meta{flex-direction:column;align-items:flex-start;gap:10px}.article-title{font-size:1.7rem;margin:15px 0}.article-main-image{height:280px}.article-summary{font-size:1.05rem;padding:18px;margin-top:-30px}.article-body h3{font-size:1.35rem}.article-body{font-size:1rem}.article-not-found{padding:30px 20px}.loading-container.article-loading{height:280px;padding:25px}.spinner-border{width:45px;height:45px;border-width:5px}.loading-container p{font-size:1rem}.article-tags h4{text-align:center}.tags-list{justify-content:center}.related-articles-grid{grid-template-columns:1fr}.related-article-image{height:200px}}.health-declaration-container{--hdm-primary-blue: #1e40af;--hdm-primary-blue-light: #3b82f6;--hdm-primary-blue-dark: #1e3a8a;--hdm-blue-50: #eff6ff;--hdm-blue-100: #dbeafe;--hdm-blue-200: #bfdbfe;--hdm-blue-300: #93c5fd;--hdm-blue-500: #3b82f6;--hdm-blue-600: #2563eb;--hdm-blue-700: #1d4ed8;--hdm-blue-800: #1e40af;--hdm-blue-900: #1e3a8a;--hdm-white: #ffffff;--hdm-gray-50: #f8fafc;--hdm-gray-100: #f1f5f9;--hdm-gray-200: #e2e8f0;--hdm-gray-300: #cbd5e1;--hdm-gray-400: #94a3b8;--hdm-gray-500: #64748b;--hdm-gray-600: #475569;--hdm-gray-700: #334155;--hdm-gray-800: #1e293b;--hdm-gray-900: #0f172a;--hdm-success: #10b981;--hdm-success-light: #34d399;--hdm-success-bg: #ecfdf5;--hdm-warning: #f59e0b;--hdm-warning-bg: #fffbeb;--hdm-error: #ef4444;--hdm-error-bg: #fef2f2;--hdm-space-1: .25rem;--hdm-space-2: .5rem;--hdm-space-3: .75rem;--hdm-space-4: 1rem;--hdm-space-5: 1.25rem;--hdm-space-6: 1.5rem;--hdm-space-8: 2rem;--hdm-space-10: 2.5rem;--hdm-space-12: 3rem;--hdm-radius-sm: .375rem;--hdm-radius: .5rem;--hdm-radius-md: .75rem;--hdm-radius-lg: 1rem;--hdm-radius-xl: 1.5rem;--hdm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--hdm-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--hdm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--hdm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--hdm-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--hdm-transition: all .2s cubic-bezier(.4, 0, .2, 1);--hdm-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.health-declaration-container{max-width:1200px;margin:0 auto;padding:var(--hdm-space-6);background-color:var(--hdm-gray-50);min-height:calc(100vh - 130px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--hdm-gray-900);line-height:1.6}.health-declaration-container .headerofhealthdeclaration{background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4);color:var(--hdm-white);padding:var(--hdm-space-8) var(--hdm-space-6);border-radius:var(--hdm-radius-xl);margin-bottom:var(--hdm-space-8);box-shadow:var(--hdm-shadow-lg);position:relative;overflow:hidden;isolation:isolate}.health-declaration-container .headerofhealthdeclaration__content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:var(--hdm-space-6);position:relative;z-index:2}.health-declaration-container .headerofhealthdeclaration__text{text-align:left;flex:1}.health-declaration-container .headerofhealthdeclaration__text h1{margin:0 0 var(--hdm-space-2) 0;font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--hdm-white);text-shadow:0 2px 4px rgba(0,0,0,.1)}.health-declaration-container .headerofhealthdeclaration__text p{margin:0;font-size:1.125rem;opacity:.9;color:var(--hdm-white)}.health-declaration-container .headerofhealthdeclaration__actions{display:flex;align-items:center;gap:var(--hdm-space-4);flex-shrink:0}.health-declaration-container .headerofhealthdeclaration__reload-button{display:flex;align-items:center;gap:var(--hdm-space-2);padding:var(--hdm-space-3) var(--hdm-space-5);background:#ffffff26;color:var(--hdm-white);border:2px solid rgba(255,255,255,.3);border-radius:var(--hdm-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--hdm-transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;min-height:44px;min-width:120px;justify-content:center;text-decoration:none;box-sizing:border-box;position:relative;overflow:hidden}.health-declaration-container .headerofhealthdeclaration__reload-button:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.health-declaration-container .headerofhealthdeclaration__reload-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.health-declaration-container .headerofhealthdeclaration__reload-button:disabled{opacity:.6;cursor:not-allowed;background:#ffffff1a;border-color:#fff3;transform:none}.health-declaration-container .headerofhealthdeclaration__reload-button:disabled svg{animation:spin 1s linear infinite}.health-declaration-container .headerofhealthdeclaration__reload-button svg{transition:transform .3s ease;flex-shrink:0}.health-declaration-container .headerofhealthdeclaration__reload-button:hover:not(:disabled) svg{transform:rotate(180deg)}@media (max-width: 768px){.health-declaration-container .headerofhealthdeclaration{padding:var(--hdm-space-6) var(--hdm-space-4)}.health-declaration-container .headerofhealthdeclaration__content{flex-direction:column;text-align:center;gap:var(--hdm-space-4)}.health-declaration-container .headerofhealthdeclaration__text{text-align:center}.health-declaration-container .headerofhealthdeclaration__text h1{font-size:2rem}.health-declaration-container .headerofhealthdeclaration__reload-button{width:100%;max-width:300px}}@media (max-width: 480px){.health-declaration-container .headerofhealthdeclaration__text h1{font-size:1.75rem}.health-declaration-container .headerofhealthdeclaration__text p{font-size:1rem}}.health-declaration-form{background-color:var(--hdm-white);border-radius:var(--hdm-radius-xl);box-shadow:var(--hdm-shadow-lg);overflow:hidden;border:1px solid var(--hdm-gray-200)}.health-declaration-form .form-section{padding:var(--hdm-space-8);border-bottom:1px solid var(--hdm-gray-200);position:relative}.health-declaration-form .form-section:last-of-type{border-bottom:none}.health-declaration-form .form-section h3{font-size:1.375rem;font-weight:600;color:var(--hdm-gray-900);margin:0 0 var(--hdm-space-6) 0;display:flex;align-items:center;gap:var(--hdm-space-3);position:relative}.health-declaration-form .form-section h3:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,var(--hdm-primary-blue),var(--hdm-primary-blue-light));border-radius:var(--hdm-radius-sm)}.health-declaration-form .student-selector{background-color:var(--hdm-blue-50);border:1px solid var(--hdm-blue-200);border-radius:var(--hdm-radius-lg);padding:var(--hdm-space-6);margin-bottom:var(--hdm-space-6);transition:var(--hdm-transition)}.health-declaration-form .student-selector:hover{border-color:var(--hdm-blue-300);box-shadow:0 0 0 3px var(--hdm-blue-100)}.health-declaration-form .student-selector label{display:block;font-weight:600;color:var(--hdm-gray-700);margin-bottom:var(--hdm-space-3);font-size:.9rem}.health-declaration-form .student-selector select,.health-declaration-form .student-selector .selectstudentfix{width:100%;padding:var(--hdm-space-4);border:1px solid var(--hdm-gray-300);border-radius:var(--hdm-radius);font-size:1rem;background-color:var(--hdm-white);transition:var(--hdm-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--hdm-space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--hdm-space-10)}.health-declaration-form .student-selector select:focus,.health-declaration-form .student-selector .selectstudentfix:focus{outline:none;border-color:var(--hdm-primary-blue);box-shadow:0 0 0 3px var(--hdm-blue-100)}.health-declaration-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--hdm-space-6);margin-bottom:var(--hdm-space-6)}.health-declaration-form .form-group{display:flex;flex-direction:column;position:relative}.health-declaration-form .form-group label{font-weight:500;color:var(--hdm-gray-700);margin-bottom:var(--hdm-space-2);font-size:.9rem;display:flex;align-items:center;gap:var(--hdm-space-2)}.health-declaration-form .form-group .required{color:var(--hdm-error);font-weight:600}.health-declaration-form input,.health-declaration-form select,.health-declaration-form textarea{padding:var(--hdm-space-3) var(--hdm-space-4);border:1px solid var(--hdm-gray-300);border-radius:var(--hdm-radius);font-size:.9rem;transition:var(--hdm-transition);background-color:var(--hdm-white);font-family:inherit}.health-declaration-form input:focus,.health-declaration-form select:focus,.health-declaration-form textarea:focus{outline:none;border-color:var(--hdm-primary-blue);box-shadow:0 0 0 3px var(--hdm-blue-100)}.health-declaration-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--hdm-space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--hdm-space-10)}.health-declaration-form textarea{resize:vertical;min-height:100px;line-height:1.5}.health-declaration-form input.error,.health-declaration-form select.error,.health-declaration-form textarea.error{border-color:var(--hdm-error);box-shadow:0 0 0 3px #ef44441a}.health-declaration-form .error-text{color:var(--hdm-error);font-size:.8rem;margin-top:var(--hdm-space-1);font-weight:500;display:flex;align-items:center;gap:var(--hdm-space-1)}.health-declaration-form .error-text:before{content:"⚠";font-size:.7rem}.health-declaration-form .vaccines-section{padding:var(--hdm-space-8);margin-top:0;border:none;background-color:transparent;border-radius:0}.health-declaration-form .vaccines-section h3{font-size:1.75rem;font-weight:700;color:var(--hdm-primary-blue);margin-bottom:var(--hdm-space-6);padding-bottom:var(--hdm-space-4);border-bottom:3px solid var(--hdm-blue-200);text-align:center;background:linear-gradient(135deg,var(--hdm-primary-blue) 0%,var(--hdm-primary-blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.health-declaration-form .vaccines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--hdm-space-5);margin-top:var(--hdm-space-8)}.health-declaration-form .vaccine-card{background:var(--hdm-white);border:2px solid var(--hdm-gray-200);border-radius:var(--hdm-radius-lg);overflow:hidden;transition:var(--hdm-transition-slow);cursor:pointer;box-shadow:var(--hdm-shadow-sm);position:relative}.health-declaration-form .vaccine-card:hover{border-color:var(--hdm-primary-blue-light);box-shadow:var(--hdm-shadow-md);transform:translateY(-2px)}.health-declaration-form .vaccine-card.selected{border-color:var(--hdm-primary-blue);box-shadow:var(--hdm-shadow-lg);background:linear-gradient(145deg,var(--hdm-blue-50),var(--hdm-white))}.health-declaration-form .vaccine-card.vaccinated-from-server{background:linear-gradient(145deg,var(--hdm-success-bg),var(--hdm-white));border-color:var(--hdm-success)}.health-declaration-form .vaccine-card.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--hdm-primary-blue),var(--hdm-primary-blue-light))}.health-declaration-form .vaccine-card.vaccinated-from-server:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--hdm-success),var(--hdm-success-light))}.health-declaration-form .vaccine-card-header{display:flex;align-items:center;gap:var(--hdm-space-4);padding:var(--hdm-space-5);background:var(--hdm-gray-50);border-bottom:1px solid var(--hdm-gray-200);height:87px;box-sizing:border-box}.health-declaration-form .vaccine-card.selected .vaccine-card-header{background:var(--hdm-blue-50);border-bottom-color:var(--hdm-blue-200)}.health-declaration-form .vaccine-card.vaccinated-from-server .vaccine-card-header{background:var(--hdm-success-bg);border-bottom-color:var(--hdm-success)}.health-declaration-form .vaccine-checkbox-container{position:relative;flex-shrink:0}.health-declaration-form .vaccine-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.health-declaration-form .checkbox-label{position:relative;cursor:pointer;display:block;width:24px;height:24px}.health-declaration-form .checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:var(--hdm-white);border:2px solid var(--hdm-gray-300);border-radius:var(--hdm-radius-sm);transition:var(--hdm-transition);display:flex;align-items:center;justify-content:center}.health-declaration-form .vaccine-checkbox:checked+.checkbox-label .checkmark{background-color:var(--hdm-primary-blue);border-color:var(--hdm-primary-blue)}.health-declaration-form .vaccine-checkbox:checked+.checkbox-label .checkmark:after{content:"✓";color:var(--hdm-white);font-weight:700;font-size:14px}.health-declaration-form .vaccine-checkbox:disabled+.checkbox-label .checkmark{background-color:var(--hdm-gray-100);border-color:var(--hdm-gray-300);cursor:not-allowed}.health-declaration-form .vaccine-checkbox:disabled+.checkbox-label{cursor:not-allowed}.health-declaration-form .vaccine-name-container{flex:1;display:flex;flex-direction:column;gap:var(--hdm-space-2)}.health-declaration-form .vaccine-name{font-size:1.1rem;font-weight:600;color:var(--hdm-gray-800);margin:0;line-height:1.3}.health-declaration-form .vaccine-card.selected .vaccine-name{color:var(--hdm-primary-blue)}.health-declaration-form .vaccine-card.vaccinated-from-server .vaccine-name{color:var(--hdm-success)}.health-declaration-form .vaccinated-badge{background:linear-gradient(135deg,var(--hdm-success),var(--hdm-success-light));color:var(--hdm-white);font-size:.75rem;font-weight:600;padding:var(--hdm-space-1) var(--hdm-space-3);border-radius:var(--hdm-radius-xl);display:inline-flex;align-items:center;gap:var(--hdm-space-1);width:fit-content;box-shadow:var(--hdm-shadow-sm);animation:pulse 2s infinite}.health-declaration-form .fully-vaccinated-badge{background:linear-gradient(135deg,var(--hdm-primary-blue),var(--hdm-primary-blue-light));color:var(--hdm-white);font-size:.75rem;font-weight:600;padding:var(--hdm-space-1) var(--hdm-space-3);border-radius:var(--hdm-radius-xl);display:inline-flex;align-items:center;gap:var(--hdm-space-1);width:fit-content;box-shadow:var(--hdm-shadow-sm);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:var(--hdm-shadow-sm)}50%{transform:scale(1.05);box-shadow:var(--hdm-shadow-md)}}@keyframes expandIn{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:var(--hdm-space-5);padding-bottom:var(--hdm-space-5)}}.health-declaration-form .vaccine-card-expanded{padding:var(--hdm-space-5);background:var(--hdm-white);border-top:1px solid var(--hdm-gray-200);animation:expandIn .3s ease-out}.health-declaration-form .vaccine-card.selected .vaccine-card-expanded{background:var(--hdm-blue-50);border-top-color:var(--hdm-blue-200)}.health-declaration-form .vaccine-form-section{display:flex;flex-direction:column;gap:var(--hdm-space-4)}.health-declaration-form .vaccine-form-section .form-group{display:flex;flex-direction:column;gap:var(--hdm-space-2)}.health-declaration-form .vaccine-form-section label{font-weight:600;color:var(--hdm-gray-700);font-size:.9rem}.health-declaration-form .vaccine-card.selected .vaccine-form-section label{color:var(--hdm-primary-blue)}.health-declaration-form .location-select{padding:var(--hdm-space-3);border:2px solid var(--hdm-gray-200);border-radius:var(--hdm-radius);font-size:.9rem;background-color:var(--hdm-white);color:var(--hdm-gray-800);transition:var(--hdm-transition);cursor:pointer}.health-declaration-form .location-select:focus{outline:none;border-color:var(--hdm-primary-blue);box-shadow:0 0 0 3px var(--hdm-blue-200)}.health-declaration-form .location-select:disabled{background-color:var(--hdm-gray-100);cursor:not-allowed;opacity:.7}.health-declaration-form .notes-textarea{padding:var(--hdm-space-3);border:2px solid var(--hdm-gray-200);border-radius:var(--hdm-radius);font-size:.9rem;font-family:inherit;background-color:var(--hdm-white);color:var(--hdm-gray-800);transition:var(--hdm-transition);resize:vertical;min-height:80px}.health-declaration-form .notes-textarea:focus{outline:none;border-color:var(--hdm-primary-blue);box-shadow:0 0 0 3px var(--hdm-blue-200)}.health-declaration-form .notes-textarea:disabled{background-color:var(--hdm-gray-100);cursor:not-allowed;opacity:.7}.health-declaration-form .notes-textarea::placeholder{color:var(--hdm-gray-400);font-style:italic}.health-declaration-form .form-actions{display:flex;justify-content:flex-end;gap:var(--hdm-space-4);padding:var(--hdm-space-8);background-color:var(--hdm-gray-50);border-top:1px solid var(--hdm-gray-200)}.health-declaration-form .submit-button{background:linear-gradient(135deg,var(--hdm-primary-blue) 0%,var(--hdm-primary-blue-light) 100%);color:var(--hdm-white);border:none;padding:var(--hdm-space-4) var(--hdm-space-8);border-radius:var(--hdm-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--hdm-transition);box-shadow:var(--hdm-shadow);position:relative;overflow:hidden}.health-declaration-form .submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--hdm-shadow-md)}.health-declaration-form .submit-button:disabled{background:var(--hdm-gray-400);cursor:not-allowed;transform:none;box-shadow:var(--hdm-shadow-sm)}.health-declaration-container .server-error-alert{background-color:var(--hdm-error-bg);border:1px solid var(--hdm-error);border-left:4px solid var(--hdm-error);border-radius:var(--hdm-radius);padding:var(--hdm-space-4);margin-bottom:var(--hdm-space-6);display:flex;align-items:start;gap:var(--hdm-space-3)}.health-declaration-container .server-error-alert .warning-icon{color:var(--hdm-error);font-size:1.25rem;margin-top:2px}.health-declaration-container .server-error-alert .warning-content h4{margin:0 0 var(--hdm-space-2) 0;color:var(--hdm-error);font-weight:600}.health-declaration-container .server-error-alert .warning-content p{margin:0;color:#991b1b;line-height:1.5}.health-declaration-container .success-message{background-color:var(--hdm-success-bg);border:1px solid var(--hdm-success);border-left:4px solid var(--hdm-success);border-radius:var(--hdm-radius);padding:var(--hdm-space-4);margin-bottom:var(--hdm-space-6);display:flex;align-items:start;gap:var(--hdm-space-3)}.health-declaration-container .success-message .success-icon{color:var(--hdm-success);font-size:1.25rem;margin-top:2px}.health-declaration-container .success-message h3{margin:0 0 var(--hdm-space-2) 0;color:var(--hdm-success);font-weight:600}.health-declaration-container .success-message p{margin:0;color:#047857;line-height:1.5}.health-declaration-container .validation-summary{background-color:var(--hdm-warning-bg);border:1px solid var(--hdm-warning);border-left:4px solid var(--hdm-warning);border-radius:var(--hdm-radius);padding:var(--hdm-space-4);margin-bottom:var(--hdm-space-6)}.health-declaration-container .validation-summary h3{margin:0 0 var(--hdm-space-3) 0;color:#92400e;font-weight:600;display:flex;align-items:center;gap:var(--hdm-space-2)}.health-declaration-container .validation-summary ul{margin:0;padding-left:var(--hdm-space-5);color:#92400e}.health-declaration-container .validation-summary li{margin-bottom:var(--hdm-space-1);line-height:1.5}.health-declaration-form .vaccines-section .help-text{color:var(--hdm-gray-700);font-size:.95rem;line-height:1.7;margin-bottom:var(--hdm-space-8);background:linear-gradient(145deg,var(--hdm-blue-50),#f0f7ff);padding:var(--hdm-space-6);border-radius:var(--hdm-radius-lg);border-left:6px solid var(--hdm-primary-blue);box-shadow:var(--hdm-shadow-sm);position:relative}.health-declaration-form .vaccines-section .help-text:before{content:"ℹ️";position:absolute;top:var(--hdm-space-4);left:var(--hdm-space-4);font-size:1.2rem;opacity:.8}.health-declaration-form .vaccines-section .help-text{padding-left:calc(var(--hdm-space-6) + 2rem)}.health-declaration-form .vaccines-section .help-text strong{color:var(--hdm-primary-blue);font-weight:700;background:linear-gradient(135deg,var(--hdm-primary-blue) 0%,var(--hdm-primary-blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hdm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.hdm-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease}.hdm-modal-header{padding:15px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.hdm-modal-header h3{margin:0;color:#333;font-size:18px}.hdm-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.hdm-modal-body{padding:20px}.hdm-modal-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.hdm-button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.hdm-button.primary{background-color:#1976d2;color:#fff}.hdm-button.primary:hover{background-color:#1565c0}.vaccine-info-container{display:flex;flex-direction:column;gap:15px}.vaccine-info-header{display:flex;justify-content:space-between;align-items:center}.vaccine-info-header h4{margin:0;font-size:18px;color:#333}.vaccine-info-details{background-color:#f5f5f5;padding:15px;border-radius:4px}.vaccine-info-details p{margin:8px 0}.vaccine-info-message{border-left:4px solid #ff9800;padding:10px 15px;background-color:#fff3e0;border-radius:4px}.vaccine-warning{color:#e65100;display:flex;align-items:center;font-weight:500}.warning-icon{margin-right:8px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hdm-modal-content .vaccine-info-display{margin-bottom:var(--hdm-space-6)}.hdm-modal-content .vaccine-info-display h4{color:var(--hdm-gray-900);font-size:1.25rem;font-weight:600;margin:0 0 var(--hdm-space-3) 0}.hdm-modal-content .vaccine-description{color:var(--hdm-gray-600);margin-bottom:var(--hdm-space-4);line-height:1.5}.hdm-modal-content .vaccine-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hdm-space-3);margin-bottom:var(--hdm-space-6)}.hdm-modal-content .vaccine-detail-item{padding:var(--hdm-space-3);background-color:var(--hdm-gray-100);border-radius:var(--hdm-radius);border:1px solid var(--hdm-gray-200)}.hdm-modal-content .vaccine-detail-item:last-child{grid-column:1 / -1}.hdm-modal-content .vaccine-detail-item .label{font-weight:600;color:var(--hdm-gray-800)}.hdm-modal-content .vaccine-detail-item .value{margin-left:var(--hdm-space-2);color:var(--hdm-gray-600)}.hdm-modal-content .notification-message{background-color:var(--hdm-warning-bg);border:1px solid var(--hdm-warning);border-radius:var(--hdm-radius);padding:var(--hdm-space-4);display:flex;align-items:flex-start;gap:var(--hdm-space-3);margin-bottom:var(--hdm-space-6)}.hdm-modal-content .notification-message .warning-icon{font-size:1.5rem;margin-top:2px}.hdm-modal-content .notification-message .message-text p{margin:0 0 var(--hdm-space-2) 0;color:#92400e;line-height:1.5}.hdm-modal-content .notification-message .message-text p:last-child{margin-bottom:0}.hdm-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--hdm-gray-400);color:var(--hdm-white);border-radius:50%;font-size:.7rem;font-weight:600;cursor:help;margin-left:var(--hdm-space-1)}.hdm-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translate(-50%);background-color:var(--hdm-gray-900);color:var(--hdm-white);padding:var(--hdm-space-2) var(--hdm-space-3);border-radius:var(--hdm-radius);font-size:.75rem;white-space:nowrap;z-index:10;box-shadow:var(--hdm-shadow-lg);animation:hdm-tooltip-appear .2s ease-out}.hdm-tooltip:hover:before{content:"";position:absolute;bottom:135%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--hdm-gray-900);z-index:10}@keyframes hdm-tooltip-appear{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hdm-loading{display:inline-flex;align-items:center;gap:var(--hdm-space-2);color:var(--hdm-gray-600);font-size:.9rem}.hdm-spinner{width:16px;height:16px;border:2px solid var(--hdm-gray-300);border-top-color:var(--hdm-primary-blue);border-radius:50%;animation:hdm-spin 1s linear infinite}@keyframes hdm-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.hdm-modal-content .vaccine-details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.health-declaration-container{padding:var(--hdm-space-4)}.health-declaration-container .page-header{padding:var(--hdm-space-6) var(--hdm-space-4);margin-bottom:var(--hdm-space-6)}.health-declaration-container .page-header h1{font-size:2rem}.health-declaration-container .page-header p{font-size:1rem}.health-declaration-form .form-section{padding:var(--hdm-space-6) var(--hdm-space-4)}.health-declaration-form .form-row{grid-template-columns:1fr;gap:var(--hdm-space-4)}.health-declaration-form .vaccines-section{padding:var(--hdm-space-6) var(--hdm-space-4)}.health-declaration-form .vaccines-section h3{font-size:1.5rem}.health-declaration-form .vaccines-grid{grid-template-columns:1fr;gap:var(--hdm-space-4)}.health-declaration-form .vaccine-card{margin-bottom:var(--hdm-space-3)}.health-declaration-form .vaccine-card:hover{transform:translateY(-2px)}.health-declaration-form .vaccine-card.selected{transform:none}.health-declaration-form .vaccine-card-header,.health-declaration-form .vaccine-card-expanded{padding:var(--hdm-space-4)}.health-declaration-form .vaccine-name{font-size:1rem}.health-declaration-form .form-actions{flex-direction:column;gap:var(--hdm-space-3)}.health-declaration-form .submit-button{width:100%}.hdm-modal-content{margin:var(--hdm-space-4);padding:var(--hdm-space-6)}.hdm-modal-icon{width:60px;height:60px;font-size:1.5rem}}@media (max-width: 480px){.health-declaration-container{padding:var(--hdm-space-3)}.health-declaration-container .page-header{padding:var(--hdm-space-5)}.health-declaration-container .page-header h1{font-size:1.75rem}.health-declaration-container .page-header p{font-size:.95rem}.health-declaration-form .form-section,.health-declaration-form .vaccines-section{padding:var(--hdm-space-4)}.health-declaration-form .vaccines-section h3{font-size:1.25rem}.health-declaration-form .vaccines-grid{grid-template-columns:1fr;gap:var(--hdm-space-3)}.health-declaration-form .vaccine-card{margin-bottom:var(--hdm-space-2)}.health-declaration-form .vaccine-card-header{padding:var(--hdm-space-3);gap:var(--hdm-space-3)}.health-declaration-form .vaccine-card-expanded{padding:var(--hdm-space-3)}.health-declaration-form .checkmark{width:20px;height:20px}.health-declaration-form .vaccine-name{font-size:.95rem}.health-declaration-form .vaccinated-badge{font-size:.7rem;padding:var(--hdm-space-1) var(--hdm-space-2)}.health-declaration-form .vaccine-card.fully-vaccinated{border-width:1px}.health-declaration-form .vaccine-card.vaccinated-from-server .vaccine-name{color:var(--hdm-success)}.health-declaration-form .vaccinated-badge{background:linear-gradient(135deg,var(--hdm-success),var(--hdm-success-light));color:var(--hdm-white);font-size:.7rem;font-weight:600;padding:var(--hdm-space-1) var(--hdm-space-2);border-radius:var(--hdm-radius-xl);display:inline-flex;align-items:center;gap:var(--hdm-space-1);width:fit-content;box-shadow:var(--hdm-shadow-sm);animation:pulse 2s infinite}.health-declaration-form .fully-vaccinated-badge{background:linear-gradient(135deg,var(--hdm-primary-blue),var(--hdm-primary-blue-light));color:var(--hdm-white);font-size:.7rem;font-weight:600;padding:var(--hdm-space-1) var(--hdm-space-2);border-radius:var(--hdm-radius-xl);display:inline-flex;align-items:center;gap:var(--hdm-space-1);width:fit-content;box-shadow:var(--hdm-shadow-sm);animation:pulse 2s infinite}}@media print{.health-declaration-container{background-color:#fff;box-shadow:none;padding:0}.health-declaration-form .form-actions,.health-declaration-form .submit-button{display:none}.health-declaration-form .form-section{break-inside:avoid;box-shadow:none}.health-declaration-form .vaccine-item{break-inside:avoid}}.health-declaration-form *:focus{outline:2px solid var(--hdm-primary-blue);outline-offset:2px}.health-declaration-form input:focus,.health-declaration-form select:focus,.health-declaration-form textarea:focus{outline:none}@media (prefers-contrast: high){:root{--hdm-primary-blue: #0056b3;--hdm-gray-300: #666666;--hdm-gray-600: #333333}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vaccine-already-taken-notice{background-color:#fff3e0;border-left:4px solid #ff9800;padding:10px 15px;margin-bottom:15px;border-radius:4px}.vaccine-already-taken-notice p{margin:0;color:#e65100;font-size:14px;display:flex;align-items:center}.info-icon{margin-right:8px;font-style:normal}.toast-close-button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;opacity:.7;transition:opacity .2s;padding:0;margin:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-close-button:hover{opacity:1;background-color:#fff3}.Toastify__toast{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.Toastify__toast-body{font-family:var(--hdm-font-family);font-size:14px}.Toastify__toast--success{background-color:#4caf50!important}.Toastify__toast--error{background-color:#f44336!important}.Toastify__toast--warning{background-color:#ff9800!important}.Toastify__toast--info{background-color:#2196f3!important}.hdm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-spacer{flex:1}.hdm-header h2{margin:0;color:var(--hdm-primary-blue);font-size:1.8rem}.reload-button{background-color:#f0f8ff;color:#1976d2;border:1px solid #1976d2;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.reload-button:hover{background-color:#e3f2fd;box-shadow:0 2px 5px #0000001a}.reload-button:active{transform:translateY(1px)}.reload-button:disabled{opacity:.6;cursor:not-allowed}.reload-icon{font-size:16px;margin-right:6px;display:inline-block}.reload-button:hover .reload-icon{animation:spin 1s linear}.reload-icon.spinning{animation:spin 1s linear infinite}:root{--fix-primary-color: #015c92;--fix-primary-hover: #01486f;--fix-secondary-color: #f8f9fa;--fix-text-color: #212529;--fix-text-muted: #6c757d;--fix-border-color: #dee2e6;--fix-success-color: #198754;--fix-danger-color: #dc3545;--fix-warning-color: #ffc107;--fix-shadow: 0 2px 8px rgba(0, 0, 0, .05);--fix-radius: 8px;--fix-header-bg: #015c92;--fix-header-text: #ffffff;--fix-alt-blue: #0077b6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--fix-text-color);background-color:#f5f8fa}.fix-send-medicine-container{max-width:1200px;margin:0 auto;padding:20px}.fix-send-medicine-header{margin-bottom:24px;background-color:#015c92;padding:24px;border-radius:var(--fix-radius);text-align:center;box-shadow:var(--fix-shadow);border:none;display:flex;align-items:center;justify-content:space-between}.header-content{flex:1}.header-actions{margin-left:20px}.fix-send-medicine-header h1{font-size:28px;font-weight:600;margin-bottom:8px;color:#fff}.fix-send-medicine-header p{color:#ffffffe6;font-size:16px;opacity:.95}.refresh-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.refresh-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.fix-tab-navigation{display:flex;justify-content:center;align-items:center;margin:0 auto 24px;max-width:600px;background-color:#f8f9fa;border-radius:12px;padding:6px;box-shadow:0 2px 12px #015c921a;border:1px solid rgba(1,92,146,.1)}.fix-tab-button{flex:1;background:transparent;border:none;padding:16px 32px;font-size:16px;font-weight:600;color:var(--fix-text-muted);cursor:pointer;position:relative;transition:all .3s ease;border-radius:8px;margin:0 4px;text-align:center;min-height:56px;display:flex;align-items:center;justify-content:center}.fix-tab-button:first-child{margin-left:0}.fix-tab-button:last-child{margin-right:0}.fix-tab-button.active{color:#fff;background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4);box-shadow:0 4px 12px #015c924d;transform:translateY(-2px)}.fix-tab-button:hover:not(.active){background-color:#015c920d;color:var(--fix-primary-color);transform:translateY(-1px)}.fix-form-container{background-color:#fff;border-radius:var(--fix-radius);box-shadow:var(--fix-shadow);padding:24px;margin-bottom:24px}.fix-send-medicine-form{background-color:#fff;border-radius:var(--fix-radius);padding:24px;box-shadow:var(--fix-shadow)}.fix-form-section{background-color:#fff;border-radius:var(--fix-radius);box-shadow:var(--fix-shadow);padding:24px;margin-bottom:24px}.fix-form-section h3{font-size:18px;margin-bottom:16px;color:var(--fix-text-color)}.fix-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.fix-form-row-large{display:flex;flex-direction:column;margin-bottom:16px;width:100%}.fix-form-row-large label{display:block;margin-bottom:8px;font-weight:500}.fix-form-group{margin-bottom:16px}.fix-form-group-horizontal{display:flex;align-items:center;margin-bottom:16px}.fix-form-group-horizontal label{width:180px;font-weight:500}.fix-form-group label{display:block;margin-bottom:8px;font-weight:500}.fix-send-medicine-form input[type=text],.fix-send-medicine-form input[type=number],.fix-send-medicine-form select,.fix-send-medicine-form textarea{width:100%;padding:10px 12px;border:1px solid var(--fix-border-color);border-radius:var(--fix-radius);font-size:16px;background-color:#fff}.fix-send-medicine-form input[type=text]:focus,.fix-send-medicine-form input[type=number]:focus,.fix-send-medicine-form select:focus,.fix-send-medicine-form textarea:focus{border-color:var(--fix-primary-color);outline:none;box-shadow:0 0 0 3px #0d6efd1a}.fix-send-medicine-form input[type=date]{padding:9px 12px;border:1px solid var(--fix-border-color);border-radius:var(--fix-radius);font-size:16px}.fix-checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:12px}.fix-checkbox-group-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.chonngayguithuoc{background-color:#f8f9fa;padding:16px;border-radius:var(--fix-radius);border:1px solid #e9ecef}.chonngayguithuoc .fix-form-group{background-color:#fff;padding:12px;border-radius:var(--fix-radius);box-shadow:0 2px 4px #0000000d}.chonngayguithuoc label{font-weight:600;color:var(--fix-primary-color);margin-bottom:8px;display:block}.chonngayguithuoc input[type=date]{width:100%;padding:10px 12px;border:2px solid #dee2e6;border-radius:var(--fix-radius);font-size:16px;transition:border-color .3s ease}.chonngayguithuoc input[type=date]:focus{outline:none;border-color:var(--fix-primary-color);box-shadow:0 0 0 3px #015c921a}.fix-checkbox-item{display:flex;align-items:center;background-color:var(--fix-secondary-color);padding:10px;border-radius:var(--fix-radius)}.fix-checkbox-item label{margin-left:8px;font-size:14px;color:var(--fix-text-color)}.fix-image-upload-container{margin-top:8px}.fix-image-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.fix-upload-button{display:inline-block;padding:10px 16px;background-color:var(--fix-secondary-color);border:1px solid var(--fix-border-color);border-radius:var(--fix-radius);cursor:pointer;font-size:14px;font-weight:500}.fix-file-name{margin-left:10px;font-size:14px;color:var(--fix-text-muted)}.fix-help-text{display:block;margin-top:6px;font-size:12px;color:var(--fix-text-muted)}.fix-image-preview-container{margin-top:12px}.fix-image-preview{max-width:100%;max-height:200px;border-radius:var(--fix-radius);border:1px solid var(--fix-border-color);cursor:pointer;transition:all .3s ease}.fix-image-preview:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.fix-upload-image-btn{display:inline-block;margin-left:12px;padding:8px 16px;background-color:var(--fix-primary-color);color:#fff;border:none;border-radius:var(--fix-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.fix-upload-image-btn:hover{background-color:var(--fix-primary-hover)}.fix-upload-image-btn:disabled{background-color:var(--fix-text-muted);cursor:not-allowed}.fix-upload-button.disabled{background-color:var(--fix-text-muted);cursor:not-allowed;opacity:.6}.fix-upload-loading{display:inline-flex;align-items:center;margin-left:12px;padding:8px 12px;background-color:#e3f2fd;border:1px solid #2196f3;border-radius:var(--fix-radius);font-size:14px;color:#1976d2}.fix-upload-loading span{margin-left:8px}.fix-upload-loading:before{content:"";width:16px;height:16px;border:2px solid #e3f2fd;border-top:2px solid #2196f3;border-radius:50%;animation:fix-spin 1s linear infinite}@keyframes fix-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fix-upload-success{display:inline-flex;align-items:center;margin-left:12px;padding:8px 12px;background-color:#e8f5e8;border:1px solid var(--fix-success-color);border-radius:var(--fix-radius);font-size:14px;color:var(--fix-success-color);font-weight:500}.fix-upload-success span{display:flex;align-items:center}.fix-existing-image-info{margin-bottom:16px;padding:16px;background:linear-gradient(135deg,#f8fffe,#e8f8f5);border-radius:12px;border:1px solid rgba(40,167,69,.2)}.fix-existing-image-label{margin:0 0 12px;color:#155724;font-size:14px}.fix-existing-image-preview{text-align:center}.fix-image-note{margin:8px 0 0;font-size:12px;color:#155724;font-style:italic}.fix-new-image-preview{margin-top:16px;padding:16px;background:linear-gradient(135deg,#fff8f0,#fef3e8);border-radius:12px;border:1px solid rgba(255,193,7,.3)}.fix-new-image-label{margin:0 0 12px;color:#856404;font-size:14px;text-align:center}.fix-btn-primary{background-color:var(--fix-primary-color);color:#fff;border:none;padding:10px 20px;font-size:16px;font-weight:500;border-radius:var(--fix-radius);cursor:pointer;transition:background-color .2s}.fix-btn-primary:hover{background-color:var(--fix-primary-hover)}.fix-btn-secondary{background-color:var(--fix-secondary-color);color:var(--fix-text-color);border:1px solid var(--fix-border-color);padding:10px 20px;font-size:16px;font-weight:500;border-radius:var(--fix-radius);cursor:pointer}.fix-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.fix-success-message{text-align:center;padding:48px 32px;background:linear-gradient(135deg,#f8fffe,#e8f8f5,#d1f2eb);border-radius:16px;box-shadow:0 8px 32px #28a74526;border:2px solid #28a745;position:relative;overflow:hidden;animation:successSlideIn .6s ease-out}.fix-success-message:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#28a745,#20c997,#28a745);animation:progressBar 5s linear;transform-origin:left}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.fix-success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;position:relative;animation:successIconPop .8s ease-out .3s both;box-shadow:0 4px 20px #28a7454d}@keyframes successIconPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.fix-success-icon:before,.fix-success-icon:after{content:"";position:absolute;background-color:#fff;border-radius:2px}.fix-success-icon:before{width:28px;height:5px;left:26px;top:37px;transform:rotate(45deg)}.fix-success-icon:after{width:16px;height:5px;left:20px;top:37px;transform:rotate(-45deg)}.fix-success-message h2{color:#155724;margin-bottom:16px;font-size:28px;font-weight:700;animation:successTextSlide .6s ease-out .5s both}.fix-success-message p{color:#155724;font-size:16px;line-height:1.6;margin-bottom:32px;animation:successTextSlide .6s ease-out .7s both}@keyframes successTextSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fix-success-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;animation:successTextSlide .6s ease-out .9s both}.fix-success-actions .fix-btn-primary,.fix-success-actions .fix-btn-secondary{min-width:180px;padding:12px 24px;font-weight:600;border-radius:8px;transition:all .3s ease}.fix-success-actions .fix-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #015c924d}.fix-notification-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#0009!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:99999999!important;animation:notificationOverlayFadeIn .3s ease-out}body:has(.fix-notification-modal-overlay) .parent-header,.simple-parent-layout:has(.fix-notification-modal-overlay) .parent-header{z-index:-1!important;visibility:hidden!important;opacity:0!important}@keyframes notificationOverlayFadeIn{0%{opacity:0}to{opacity:1}}.fix-notification-modal{background:#fff;border-radius:16px;padding:32px;min-width:400px;max-width:500px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003;animation:notificationModalSlideIn .4s ease-out}@keyframes notificationModalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.fix-notification-success{border-top:4px solid #28a745}.fix-notification-error{border-top:4px solid #dc3545}.fix-notification-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:notificationIconPop .6s ease-out .2s both}.fix-notification-success .fix-notification-icon{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.fix-notification-error .fix-notification-icon{background:linear-gradient(135deg,#dc3545,#e55353);color:#fff}@keyframes notificationIconPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.fix-notification-content h3{margin:0 0 12px;font-size:24px;font-weight:700;animation:notificationTextSlide .5s ease-out .4s both}.fix-notification-success .fix-notification-content h3{color:#155724}.fix-notification-error .fix-notification-content h3{color:#721c24}.fix-notification-content p{margin:0;font-size:16px;line-height:1.5;animation:notificationTextSlide .5s ease-out .5s both}.fix-notification-success .fix-notification-content p{color:#155724}.fix-notification-error .fix-notification-content p{color:#721c24}@keyframes notificationTextSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fix-notification-progress{position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#28a745,#20c997,#28a745);animation:notificationProgress 5s linear;transform-origin:left}.fix-notification-error .fix-notification-progress{background:linear-gradient(90deg,#dc3545,#e55353,#dc3545)}@keyframes notificationProgress{0%{width:100%}to{width:0%}}.fix-notification-close{position:absolute;top:16px;right:16px;background:#0000001a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#666}.fix-notification-close:hover{background:#0003;color:#333}.fix-notification-close svg{display:block}.approval-info{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f8fffe,#e8f8f5);border-radius:12px;border:1px solid rgba(40,167,69,.2);margin-top:12px;font-size:14px;box-shadow:0 2px 8px #28a7451a}.approval-info span{display:flex;align-items:center;gap:8px;font-weight:600;color:#155724;padding:8px 12px;background:#28a7451a;border-radius:8px;border:1px solid rgba(40,167,69,.2);transition:all .3s ease}.approval-info span:hover{background:#28a74526;transform:translateY(-1px);box-shadow:0 4px 12px #28a74533}.approval-info .approval-by{background:linear-gradient(135deg,#015c92,#428cd4);color:#fff;border:1px solid #015c92}.approval-info .approval-by:hover{background:linear-gradient(135deg,#01486f,#2d82b5);box-shadow:0 4px 12px #015c924d}.approval-info .approval-time{background:#015c921a;color:#015c92;border:1px solid rgba(1,92,146,.2)}.approval-info .approval-time:hover{background:#015c9226;box-shadow:0 4px 12px #015c9233}.fix-med-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#0009!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;padding:80px 16px 16px!important;z-index:9999999!important;overflow-y:auto!important}body:has(.fix-med-modal-overlay) .parent-header,.fix-med-modal-overlay~* .parent-header,.simple-parent-layout:has(.fix-med-modal-overlay) .parent-header{z-index:-1!important;visibility:hidden!important;opacity:0!important}.fix-med-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideDown .4s ease-out;margin-bottom:20px}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fix-med-modal-header{padding:16px 20px;background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4);display:flex;justify-content:space-between;align-items:center;border-radius:var(--fix-radius) var(--fix-radius) 0 0}.fix-med-modal-header h3{margin:0;font-size:18px;color:#fff;font-weight:600}.fix-med-modal-close{background:#fff3;border:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:pointer;color:#fff;transition:background-color .15s}.fix-med-modal-close:hover{background-color:#ffffff4d;color:#fff}.fix-med-modal-close svg{display:block}.fix-med-modal-content{padding:20px}.confirmation-details{max-width:100%}.confirmation-section{margin-bottom:24px;background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef}.confirmation-section h4{margin:0 0 16px;color:#015c92;font-size:18px;font-weight:600;border-bottom:2px solid #015c92;padding-bottom:8px}.confirmation-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.confirmation-row:last-child{margin-bottom:0}.confirmation-item{background:#fff;padding:12px;border-radius:8px;border:1px solid #dee2e6}.confirmation-label{display:block;font-weight:600;color:#495057;font-size:14px;margin-bottom:4px}.confirmation-value{display:block;color:#212529;font-size:16px;font-weight:500}.confirmation-status{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.confirmation-status.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.confirmation-status.pending{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7}.confirmation-status.refused{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.confirmation-status.completed{background:#d1eddc;color:#0f5132;border:1px solid #a3cfbb}.confirmation-status.cancelled{background:#e2e3e5;color:#41464b;border:1px solid #c6c8ca}.confirmation-status.partial{background:linear-gradient(135deg,#fef9e7,#f8f4d6);color:#7d6608;border:1px solid #f4d03f}.confirmation-status.unknown{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.confirmation-header-info{text-align:center;margin-bottom:8px}.confirmation-header-info small{color:#e6e9ec;font-size:.85rem;font-style:italic}.confirmation-notes{background:#fff;padding:16px;border-radius:8px;border:1px solid #dee2e6;font-style:italic;line-height:1.6;color:#495057}.confirmation-image{text-align:center;background:#fff;padding:20px;border-radius:8px;border:1px solid #dee2e6}.confirmation-img{max-width:100%;max-height:300px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.confirmation-img:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000026}.no-image-placeholder{padding:40px;color:#6c757d;font-style:italic;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px}.fix-med-modal-actions{margin-top:24px;text-align:center;border-top:1px solid #e9ecef;padding-top:20px}.fix-medication-history-container{background:#fff;border-radius:var(--fix-radius);box-shadow:var(--fix-shadow);padding:24px}.fix-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.fix-history-header h2{color:var(--fix-text-color);font-size:1.5rem;font-weight:600}.fix-history-filter{display:flex;align-items:center;gap:8px}.fix-history-filter label{font-weight:500;color:var(--fix-text-color)}.fix-history-filter select,.fix-history-filter .selectstudentfix{padding:8px 12px;border:1px solid var(--fix-border-color);border-radius:6px;font-size:14px;min-width:180px}.fix-medication-request-list{display:flex;flex-direction:column;gap:16px}.fix-medication-request-card{background:#fff;border:1px solid var(--fix-border-color);border-radius:var(--fix-radius);box-shadow:var(--fix-shadow);overflow:hidden;transition:all .2s ease}.fix-medication-request-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.fix-med-request-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#f8f9fa;border-bottom:1px solid var(--fix-border-color)}.fix-med-request-title h3{color:var(--fix-primary-color);font-size:1.25rem;font-weight:600;margin-bottom:8px}.fix-med-request-student{color:var(--fix-text-muted);font-size:.9rem;margin-bottom:4px}.fix-med-request-date{color:var(--fix-text-muted);font-size:.85rem}.fix-med-request-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fix-med-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.fix-med-btn-primary{background:var(--fix-primary-color);color:#fff}.fix-med-btn-primary:hover{background:var(--fix-primary-hover)}.fix-med-btn-success{background:var(--fix-success-color);color:#fff}.fix-med-btn-success:hover{background:#157347}.fix-med-btn-danger{background:var(--fix-danger-color);color:#fff}.fix-med-btn-danger:hover{background:#c02636}.fix-med-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fix-med-status-pending-approval{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.fix-med-status-approved{background:#d1eddc;color:#0f5132;border:1px solid #a3cfbb}.fix-med-status-rejected{background:#f8d7da;color:#721c24;border:1px solid #f1aeb5}.fix-med-status-completed{background:#d1eddc;color:#0f5132;border:1px solid #a3cfbb}.fix-med-status-cancelled{background:#e2e3e5;color:#41464b;border:1px solid #c6c8ca}.fix-med-status-fully-taken{background:#d1f2eb;color:#0e6655;border:1px solid #7dcea0}.fix-med-status-partially-taken{background:#fef9e7;color:#7d6608;border:1px solid #f4d03f}.fix-request-details{padding:20px}.fix-med-info-container{display:flex;flex-direction:column;gap:16px}.fix-med-info-row{display:flex;gap:20px;flex-wrap:wrap}.fix-med-info-item{flex:1;min-width:250px}.fix-med-info-full{width:100%}.fix-med-info-label{font-weight:600;color:var(--fix-text-color);display:block;margin-bottom:4px;font-size:.9rem}.med-info-value{color:var(--fix-text-muted);font-size:.9rem}.med-info-value strong{color:var(--fix-text-color);font-weight:600}.med-date-range{margin-top:4px;font-size:.8rem}.fix-time-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.fix-time-tag{background:var(--fix-primary-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.fix-med-info-note{background:#f8f9fa;padding:12px;border-radius:6px;border-left:4px solid var(--fix-primary-color);font-style:italic;color:var(--fix-text-muted);margin-top:4px}.rejection-reason{background:#f8d7da;padding:12px;border-radius:6px;border-left:4px solid var(--fix-danger-color);margin-top:12px}.detail-label{font-weight:600;color:#721c24;display:block;margin-bottom:4px}.detail-value{color:#721c24}.request-footer{padding:16px 20px;background:#f8f9fa;border-top:1px solid var(--fix-border-color)}.approval-info{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--fix-text-muted);flex-wrap:wrap;gap:8px}.fix-empty-history{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:var(--fix-radius);border:2px dashed var(--fix-border-color)}.fix-empty-history p{color:var(--fix-text-muted);font-size:1.1rem;margin-bottom:20px}.fix-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.fix-loading-container p{color:var(--fix-text-muted);margin-top:16px;font-size:1rem}.confirmation-pagination-info{font-size:.85rem;color:#ded1d1;font-weight:400;margin-left:8px}.confirmation-pagination{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;border-top:1px solid #e0e0e0;margin-top:20px}.pagination-info{text-align:center;font-size:.9rem;color:#6c757d;font-weight:500}.pagination-controls{display:flex;max-height:40px;align-items:center;justify-content:center;gap:8px}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e8f4fd;border-color:#007bff;color:#007bff}.pagination-btn:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.pagination-pages{display:flex;gap:6px}.pagination-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-page:hover{background:#e8f4fd;border-color:#007bff;color:#007bff}.pagination-page.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-page.active:hover{background:#0056b3;border-color:#0056b3}@media (max-width: 576px){.confirmation-pagination{gap:8px;padding:15px 0}.pagination-controls{gap:8px}.pagination-btn{padding:6px 12px;font-size:13px}.pagination-page{width:32px;height:32px;font-size:13px}.confirmation-pagination-info,.pagination-info{font-size:.8rem}}@media (max-width: 768px){.fix-form-row{grid-template-columns:1fr}.fix-form-group-horizontal{flex-direction:column;align-items:flex-start}.fix-form-group-horizontal label{width:auto;margin-bottom:8px}.fix-med-request-header{flex-direction:column;align-items:flex-start}.fix-med-request-actions{margin-top:12px}.fix-history-header{flex-direction:column;align-items:flex-start}.fix-history-filter{margin-top:12px}.fix-med-info-container{grid-template-columns:1fr}}.zoom-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#000000e6!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999999!important;padding:20px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;animation:zoomOverlayFadeIn .3s ease-out;cursor:pointer}body:has(.zoom-overlay) .parent-header,.simple-parent-layout:has(.zoom-overlay) .parent-header{z-index:-1!important;visibility:hidden!important;opacity:0!important}@keyframes zoomOverlayFadeIn{0%{opacity:0}to{opacity:1}}.zoomed-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;animation:zoomImageScale .4s ease-out;pointer-events:none}@keyframes zoomImageScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zoom-close-btn{position:absolute;top:30px;right:30px;background:#fff3;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.zoom-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.zoom-close-btn svg{display:block}body.modal-open .parent-header,body.modal-open header,.modal-open .parent-header,.modal-open header{z-index:-999999!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-200px)!important}.notification-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999999}.notification-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;width:90%;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb;position:relative}.notification-header.success{background-color:#f0f9ff;border-bottom-color:#bfdbfe}.notification-header.error{background-color:#fef2f2;border-bottom-color:#fecaca}.notification-header.warning{background-color:#fffbeb;border-bottom-color:#fed7aa}.notification-header.info{background-color:#f8fafc;border-bottom-color:#cbd5e1}.notification-icon{width:24px;height:24px;flex-shrink:0}.notification-icon.success{color:#059669}.notification-icon.error{color:#dc2626}.notification-icon.warning{color:#d97706}.notification-icon.info{color:#2563eb}.notification-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;flex:1}.notification-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:all .2s}.notification-close:hover{background-color:#0000001a;color:#374151}.notification-close svg{width:20px;height:20px}.notification-body{padding:20px}.notification-body p{margin:0;color:#4b5563;line-height:1.6}.notification-footer{padding:16px 20px;background-color:#f9fafb;display:flex;justify-content:flex-end}.notification-btn{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.notification-btn.success{background-color:#059669;color:#fff}.notification-btn.success:hover{background-color:#047857}.notification-btn.error{background-color:#dc2626;color:#fff}.notification-btn.error:hover{background-color:#b91c1c}.notification-btn.warning{background-color:#d97706;color:#fff}.notification-btn.warning:hover{background-color:#b45309}.notification-btn.info{background-color:#2563eb;color:#fff}.notification-btn.info:hover{background-color:#1d4ed8}:root{--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-primary: var(--medical-primary, #015C92);--color-primary-hover: var(--medical-primary-hover, #2D82B5);--color-primary-light: var(--medical-primary-light, #BCE6FF);--color-primary-50: var(--medical-primary-50, #EBF5FF);--color-primary-dark: var(--medical-primary-dark, #013D61);--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-info: --color-primary;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition: .15s ease-in-out;--z-dropdown: 10;--z-sticky: 20;--z-modal: 50}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:auto}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-gray-700);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.25;color:var(--color-gray-900);margin-bottom:var(--space-2)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-4);color:var(--color-gray-600)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}img{max-width:100%;height:auto}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.medical-container{min-height:100vh;background-color:var(--color-gray-50);animation:fadeIn .3s ease-out;width:1200px;max-width:100%;margin:0 auto;box-sizing:border-box;padding-top:0}.medical-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:relative;box-shadow:var(--shadow-sm);margin:0;width:100%;box-sizing:border-box;border-radius:15%}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);max-width:1200px;margin:0 auto;text-align:center;position:relative;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg);margin-top:var(--space-4)}.parent-content-wrapper .header-content{max-width:1200px;width:100%;margin:var(--space-4) auto 0 auto}.header-left{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.header-icon{width:40px;height:40px;background-color:#fff3;color:var(--color-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0;margin-bottom:var(--space-2)}.header-info h1{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--space-2);text-align:center}.header-info p{font-size:var(--text-sm);color:#fffc;margin:0;text-align:center}.header-actions1{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;align-items:center;z-index:10}.header-actions2{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;z-index:10}.header-actions1 .back-btn,.header-actions2 .back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:#fff3;color:var(--color-white);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--text-sm);transition:all var(--transition);border:1px solid rgba(255,255,255,.3);white-space:nowrap;text-decoration:none;flex-shrink:0}.header-actions1 .back-btn:hover,.header-actions2 .back-btn:hover{background-color:#ffffff4d;color:var(--color-white);transform:translateY(-1px)}.header-actions1 .refresh-btn,.header-actions2 .refresh-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:#fff3;color:var(--color-white);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--text-sm);transition:all var(--transition);border:1px solid rgba(255,255,255,.3);cursor:pointer;white-space:nowrap;flex-shrink:0}.header-actions1 .refresh-btn:hover:not(:disabled),.header-actions2 .refresh-btn:hover:not(:disabled){background-color:#ffffff4d;border-color:#fff6;transform:translateY(-1px);box-shadow:var(--shadow-md)}.header-actions1 .refresh-btn:disabled,.header-actions2 .refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.header-actions1 .refresh-btn.refreshing,.header-actions2 .refresh-btn.refreshing{background-color:var(--color-gray-400);border-color:var(--color-gray-400)}.header-actions1 .refresh-btn .spin,.header-actions2 .refresh-btn .spin{animation:spin 1s linear infinite}.medical-main{max-width:1200px;margin:0 auto;padding:var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-6);width:100%;box-sizing:border-box}.parent-content-wrapper .medical-main{max-width:1200px;width:1200px;margin:0 auto;padding:var(--space-4) 0}.student-section{display:flex;flex-direction:column;gap:var(--space-6);width:100%;box-sizing:border-box}.chonhocsinhtabparent{border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-primary-100);width:100%;box-sizing:border-box}.parent-selector-header{margin-bottom:var(--space-6);text-align:center;justify-content:center;align-items:center;display:flex;flex-direction:column;padding-left:0}.parent-selector-header h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.parent-selector-header p{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.selector-content{width:100%;display:flex;justify-content:center}.select-wrapper{position:relative;width:100%;max-width:500px}.chonhocsinhtabparent-select,.selectstudentfix{width:100%;padding:var(--space-4);padding-right:var(--space-12);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);font-size:var(--text-base);color:var(--color-gray-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all var(--transition);box-sizing:border-box}.chonhocsinhtabparent-select:focus,.selectstudentfix:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.chonhocsinhtabparent-select:disabled,.selectstudentfix:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.select-arrow{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none;font-size:var(--text-sm)}.student-info{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition);animation:slideUp .3s ease-out;width:100%;box-sizing:border-box;min-height:200px;flex-direction:row;justify-content:center}.student-info .student-details{order:1}.student-info .student-avatar{order:2}.student-info:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.student-avatar{width:180px!important;height:180px!important;background-color:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:3rem;flex-shrink:0;overflow:hidden;position:relative}.student-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.student-avatar .avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.student-details{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-4);min-width:0;justify-content:center;max-width:300px;width:300px}.student-details h3{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0;color:var(--color-gray-900);text-align:left}.student-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;max-width:300px}.meta-item{background-color:var(--color-primary-light);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.content-section{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden;width:100%;box-sizing:border-box}.content-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200);background-color:var(--color-primary-50);display:flex;flex-direction:column;gap:var(--space-4);background-color:var(--color-white)}.content-header h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;text-align:center}.content-body{padding:var(--space-6);min-height:400px;width:100%;box-sizing:border-box;overflow-x:auto}.print-section{display:flex;justify-content:center;margin-top:var(--space-6);width:100%;box-sizing:border-box}.print-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm)}.print-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);transform:translateY(-1px)}.medical-loading,.medical-error{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);width:100%;box-sizing:border-box}.loading-content,.error-content{text-align:center;max-width:400px;background-color:var(--color-white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);width:100%;box-sizing:border-box}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.error-icon{font-size:var(--text-3xl);color:var(--color-error);margin-bottom:var(--space-4)}.loading-content p,.error-content p{color:var(--color-gray-500);margin-bottom:var(--space-6)}.error-content h2{color:var(--color-gray-900);margin-bottom:var(--space-4)}.header-actions1 .back-btn,.header-actions1 .refresh-btn,.header-actions2 .back-btn,.header-actions2 .refresh-btn{flex-shrink:0;min-width:auto}@media (max-width: 1240px){.medical-container{width:100%;max-width:100%;padding:0 var(--space-4)}.medical-main,.parent-content-wrapper .medical-main{width:100%;max-width:100%;padding:var(--space-4)}}@media (max-width: 992px){.medical-main{padding:var(--space-4);gap:var(--space-4)}.header-content{margin-top:var(--space-2);padding:var(--space-4)}.header-actions1,.header-actions2{position:static;margin-top:var(--space-4);padding:0}.header-actions1,.header-left{margin-bottom:var(--space-2)}}@media (max-width: 768px){.medical-main{padding:var(--space-4) var(--space-3);gap:var(--space-4)}.header-content{flex-direction:column;gap:var(--space-3);text-align:center;padding:var(--space-4) var(--space-3);margin-top:var(--space-2)}.header-left{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-2)}.content-header,.content-body,.chonhocsinhtabparent{padding:var(--space-4)}.student-details,.student-meta{gap:var(--space-2)}.header-actions1,.header-actions2{flex-direction:column;gap:var(--space-2);align-items:center}.header-actions1 .back-btn,.header-actions1 .refresh-btn,.header-actions2 .back-btn,.header-actions2 .refresh-btn{width:auto;min-width:120px}}@media (max-width: 480px){.medical-main{padding:var(--space-3) var(--space-2);gap:var(--space-3)}.content-header,.content-body,.chonhocsinhtabparent{padding:var(--space-3)}.header-info h1{font-size:var(--text-xl)}.content-header h2{font-size:var(--text-lg)}.chonhocsinhtabparent-select,.selectstudentfix{padding:var(--space-3);padding-right:var(--space-10);font-size:var(--text-sm)}.print-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.student-info{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);max-width:300px!important}.student-details{width:100%;text-align:center;align-items:center}.student-meta{justify-content:center;flex-wrap:wrap}}.tab-navigation{display:flex!important;justify-content:center!important;width:100%!important;max-width:770px!important;margin:0 auto!important;padding:0 var(--space-4)!important}.tab-nav-list{display:inline-flex!important;gap:var(--space-1)!important;padding:var(--space-2)!important;background-color:var(--color-gray-100)!important;border-radius:var(--radius-lg)!important;box-shadow:inset 0 1px 3px #0000001a!important;width:auto!important;max-width:100%!important;min-width:fit-content!important;flex-wrap:nowrap!important}.tab-nav-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);white-space:nowrap;min-width:0;min-height:44px}.tab-nav-button:hover{background-color:var(--color-white);color:var(--color-gray-700);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.tab-nav-button.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 12px #015c924d;transform:translateY(-1px)}.tab-nav-button.active:hover{background-color:var(--color-primary-hover);color:var(--color-white);transform:translateY(-2px);box-shadow:0 6px 16px #015c9266}.tab-nav-icon{font-size:var(--text-lg);flex-shrink:0}.tab-nav-text{font-weight:inherit;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.back-btn svg{width:16px;height:16px;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition);box-shadow:var(--shadow-sm)}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--text-lg);flex-shrink:0}.stat-icon.height{background-color:var(--color-success)}.stat-icon.weight{background-color:var(--color-primary)}.stat-icon.bmi{background-color:var(--color-warning)}.stat-icon.blood{background-color:var(--color-error)}.stat-content{flex:1}.stat-content h3{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.stat-content .value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-1);line-height:1}.stat-content .unit{font-size:var(--text-sm);color:var(--color-gray-500)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.info-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition);box-shadow:var(--shadow-sm)}.info-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.info-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-3)}.info-card-icon{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.info-card-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.info-card-content{color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.6;margin-top:var(--space-4);display:block;width:100%}.info-card.emergency-info{border-color:var(--color-error);background-color:#fef2f2}.info-card.emergency-info .info-card-icon{color:var(--color-error)}.vision-content{display:flex;flex-direction:column;gap:var(--space-3)}.vision-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.vision-label{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.vision-value{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.vaccinations-list{display:flex;flex-direction:column;gap:var(--space-3)}.vaccination-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm)}.vaccination-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.vaccination-header{display:flex;justify-content:space-between;align-items:center;width:100%}.vaccination-title{display:flex;align-items:center;gap:var(--space-3);flex:1}.vaccination-title svg{color:var(--color-primary);font-size:var(--text-lg);flex-shrink:0}.vaccination-title h4{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;line-height:1.4}.vaccination-date{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-500);font-size:var(--text-sm);white-space:nowrap}.vaccination-date svg{font-size:var(--text-xs)}.vaccination-content,.vaccination-footer{display:none}.incidents-list{display:flex;flex-direction:column;gap:var(--space-3)}.incident-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.incident-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-gray-300);transition:all var(--transition)}.incident-card.high:before{background-color:var(--color-error)}.incident-card.medium:before{background-color:var(--color-warning)}.incident-card.low:before{background-color:var(--color-success)}.incident-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.incident-header{display:flex;justify-content:space-between;align-items:center;width:100%}.incident-type{display:flex;align-items:center;gap:var(--space-3);flex:1}.incident-type h4{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;line-height:1.4}.incident-date{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-500);font-size:var(--text-sm);white-space:nowrap}.incident-date svg{font-size:var(--text-xs)}.severity-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.severity-tag.high{background-color:#fef2f2;color:var(--color-error);border:1px solid #fecaca}.severity-tag.medium{background-color:#fef3c7;color:var(--color-warning);border:1px solid #fed7aa}.severity-tag.low{background-color:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.severity-tag.unknown{background-color:var(--color-gray-100);color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.no-incidents{text-align:center;padding:var(--space-12);background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.no-incidents svg{font-size:var(--text-3xl);color:var(--color-gray-400);margin-bottom:var(--space-4)}.no-incidents h4{color:var(--color-gray-700);margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.no-incidents p{color:var(--color-gray-500);max-width:400px;margin:0 auto}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.status-complete{background-color:#dcfce7;color:#166534}.status-updating{background-color:#dbeafe;color:#1e40af}.status-incomplete{background-color:#fed7d7;color:#c53030}.status-unknown{background-color:var(--color-gray-100);color:var(--color-gray-600)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);text-decoration:none}.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--color-white)}.refresh-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-white);color:var(--color-gray-600);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition)}.refresh-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.data-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a}.loading-spinner.small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.data-loading p{color:#6b7280;margin:0;font-size:14px}.error-message{display:flex;align-items:center;gap:12px;padding:16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.no-data-message h4{color:#374151;margin-bottom:8px;font-size:18px;font-weight:600}.no-data-message p{color:#6b7280;margin-bottom:4px;font-size:14px;line-height:1.5;max-width:400px}.vaccinations-panel,.checkups-panel,.incidents-panel{width:100%;max-width:1000px;margin:0 auto;padding:20px}.vaccinations-panel h3,.checkups-panel h3,.incidents-panel h3{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:24px;text-align:center;letter-spacing:-.01em}.last-update-info{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6);text-align:center}.last-update-info p{margin:0;font-size:var(--text-sm);color:var(--color-gray-600)}.last-update-info p:last-child{margin-top:var(--space-2)}.merge-indicator{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);font-style:italic}.last-update-info .merge-indicator{background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-left:var(--space-2)}.checkups-list-simple{display:flex;flex-direction:column;gap:var(--space-3)}.checkup-row{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.checkup-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary);transition:all var(--transition)}.checkup-row:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.checkup-row:hover:before{background-color:var(--color-primary-hover)}.checkup-row-content{display:flex;align-items:center;gap:var(--space-4);flex:1}.checkup-date{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-500);font-size:var(--text-sm);white-space:nowrap;min-width:120px}.checkup-date .date-icon{font-size:var(--text-xs);color:var(--color-primary);flex-shrink:0}.checkup-type{flex:1}.checkup-type span{font-weight:var(--font-weight-medium);color:var(--color-gray-900);font-size:var(--text-base);line-height:1.4}.arrow-icon{color:var(--color-gray-400);transition:all var(--transition);margin-left:var(--space-2);font-size:var(--text-sm);flex-shrink:0}.checkup-row:hover .arrow-icon{transform:translate(4px);color:var(--color-primary)}.checkups-panel .no-data-message{text-align:center;padding:var(--space-12);background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.checkups-panel .no-data-message svg{font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-4)}.checkups-panel .no-data-message h4{color:var(--color-gray-700);margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.checkups-panel .no-data-message p{color:var(--color-gray-500);margin-bottom:var(--space-2);max-width:400px;margin-left:auto;margin-right:auto}.checkups-panel .no-data-message p:last-child{margin-bottom:0}@media (max-width: 1024px){.tab-nav-button{padding:var(--space-3) var(--space-3);font-size:var(--text-sm);gap:var(--space-1)}.tab-nav-icon{font-size:var(--text-base)}.tab-nav-text{font-size:var(--text-sm)}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.info-grid{grid-template-columns:1fr;gap:var(--space-4)}.tab-nav-list{padding:var(--space-2);gap:var(--space-1);width:auto;max-width:100%}.tab-nav-button{padding:var(--space-2) var(--space-2);font-size:var(--text-xs);gap:var(--space-1);min-height:40px;flex:1}.tab-nav-icon{font-size:var(--text-base)}.tab-nav-text{font-size:var(--text-xs)}.vaccination-header,.incident-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.vaccination-title,.incident-type{width:100%}.vaccination-date,.incident-date{align-self:flex-end}.checkup-row{padding:var(--space-3)}.checkup-row-content{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.checkup-date{align-self:flex-start;min-width:auto;order:2}.checkup-type{order:1;width:100%}.arrow-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.checkup-row:hover .arrow-icon{transform:translateY(-50%) translate(4px)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:var(--space-3)}.stat-card{padding:var(--space-4);flex-direction:column;text-align:center;gap:var(--space-3)}.stat-icon{width:40px;height:40px;font-size:var(--text-base)}.tab-nav-list{padding:var(--space-1);gap:2px;width:100%}.tab-nav-button{padding:var(--space-2) 1px;font-size:9px;gap:2px;flex-direction:column;min-height:52px;flex:1}.tab-nav-icon{font-size:var(--text-sm)}.tab-nav-text{font-size:9px;line-height:1;text-align:center;max-width:100%;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modern-modal-content{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;max-height:90vh;width:100%;overflow:hidden;animation:slideUp .3s ease-out;position:relative;display:flex;flex-direction:column}.modern-modal-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-white);padding:var(--space-4) var(--space-6);position:relative;overflow:hidden;flex-shrink:0}.modern-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.5}.modal-header-content{position:relative;display:flex;align-items:center;justify-content:space-between}.modal-header-left{display:flex;align-items:center;gap:var(--space-4)}.modal-header-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.modal-header-text h2{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin:0 0 var(--space-1) 0;line-height:1.3}.modal-header-text p{font-size:var(--text-sm);color:var(--color-white);opacity:.9;margin:0;line-height:1.4}.modal-close-btn{background:#fff3;border:none;color:var(--color-white);width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);font-size:var(--text-base)}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.modern-modal-body{padding:var(--space-4) var(--space-6);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent;flex:1;min-height:0}.modern-modal-body::-webkit-scrollbar{width:6px}.modern-modal-body::-webkit-scrollbar-track{background:transparent}.modern-modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.modern-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.modal-section{margin-bottom:var(--space-6)}.modal-section:last-child{margin-bottom:0}.section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.section-title svg{color:var(--color-primary);font-size:var(--text-base)}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.info-card-simple{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition)}.info-card-simple:hover{border-color:var(--color-primary);background:var(--color-white);box-shadow:var(--shadow-sm)}.info-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.info-card-icon{color:var(--color-primary);font-size:var(--text-sm)}.info-card-label{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;font-weight:var(--font-weight-medium);letter-spacing:.05em}.info-card-value{font-size:var(--text-base);color:var(--color-gray-900);font-weight:var(--font-weight-medium);line-height:1.4}.content-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.content-card-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.content-card-title svg{color:var(--color-primary);font-size:var(--text-sm)}.content-card-text{color:var(--color-gray-600);line-height:1.6;margin:0}.status-badge-simple{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.status-badge-simple.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge-simple.warning{background:#fef3c7;color:#92400e;border:1px solid #fed7aa}.status-badge-simple.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-badge-simple.info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.modal-loading{text-align:center;padding:var(--space-12)}.modal-loading-spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.modal-loading h3{color:var(--color-gray-700);margin-bottom:var(--space-2);font-size:var(--text-lg)}.modal-loading p{color:var(--color-gray-500);margin:0}.modal-error{text-align:center;padding:var(--space-8)}.modal-error-icon{font-size:var(--text-3xl);color:var(--color-error);margin-bottom:var(--space-4)}.modal-error h3{color:var(--color-gray-700);margin-bottom:var(--space-2)}.modal-error p{color:var(--color-gray-500);margin-bottom:var(--space-4)}.modal-error-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition)}.modal-error-btn:hover{background:var(--color-primary-hover);color:var(--color-white)}.modal-image-container{margin:var(--space-4) 0}.modal-image{width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.growth-panel{padding:var(--space-6) var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.growth-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.growth-title-section{display:flex;flex-direction:column;gap:var(--space-1)}.growth-title-section h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.last-updated{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.growth-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.refresh-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--color-primary),#4f46e5);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);box-shadow:0 1px 3px #6366f133}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.refresh-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.refresh-btn .rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-controls{display:flex;gap:var(--space-2);background:var(--color-gray-100);padding:var(--space-1);border-radius:var(--radius-md)}.chart-control-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);white-space:nowrap}.chart-control-btn:hover{background:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.chart-control-btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.growth-chart-container{margin-bottom:var(--space-6);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.growth-chart-svg{width:100%;height:auto;font-family:var(--font-mono)}.chart-dot{cursor:pointer;transition:all .2s ease}.chart-dot:hover{r:7;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.chart-bar{cursor:pointer;transition:all .3s ease}.chart-bar:hover{filter:brightness(1.1) drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:translateY(-1px)}.growth-chart-svg text{font-family:var(--font-mono);font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8)}@media (max-width: 768px){.growth-chart-svg text{font-size:10px}.chart-bar{stroke-width:.5}.chart-dot{r:3}.chart-dot:hover{r:5}}.growth-stats{margin-top:var(--space-6)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--color-white) 0%,#f8fafc 100%);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:all var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-white);flex-shrink:0}.stat-icon.height{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-icon.weight{background:linear-gradient(135deg,#dc2626,#b91c1c)}.stat-icon.checkups{background:linear-gradient(135deg,#059669,#047857)}.stat-content{flex:1;min-width:0}.stat-label{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.stat-change{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.checkups-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.checkups-title-section{display:flex;flex-direction:column;gap:var(--space-1)}.checkups-title-section h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.checkups-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.checkups-controls .refresh-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition)}.checkups-controls .refresh-btn:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.checkups-controls .refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vaccinations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.vaccinations-title-section{display:flex;flex-direction:column;gap:var(--space-1)}.vaccinations-title-section h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.vaccinations-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.vaccinations-controls .refresh-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition)}.vaccinations-controls .refresh-btn:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.vaccinations-controls .refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vaccinations-controls .refresh-btn.refreshing{background-color:var(--color-gray-400);border-color:var(--color-gray-400)}.vaccinations-controls .refresh-btn .spin{animation:spin 1s linear infinite}.incidents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.incidents-title-section{display:flex;flex-direction:column;gap:var(--space-1)}.incidents-title-section h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.incidents-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.incidents-controls .refresh-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition)}.incidents-controls .refresh-btn:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.incidents-controls .refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.growth-header,.checkups-header,.vaccinations-header,.incidents-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.growth-controls,.checkups-controls,.vaccinations-controls,.incidents-controls{justify-content:flex-end;margin-top:var(--space-2)}}.sort-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-white);color:var(--color-gray-600);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);white-space:nowrap}.sort-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sort-btn:active{transform:translateY(0);background-color:var(--color-blue-50);border-color:var(--color-blue-300);color:var(--color-blue-700)}.sort-btn.active{background-color:var(--color-blue-100);border-color:var(--color-blue-400);color:var(--color-blue-800);font-weight:600}.sort-btn svg{font-size:var(--text-base);flex-shrink:0}.sort-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:2px 6px;background-color:var(--color-blue-100);color:var(--color-blue-700);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);margin-left:var(--space-2);border:1px solid var(--color-blue-200);animation:sortIndicatorFadeIn .3s ease-in-out}@keyframes sortIndicatorFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.incident-card,.vaccination-plan-card,.vaccination-row{animation:listItemSlideIn .4s ease-out}@keyframes listItemSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sort-notification{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-green-50);color:var(--color-green-700);border:1px solid var(--color-green-200);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3);animation:notificationSlideDown .3s ease-out}.sort-notification .notification-icon{font-size:var(--text-base);animation:spin 1s linear infinite}@keyframes notificationSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-controls{display:flex;align-items:center;gap:var(--space-3)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.section-title{flex:1}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.history-header h4{margin:0;flex:1}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.section-controls{justify-content:flex-end}.history-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.sort-btn{align-self:flex-end;width:auto}}.vaccination-sub-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-2);background-color:var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:inset 0 1px 3px #0000001a}.sub-tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex:1;justify-content:center}.sub-tab-btn:hover{background-color:var(--color-white);color:var(--color-gray-800);box-shadow:var(--shadow-sm)}.sub-tab-btn.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.sub-tab-btn svg{font-size:var(--text-base)}.section-header{text-align:center;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.section-header h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px;letter-spacing:-.01em}.section-header p{color:#6b7280;font-size:14px;margin:0;line-height:1.4}.vaccination-plans-list{display:flex;flex-direction:column;gap:20px}.vaccination-plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.vaccination-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1e40af)}.vaccination-plan-card:hover{box-shadow:0 4px 16px #0000000f;border-color:#d1d5db}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap;gap:16px}.plan-title{display:flex;align-items:flex-start;gap:14px;flex:1}.plan-icon{color:#3b82f6;font-size:20px;margin-top:2px;flex-shrink:0;background:#b0bedf!important;padding:10px;border-radius:10px}.plan-title h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 6px;line-height:1.3;letter-spacing:-.01em}.plan-description{color:#6b7280;font-size:14px;margin:0;line-height:1.4;font-weight:400}.plan-date{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px;white-space:nowrap;background:#f9fafb;padding:8px 12px;border-radius:8px;font-weight:500;border:1px solid #e5e7eb}.plan-date svg{color:#3b82f6;font-size:13px}.plan-status{margin-bottom:18px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.status-badge.completed{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.status-badge.pending{background:#fef3c7;color:#92400e;border-color:#fde68a}.status-badge.waiting_parent{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.status-badge.accepted{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.status-badge.rejected{background:#fee2e2;color:#991b1b;border-color:#fecaca}.status-badge.in_progress{background:#e0f2fe;color:#0277bd;border-color:#81d4fa}.status-badge.canceled{background:#f3e5f5;color:#7b1fa2;border-color:#ce93d8}.vaccines-list h5{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 14px;letter-spacing:-.01em}.vaccine-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;gap:14px;transition:border-color .2s ease}.vaccine-item:last-child{margin-bottom:0}.vaccine-item:hover{border-color:#d1d5db}.vaccine-info{flex:1}.vaccine-info strong{display:block;font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px;letter-spacing:-.01em}.vaccine-info p{color:#64748b;font-size:14px;margin:0;line-height:1.5;font-weight:400}.vaccine-actions{display:flex;gap:var(--space-2);flex-shrink:0}.confirm-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);min-width:90px;justify-content:center}.confirm-btn.accept{background-color:var(--color-green-600);color:var(--color-white)}.confirm-btn.accept:hover{background-color:var(--color-green-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-btn.reject{background-color:var(--color-red-600);color:var(--color-white)}.confirm-btn.reject:hover{background-color:var(--color-red-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-btn.open-modal{background-color:var(--color-primary);color:var(--color-white)}.confirm-btn.open-modal:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-btn svg{font-size:var(--text-xs)}@media (max-width: 768px){.vaccination-sub-tabs{flex-direction:column;gap:8px}.sub-tab-btn{flex:none;justify-content:flex-start}.plan-header{flex-direction:column;align-items:flex-start;gap:12px}.plan-date{align-self:flex-start}.vaccine-item{flex-direction:column;align-items:stretch;gap:12px}.vaccine-actions{justify-content:flex-end}.confirm-btn{flex:1;max-width:120px}.vaccine-confirm-actions{flex-direction:column;gap:8px}.vaccine-confirm-actions label{min-width:auto}.section-header,.vaccination-plan-card{padding:16px}.plan-title{gap:12px}.plan-icon{padding:8px}.profile-info-grid{grid-template-columns:1fr;gap:12px}.vaccination-history-item{flex-direction:column;align-items:stretch;gap:12px}.vaccination-history-header{flex-direction:column;align-items:flex-start;gap:8px}.detail-item{flex-direction:column;gap:4px}.detail-item label{min-width:auto}.vaccination-status-indicator{align-self:center}}.vaccine-confirmation-form{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin-top:18px}.vaccine-confirmation-form h5{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.confirmation-instruction{margin-bottom:16px;padding:12px;background-color:#eff6ff;border-radius:8px;border-left:3px solid #3b82f6}.confirmation-instruction small{color:#1e40af;font-size:12px;line-height:1.4}.vaccine-confirm-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px}.vaccine-confirm-item:last-child{margin-bottom:16px}.vaccine-confirm-info{margin-bottom:12px}.vaccine-confirm-info strong{display:block;font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px}.vaccine-confirm-info p{color:#6b7280;font-size:13px;margin:0;line-height:1.4}.vaccine-confirm-actions{display:flex;gap:12px;margin-bottom:12px}.vaccine-confirm-actions label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;background-color:#fff;transition:all .2s ease;min-width:90px;justify-content:center}.vaccine-confirm-actions label:hover{border-color:#3b82f6;background-color:#f0f9ff}.vaccine-confirm-actions label.selected{border-color:#3b82f6;background-color:#dbeafe;color:#1e40af}.vaccine-confirm-actions input[type=radio]{margin:0;width:14px;height:14px;accent-color:#3b82f6}.radio-label{font-size:13px;font-weight:500}.vaccine-notes{margin-top:8px}.vaccine-notes input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;transition:border-color .2s ease}.vaccine-notes input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #dbeafe}.confirmation-progress{margin:16px 0;padding:12px;background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px}.progress-text{font-size:13px;font-weight:500;color:#1e40af;margin-bottom:8px;text-align:center}.progress-bar{width:100%;height:6px;background-color:#e0e7ff;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:#3b82f6;border-radius:3px;transition:width .3s ease}.loading-spinner.small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.vaccine-response{margin-top:8px}.response-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.response-badge.accepted{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.response-badge.rejected{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.response-badge.pending{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.vaccine-confirm-item.completed{background-color:#f0f9ff;border-left:3px solid #10b981;opacity:.9}.vaccine-confirm-item.completed .vaccine-confirm-info{position:relative}.submit-confirmation-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-confirmation-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.submit-confirmation-btn:active{transform:translateY(0)}.submit-confirmation-btn:disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed;transform:none}.submit-confirmation-btn:disabled:hover{background-color:#9ca3af;transform:none;box-shadow:none}.submit-confirmation-btn.loading{background-color:#6b7280}.all-confirmed-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-weight:500;text-align:center}.all-confirmed-message .success-icon{color:#10b981;font-size:16px}.all-confirmed-message p{margin:0;font-size:14px}.history-section{margin-top:24px}.vaccination-history-content{display:flex;flex-direction:column;gap:24px}.health-profile-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.health-profile-summary h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;letter-spacing:-.01em}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.profile-info-item{display:flex;flex-direction:row;gap:4px}.profile-info-item label{font-size:13px;font-weight:500;color:#6b7280}.profile-info-item span{font-size:14px;font-weight:500;color:#1f2937}.immunization-status.complete{color:#059669;background:#d1fae5;padding:2px 8px;border-radius:12px;font-size:12px;display:inline-block;max-width:70px;text-align:center}.immunization-status.incomplete{color:#dc2626;background:#fee2e2;padding:2px 8px;border-radius:12px;font-size:12px;display:inline-block}.vaccination-history-list h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;letter-spacing:-.01em}.history-items{display:flex;flex-direction:column;gap:16px}.vaccination-history-item{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;transition:border-color .2s ease}.vaccination-history-item:hover{border-color:#d1d5db}.vaccination-history-item.pending{background:#fffbeb;border-color:#fbbf24}.vaccination-history-item.completed{background:#fff;border-color:#e5e7eb}.vaccination-history-info{flex:1}.vaccination-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.vaccination-history-header h5{font-size:15px;font-weight:600;color:#1f2937;margin:0;letter-spacing:-.01em}.vaccination-type-badge{padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.vaccination-type-badge.school_plan{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.vaccination-type-badge.parent_declared{background:#fef9c3;color:#b45309;border:1px solid #fcd34d}.vaccination-type-badge.individual{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.vaccination-type-badge.campaign{background:#f3e8ff;color:#7c3aed;border:1px solid #d8b4fe}.vaccination-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;gap:8px;align-items:flex-start}.detail-item label{font-size:13px;font-weight:500;color:#6b7280;min-width:140px;flex-shrink:0}.detail-item span{font-size:13px;color:#1f2937;line-height:1.4}.detail-item span.pending-text{color:#f59e0b;font-style:italic}.next-dose-date{color:#059669;font-weight:500}.vaccination-status-indicator{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.vaccination-status-indicator .completed-icon{color:#059669;background:#d1fae5;padding:12px;border-radius:50%;font-size:16px}.vaccination-status-indicator .pending-icon{color:#f59e0b;background:#fef3c7;padding:12px;border-radius:50%;font-size:16px}.vaccination-history-rows{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.vaccination-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);box-shadow:0 1px 2px #0000000d}.vaccination-row:hover{border-color:var(--color-blue-300);background-color:var(--color-blue-50);box-shadow:0 2px 4px #3b82f61a}.vaccination-row-content,.vaccination-row-main{display:flex;align-items:center;gap:var(--space-6);flex:1}.vaccination-dose{display:flex;align-items:center;gap:var(--space-2);min-width:100px}.dose-icon{color:var(--color-blue-500);font-size:var(--text-sm)}.dose-text{font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--text-sm)}.vaccination-name{flex:1;min-width:200px}.vaccine-name{color:var(--color-gray-800);font-weight:var(--font-weight-medium);font-size:var(--text-sm);line-height:1.4}.vaccination-date{display:flex;align-items:center;gap:var(--space-2);min-width:140px}.date-icon{color:var(--color-gray-400);font-size:var(--text-xs)}.date-text{color:var(--color-gray-600);font-size:var(--text-sm)}.vaccination-type{min-width:120px}.vaccination-type-badge-small{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.vaccination-type-badge-small.parent_declared{background-color:#fff9c4;color:#fbc02d}.vaccination-type-badge-small.school_plan{background-color:#bbdefb;color:#1976d2}.vaccination-type-badge-small.individual{background-color:#c8e6c9;color:#388e3c}.vaccination-type-badge-small.campaign{background-color:#e1bee7;color:#8e24aa}.vaccination-row-status{display:flex;align-items:center;margin-right:var(--space-2)}.status-icon{font-size:var(--text-base)}.status-icon.completed{color:var(--color-green-500);color:#10b981!important}.status-icon.pending{color:var(--color-yellow-500)}.vaccination-row .arrow-icon{color:var(--color-gray-400);font-size:var(--text-sm);transition:all var(--transition)}.vaccination-row:hover .arrow-icon{color:var(--color-blue-500);transform:translate(2px)}.vaccination-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.vaccination-modal-content{background-color:#fff;border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026}.notes-section{display:flex;flex-direction:column;gap:var(--space-4)}.note-item{background-color:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-4);border-left:4px solid var(--color-blue-500)}.note-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.note-icon{color:var(--color-blue-500);font-size:var(--text-sm)}.note-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--text-sm)}.note-content{color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.5}.medical-note{background-color:var(--color-blue-50);padding:var(--space-3);border-radius:var(--radius-sm);border-left:3px solid var(--color-blue-400)}.parent-note{background-color:var(--color-green-50);padding:var(--space-3);border-radius:var(--radius-sm);border-left:3px solid var(--color-green-400)}.next-dose-date{color:var(--color-orange-600);font-weight:var(--font-weight-medium)}.pending-text{color:var(--color-yellow-600);font-style:italic}.status-badge-simple{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.status-badge-simple.success{background-color:var(--color-green-100);color:var(--color-green-700);background-color:#60ce12;color:#fff}.status-badge-simple.warning{background-color:var(--color-yellow-100);color:var(--color-yellow-700);background-color:#ffd336;color:#484b03}.status-badge-simple.error{background-color:var(--color-red-100);color:var(--color-red-700);background-color:#d95326;color:ffff}.status-badge-simple.info{background-color:var(--color-blue-100);color:var(--color-blue-700)}@media (max-width: 768px){.vaccination-row-main{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.vaccination-dose,.vaccination-name,.vaccination-date,.vaccination-type{min-width:auto;width:100%}.vaccination-row-content{gap:var(--space-3)}}@media (max-width: 480px){.vaccination-row{padding:var(--space-3)}.vaccination-modal-content{width:95%;margin:var(--space-2)}}.medical-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.medical-image-item{display:flex;flex-direction:column;gap:var(--space-2)}.image-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background-color:var(--color-gray-100);border-radius:var(--radius-md);text-align:center}.modal-image-container{position:relative;margin-top:10px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.modal-image{width:100%;max-height:400px;object-fit:contain;cursor:zoom-in;background-color:#f8f9fa;transition:transform .3s ease;display:block;border-radius:8px}.modal-image:hover{transform:scale(1.05)}.incident-image-zoom-hint{position:absolute;bottom:10px;right:10px;background:#00000080;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:5px}.incident-zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999999999;padding:20px;animation:incidentFadeIn .3s ease-in-out}@keyframes incidentFadeIn{0%{opacity:0}to{opacity:1}}.incident-zoomed-image{width:650px;height:600px;object-fit:contain;border-radius:8px;background-color:#fff;box-shadow:0 4px 20px #00000040;animation:incidentZoomIn .3s ease-in-out}@keyframes incidentZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.incident-zoom-close-btn{position:absolute;top:20px;right:20px;background:#fff;color:#333;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 10px #0003;font-size:20px;transition:all .2s ease}.incident-zoom-close-btn:hover{background-color:#f8f9fa;transform:scale(1.05)}@media (max-width: 768px){.medical-images-grid{grid-template-columns:1fr;gap:var(--space-3)}.modal-image{max-height:250px}}.image-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#000000e6!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999999!important;padding:20px!important;cursor:pointer!important;animation:fadeIn .3s ease-out}.image-modal .modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent}.image-modal .modal-content{position:relative;max-width:90%;max-height:90%;z-index:999999999;pointer-events:none}.image-modal .modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080;animation:zoomIn .4s ease-out;pointer-events:none}.image-modal .modal-close{position:absolute;top:-50px;right:-50px;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:18px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.image-modal .modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.image-modal .image-error{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;padding:20px}body:has(.image-modal) .parent-header,body:has(.image-modal) .fix-parent-header,body:has(.image-modal) header,.simple-parent-layout:has(.image-modal) .parent-header{z-index:-999999!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-200px)!important}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}body.modal-open .parent-header,body.modal-open .fix-parent-header,body.modal-open header,.modal-open .parent-header,.modal-open .fix-parent-header,.modal-open header{z-index:-999999!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-200px)!important}.vaccination-section{margin-top:var(--space-6);padding:var(--space-6);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.vaccination-section h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-4) 0;text-align:center;border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-3)}.vaccination-list{display:flex;flex-direction:column;gap:var(--space-4)}.vaccination-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition);position:relative;overflow:hidden}.vaccination-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.vaccination-item:hover{background:var(--color-white);border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.vaccination-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.vaccine-name-primary{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.3;flex:1;min-width:200px}.dose-info{background:var(--color-primary);color:var(--color-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.vaccination-details{display:flex;flex-direction:column;gap:var(--space-3)}.vaccination-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.status-completed{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-green-100);color:var(--color-green-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border:1px solid var(--color-green-200)}.status-pending{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-yellow-100);color:var(--color-yellow-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border:1px solid var(--color-yellow-200)}.vaccination-date{color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.next-dose-date{color:var(--color-orange-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-style:italic}.vaccination-location{color:var(--color-gray-700);font-size:var(--text-sm);margin-bottom:var(--space-2)}.vaccination-location strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.vaccination-notes{color:var(--color-gray-600);font-size:var(--text-sm);line-height:1.5;background:var(--color-blue-50);padding:var(--space-3);border-radius:var(--radius-sm);border-left:3px solid var(--color-blue-400)}.vaccination-notes strong{color:var(--color-blue-700);font-weight:var(--font-weight-semibold)}.next-dose{color:var(--color-purple-700);font-size:var(--text-sm);background:var(--color-purple-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-left:3px solid var(--color-purple-400)}.next-dose strong{color:var(--color-purple-800);font-weight:var(--font-weight-semibold)}.vaccination-type-badge{margin-top:var(--space-2)}.vaccination-type-badge span{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.vaccination-type-badge .type-school_plan{background-color:#bbdefb;color:#1976d2}.vaccination-type-badge .type-parent_declared{background-color:#fff9c4;color:#fbc02d}.vaccination-type-badge .type-individual{background-color:#c8e6c9;color:#388e3c}.vaccination-type-badge .type-campaign{background-color:#e1bee7;color:#8e24aa}@media (max-width: 768px){.vaccination-section{padding:var(--space-4)}.vaccination-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.vaccine-name-primary{font-size:var(--text-base);min-width:auto}.dose-info{align-self:flex-start;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.vaccination-status{flex-direction:column;align-items:flex-start}.vaccination-location,.vaccination-notes,.next-dose{font-size:var(--text-xs);padding:var(--space-2)}}@media (max-width: 480px){.vaccination-item{padding:var(--space-3)}.vaccine-name-primary{font-size:var(--text-sm);line-height:1.4}.vaccination-details{gap:var(--space-2)}}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.pagination-info{color:var(--color-gray-600);font-size:.875rem;text-align:center}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-gray-300);background:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.pagination-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-100);color:var(--color-gray-400)}.pagination-pages{display:flex;gap:var(--space-1)}.pagination-page{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-gray-300);background:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.pagination-page:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.pagination-page.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.pagination-page.active:hover{background:var(--color-primary-dark);transform:translateY(-1px)}@media (max-width: 768px){.pagination-container{padding:var(--space-2)}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-pages{max-width:100%;overflow-x:auto;padding:var(--space-1)}.pagination-btn,.pagination-page{width:36px;height:36px;font-size:.8rem}}@media (max-width: 480px){.pagination-info{font-size:.8rem;margin-bottom:var(--space-2)}.pagination-controls{flex-direction:column;gap:var(--space-2)}.pagination-pages{justify-content:center;gap:6px}}.vaccination-notification-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000026;z-index:9999;display:flex;align-items:center;justify-content:center}.vaccination-notification-modal{background:#fff;border-radius:12px;box-shadow:0 4px 32px #0000002e;padding:32px 28px 24px;min-width:320px;max-width:90vw;text-align:center;position:relative;animation:fadeIn .2s}.vaccination-notification-success{border-left:6px solid #4caf50}.vaccination-notification-error{border-left:6px solid #f44336}.vaccination-notification-icon{margin-bottom:12px}.vaccination-notification-content h3{font-size:1.25rem;margin-bottom:8px;color:#222}.vaccination-notification-content p{font-size:1rem;color:#444;margin-bottom:0}.vaccination-notification-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s}.vaccination-notification-close:hover{background:#f2f2f2}.vaccination-notification-progress{height:3px;width:100%;background:linear-gradient(90deg,#4caf50,#f44336);border-radius:2px;margin:16px 0 0;animation:notificationProgress 3s linear forwards}@keyframes notificationProgress{0%{width:0}to{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#000000bf;animation:fadeIn .2s ease-out}.image-modal .modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent}.image-modal .modal-content{position:relative;background:var(--color-white);border-radius:var(--radius-lg);max-width:90%;max-height:90%;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.image-modal .modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:#000000b3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-white);z-index:10;transition:all var(--transition)}.image-modal .modal-close:hover{background:#000000e6;transform:scale(1.1)}.image-modal .modal-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-modal .image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-gray-500)}.image-modal .image-error svg{font-size:var(--text-3xl);margin-bottom:var(--space-4)}@media print{.medical-header,.print-section,.tab-navigation,.back-btn,.refresh-btn,.modal-close{display:none!important}.medical-container{background:#fff!important}.content-section,.chonhocsinhtabparent,.stat-card,.info-card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid}body{font-size:12px!important;color:#000!important}h1,h2,h3,h4,h5,h6{color:#000!important}}.community-container{max-width:1200px;margin:0 auto;padding:30px 15px;display:grid;grid-template-columns:1fr 300px;grid-template-areas:"header header" "filter filter" "posts sidebar";gap:25px;font-family:Be Vietnam Pro,sans-serif;background-color:#fff;min-height:100vh}.community-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:linear-gradient(135deg,#015c92,#2d82b5,#428cd4 60%,#88cdf6);padding:30px;border-radius:12px;color:#fff;box-shadow:0 8px 16px #015c924d;position:relative;overflow:hidden;z-index:1;border:none}.community-header:after{content:"";position:absolute;bottom:0;right:0;width:200px;height:200px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="rgba(255,255,255,0.1)" d="M42.7,-65.1C53.2,-52.6,58.1,-37.6,65.3,-22.6C72.6,-7.7,82.2,7.1,79.4,19.5C76.6,31.9,61.4,41.8,47.4,49.7C33.4,57.6,20.7,63.5,5.5,67.5C-9.7,71.4,-27.4,73.5,-41.7,66.9C-56,60.2,-66.8,44.8,-71.1,28.6C-75.4,12.4,-73.1,-4.7,-69.6,-22.7C-66,-40.7,-61.3,-59.5,-48.9,-71.4C-36.6,-83.4,-18.3,-88.4,-1.1,-86.9C16.1,-85.3,32.2,-77.1,42.7,-65.1Z" transform="translate(100 100)" /></svg>');background-repeat:no-repeat;background-size:contain;opacity:.2;transform:rotate(45deg);z-index:0}.community-title{position:relative;z-index:1}.community-title h1{font-size:2.2rem;color:#fff;margin:0 0 8px;font-weight:700;font-family:Be Vietnam Pro,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.community-title p{color:#ffffffe6;font-size:1.1rem;margin:0;font-family:Be Vietnam Pro,sans-serif}.create-post-btn{background:linear-gradient(135deg,#88cdf6,#bce6ff);color:#015c92;border:none;padding:12px 20px;border-radius:12px;font-size:.95rem;font-weight:600;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;box-shadow:0 4px 10px #88cdf666;font-family:Be Vietnam Pro,sans-serif}.create-post-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000026}.create-post-btn i{margin-right:8px;font-size:1.1rem}.community-actions{display:flex;align-items:center;gap:12px}.refresh-posts-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:600;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;font-family:Be Vietnam Pro,sans-serif;gap:8px}.refresh-posts-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.refresh-posts-btn:disabled{opacity:.6;cursor:not-allowed}.community-filter-bar{grid-area:filter;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-white);border-radius:var(--border-radius);padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow);position:sticky;top:10px;z-index:100;flex-wrap:wrap;gap:10px}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bbb transparent;padding-bottom:4px}.filter-tabs::-webkit-scrollbar{height:4px}.filter-tabs::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:4px}.filter-tab{background:none;border:1px solid var(--border-light);border-radius:20px;padding:8px 16px;color:var(--text-medium);font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;font-family:Be Vietnam Pro,sans-serif;white-space:nowrap}.filter-tab i{margin-right:8px;font-size:.9rem}.filter-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:500;box-shadow:0 2px 6px #2563eb33}.filter-tab:hover:not(.active){background-color:#f1f5f9;border-color:var(--primary-color);color:var(--primary-color)}.search-bar{position:relative;min-width:200px;flex:1;max-width:400px}.search-results-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#495057;font-size:14px}.search-results-info p{margin:0}.search-results-info strong{color:#015c92;font-weight:600}.posts-section{grid-area:posts}.posts-list{display:flex;flex-direction:column;gap:20px}.post-card{background-color:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-light);position:relative;transition:all .3s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.post-card.pinned{border-left:4px solid var(--primary-color)}.pin-indicator{position:absolute;top:8px;right:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #2563eb4d;z-index:3;font-family:Be Vietnam Pro,sans-serif}.pin-indicator.official{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d}.pin-indicator.personal{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.bookmark-indicator.personal{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #f59e0b4d;z-index:2;font-family:Be Vietnam Pro,sans-serif}.post-card.bookmarked-post{border-left:4px solid #f59e0b;box-shadow:0 2px 8px #f59e0b1a}.post-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.post-author{display:flex;align-items:center}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.parent-icon{background:linear-gradient(135deg,#4e54c8,#8f94fb)}.default-icon{background:linear-gradient(135deg,#7f7fd5,#86a8e7)}.author-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:18px}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:var(--text-dark);margin-bottom:3px;display:flex;align-items:center;gap:8px;font-family:Be Vietnam Pro,sans-serif}.author-badge{font-size:11px;padding:2px 8px;border-radius:12px;margin-left:8px;display:inline-flex;align-items:center;gap:4px}.author-badge.parent{background-color:#4e54c8;color:#fff;font-size:11px;padding:2px 8px;border-radius:12px;margin-left:8px;display:inline-flex;align-items:center;gap:4px}.author-badge.nurse{background-color:#00b09b;color:#fff}.author-badge.admin{background-color:#ff6b6b;color:#fff;font-size:11px;padding:2px 8px;border-radius:12px;margin-left:8px;display:inline-flex;align-items:center;gap:4px}.post-time{font-size:.8rem;color:var(--text-light);font-family:Be Vietnam Pro,sans-serif}.post-category{font-size:.85rem;padding:6px 12px;background-color:#f7fafc;border-radius:var(--border-radius);color:var(--text-medium);display:flex;align-items:center;gap:6px;font-family:Be Vietnam Pro,sans-serif;margin-right:120px}.post-content{padding:20px}.post-title{margin:0 0 12px;font-size:1.2rem;line-height:1.4;font-family:Be Vietnam Pro,sans-serif}.post-title a{color:var(--text-dark);text-decoration:none;transition:color .2s}.post-title a:hover{color:var(--primary-color)}.post-excerpt{color:var(--text-medium);margin:0;line-height:1.6;font-size:.95rem;font-family:Be Vietnam Pro,sans-serif}.post-footer{padding:12px 20px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:#fafafa}.post-stats{display:flex;gap:15px;font-size:.9rem;color:var(--text-medium);align-items:center}.like-btn,.comments-btn,.bookmark-btn{background:none;border:none;padding:6px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-medium);transition:all .2s;text-decoration:none;font-family:Be Vietnam Pro,sans-serif;font-size:.9rem}.like-btn:hover,.comments-btn:hover{background-color:#f443361a;color:#f44336}.like-btn.liked{color:#f44336;background-color:#f4433614;font-weight:500}.like-btn.liked i{color:#f44336;animation:heartBeat .4s ease-in-out}.like-btn.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.like-btn:disabled{opacity:.6;cursor:not-allowed}.like-btn .fa-spinner{color:#f44336}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.read-more-btn{color:var(--primary-color);text-decoration:none;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;font-family:Be Vietnam Pro,sans-serif;transition:all .2s}.read-more-btn:hover{text-decoration:underline;transform:translate(4px)}.community-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:25px}.sidebar-section{background-color:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-light)}.sidebar-section h3{padding:15px;margin:0;font-size:1.1rem;background-color:#f8fafc;color:var(--text-dark);border-bottom:1px solid var(--border-light);font-family:Be Vietnam Pro,sans-serif;font-weight:600}.topic-list,.rules-list{list-style-type:none;padding:0;margin:0}.topic-list li,.rules-list li{padding:10px 15px;border-bottom:1px solid var(--border-light)}.topic-list li:last-child,.rules-list li:last-child{border-bottom:none}.topic-link{display:flex;align-items:center;gap:10px;background:none;border:none;padding:8px 0;color:var(--text-medium);font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif;width:100%}.topic-link:hover{color:var(--primary-color);transform:translate(5px)}.topic-link.active{color:var(--primary-color);font-weight:600}.topic-link i{width:20px;text-align:center;font-size:.95rem}.rules-list li{color:var(--text-medium);font-size:.95rem;line-height:1.5;font-family:Be Vietnam Pro,sans-serif}.nurse-contact{padding:15px}.nurse-info{display:flex;align-items:center;margin-bottom:15px}.nurse-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:12px;border:2px solid var(--border-light)}.nurse-avatar-container{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#00b09b,#96c93d);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.nurse-name{font-weight:600;color:var(--text-dark);margin-bottom:3px;font-family:Be Vietnam Pro,sans-serif}.nurse-title{font-size:.85rem;color:var(--text-light);font-family:Be Vietnam Pro,sans-serif}.contact-btn{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;padding:10px;border-radius:var(--border-radius);text-decoration:none;margin-bottom:10px;font-size:.95rem;font-weight:500;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.contact-btn:last-child{margin-bottom:0}.contact-btn i{margin-right:8px}.contact-btn{background-color:var(--primary-color);color:#fff}.contact-btn.message{background-color:#e3f2fd;color:var(--primary-color)}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.empty-posts{text-align:center;padding:50px 20px;color:var(--text-medium);background-color:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow)}.empty-posts i{font-size:48px;opacity:.3;margin-bottom:15px;color:var(--text-light)}.empty-posts p{font-size:1.1rem;margin:0 0 20px;color:var(--text-medium);font-family:Be Vietnam Pro,sans-serif}.reset-filters-btn{background-color:#edf2f7;color:var(--text-medium);border:none;padding:10px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;margin:15px auto 0;font-family:Be Vietnam Pro,sans-serif;transition:all .2s}.reset-filters-btn:hover{background-color:#e2e8f0;color:var(--text-dark)}.create-post-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-post-container{background-color:var(--bg-white);width:100%;max-width:700px;border-radius:var(--border-radius);overflow:hidden;position:relative;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0003;animation:slideUp .4s ease;border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-light)}.modal-header h2{margin:0;font-size:1.4rem;color:var(--text-dark);font-family:Be Vietnam Pro,sans-serif;font-weight:600}.close-modal-btn{background:none;border:none;font-size:1.4rem;color:var(--text-light);cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-modal-btn:hover{background-color:#f5f5f5;color:var(--text-dark)}.create-post-form{padding:24px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark);font-family:Be Vietnam Pro,sans-serif}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:.95rem;font-family:Be Vietnam Pro,sans-serif;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb26}.help-text{display:block;font-size:.85rem;color:var(--text-light);margin-top:6px;font-family:Be Vietnam Pro,sans-serif}.file-upload-container{position:relative;margin-bottom:8px}.file-upload-container input[type=file]{opacity:0;position:absolute;top:0;left:0;width:0;height:0}.file-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f5f5f5;border-radius:var(--border-radius);cursor:pointer;color:var(--text-medium);transition:all .2s;font-family:Be Vietnam Pro,sans-serif;font-size:.95rem}.file-upload-btn:hover{background-color:#e2e8f0;color:var(--text-dark)}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.form-actions button{padding:10px 20px;border-radius:var(--border-radius);font-size:.95rem;cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.cancel-btn{background:none;border:1px solid var(--border-light);color:var(--text-medium)}.cancel-btn:hover{background-color:#f7fafc;color:var(--text-dark)}.submit-btn{background-color:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;gap:8px}.submit-btn:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.submit-btn:disabled{background-color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.pagination{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:16px}.pagination-btn{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-medium);cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.pagination-btn:hover:not(:disabled){background-color:#f5f5f5;color:var(--text-dark);border-color:var(--text-medium)}.page-info{font-size:.95rem;color:var(--text-medium);font-family:Be Vietnam Pro,sans-serif}.parent-pagination-controls{display:flex;justify-content:center;align-items:center;margin:40px auto;gap:20px;padding:20px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(1,92,146,.1);grid-column:1 / -1;width:100%;max-width:600px}.parent-pagination-btn{background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;border:none;border-radius:25px;padding:12px 20px;display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Be Vietnam Pro,sans-serif;box-shadow:0 4px 15px #015c924d}.parent-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d82b5,#428cd4);transform:translateY(-2px);box-shadow:0 6px 20px #015c9266}.parent-pagination-btn:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.parent-pagination-info{font-size:1rem;color:#374151;font-weight:600;font-family:Be Vietnam Pro,sans-serif;padding:10px 20px;background:#015c921a;border-radius:20px;border:1px solid rgba(1,92,146,.2)}@media (max-width: 768px){.parent-pagination-controls{margin:30px auto;padding:15px;gap:15px;max-width:90%}.parent-pagination-btn{padding:10px 16px;font-size:.9rem}.parent-pagination-info{font-size:.9rem;padding:8px 16px}}@media (max-width: 480px){.parent-pagination-controls{flex-direction:column;gap:12px;margin:20px auto;padding:12px;max-width:95%}.parent-pagination-btn{width:100%;justify-content:center;padding:12px 20px}.parent-pagination-info{order:-1;text-align:center;width:100%}}.bookmark-btn{background:none;border:none;padding:6px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-medium);transition:all .2s;font-family:Be Vietnam Pro,sans-serif;font-size:.9rem}.bookmark-btn:hover{background-color:#f59e0b1a;color:#f59e0b}.bookmark-btn.bookmarked{color:#f59e0b;background-color:#f59e0b14}.bookmark-btn.bookmarked i{color:#f59e0b;animation:bookmarkPulse .4s ease-in-out}@keyframes bookmarkPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.parent-community-post-container{max-width:100%;margin:0 auto;padding:30px 15px;font-family:Be Vietnam Pro,sans-serif;min-height:100vh}.parent-post-navigation{margin-bottom:24px}.parent-back-link{color:#fff;text-decoration:none;display:inline-flex;align-items:center;font-size:.95rem;transition:all .3s ease;font-weight:500;font-family:Be Vietnam Pro,sans-serif;padding:12px 20px;border-radius:25px;background:linear-gradient(135deg,#88cdf6,#bce6ff);color:#015c92;border:1px solid rgba(136,205,246,.3);box-shadow:0 4px 15px #88cdf666}.parent-back-link i{margin-right:8px;font-size:1rem}.parent-back-link:hover{background:linear-gradient(135deg,#bce6ff,#88cdf6);transform:translate(-4px) translateY(-2px);box-shadow:0 6px 20px #88cdf699;color:#015c92}.parent-post-content-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:30px;padding:35px;transition:all .3s ease}.parent-post-content-container:hover{transform:translateY(-2px);box-shadow:0 15px 50px #00000026}.parent-post-header{margin-bottom:30px;border-bottom:2px solid rgba(1,92,146,.1);padding-bottom:25px}.parent-post-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:25px}.parent-post-category{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:25px;background:linear-gradient(135deg,#015c92,#2d82b5);color:#fff;font-size:.9rem;font-weight:600;font-family:Be Vietnam Pro,sans-serif;box-shadow:0 4px 15px #015c924d;transition:all .3s ease}.parent-post-category:hover{transform:translateY(-2px);box-shadow:0 6px 20px #015c9266}.parent-post-time{font-size:.9rem;color:#6b7280;font-family:Be Vietnam Pro,sans-serif;background:#6b72801a;padding:6px 12px;border-radius:15px}.parent-post-title{margin:0 0 28px;font-size:2.2rem;line-height:1.3;color:#1f2937;font-family:Be Vietnam Pro,sans-serif;font-weight:700;background:linear-gradient(135deg,#015c92,#428cd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.parent-post-author{display:flex;align-items:center;gap:15px}.parent-author-info{flex:1}.parent-author-name{font-weight:600;font-size:1.1rem;color:#1f2937;display:flex;align-items:center;gap:10px;font-family:Be Vietnam Pro,sans-serif}.parent-author-badge{font-size:.8rem;padding:4px 12px;border-radius:15px;font-weight:500;display:inline-flex;align-items:center;gap:4px;font-family:Be Vietnam Pro,sans-serif;box-shadow:0 2px 8px #0000001a}.parent-author-badge.nurse{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.parent-author-badge.parent{background:linear-gradient(135deg,#015c92,#428cd4);color:#fff}.parent-post-content{margin-bottom:35px;font-size:1.1rem;line-height:1.8;color:#374151;font-family:Be Vietnam Pro,sans-serif;background:#ffffffb3;padding:25px;border-radius:15px;border:1px solid rgba(1,92,146,.1)}.parent-post-content h3{color:#1f2937;margin-top:30px;margin-bottom:15px;font-size:1.5rem;font-family:Be Vietnam Pro,sans-serif;font-weight:600;background:linear-gradient(135deg,#015c92,#428cd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.parent-post-content p{margin-bottom:18px}.parent-post-content ul,.parent-post-content ol{margin-bottom:18px;padding-left:28px}.parent-post-content li{margin-bottom:10px}.parent-post-content img{max-width:100%;height:auto;border-radius:12px;margin:25px 0;box-shadow:0 8px 25px #0000001a}.parent-post-content a{color:#015c92;text-decoration:none;font-weight:500;transition:all .3s ease}.parent-post-content a:hover{color:#428cd4;text-decoration:underline}.parent-post-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.parent-post-tag{background:linear-gradient(135deg,#015c921a,#428cd41a);color:#015c92;font-size:.85rem;padding:8px 16px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;font-family:Be Vietnam Pro,sans-serif;border:1px solid rgba(1,92,146,.2);font-weight:500}.parent-post-tag:hover{background:linear-gradient(135deg,#015c9233,#428cd433);transform:translateY(-3px);box-shadow:0 4px 15px #015c9233}.parent-post-actions{display:flex;border-top:2px solid rgba(1,92,146,.1);padding-top:25px;gap:15px;justify-content:center}.parent-post-actions button{background:#fffc;border:1px solid rgba(1,92,146,.2);font-size:.95rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;padding:12px 20px;border-radius:25px;transition:all .3s ease;font-family:Be Vietnam Pro,sans-serif;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000000d}.parent-post-actions button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.parent-post-actions button i{margin-right:8px;font-size:1.1rem}.parent-like-button:hover{background:linear-gradient(135deg,#f443361a,#f4433633);color:#f44336;border-color:#f44336}.parent-share-button:hover{background:linear-gradient(135deg,#015c921a,#428cd433);color:#015c92;border-color:#015c92}.parent-report-button:hover{background:linear-gradient(135deg,#ff98001a,#ff980033);color:#ff9800;border-color:#ff9800}.parent-like-button.liked{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;border-color:#f44336;box-shadow:0 6px 20px #f443364d}.parent-like-button.liked i{color:#fff;animation:parentHeartBeat .6s ease-in-out}@keyframes parentHeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.4)}75%{transform:scale(1.2)}to{transform:scale(1)}}.parent-comments-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px 35px;box-shadow:0 10px 40px #0000001a;margin-bottom:30px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.parent-comments-section:hover{transform:translateY(-2px);box-shadow:0 15px 50px #00000026}.parent-comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid rgba(1,92,146,.1)}.parent-comments-header h3{font-size:1.5rem;margin:0;color:#1f2937;font-family:Be Vietnam Pro,sans-serif;font-weight:700;background:linear-gradient(135deg,#015c92,#428cd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.parent-comments-filter{display:flex;align-items:center;gap:12px}.parent-comments-filter label{color:#6b7280;font-size:.95rem;font-family:Be Vietnam Pro,sans-serif;font-weight:500}.parent-comments-filter select{padding:10px 16px;border:1px solid rgba(1,92,146,.2);border-radius:15px;font-size:.95rem;font-family:Be Vietnam Pro,sans-serif;color:#374151;background:#fffc;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parent-comments-filter select:focus{outline:none;border-color:#015c92;box-shadow:0 0 0 3px #015c9226;background:#fff}.parent-comment-form{margin-bottom:35px;border:1px solid rgba(1,92,146,.2);border-radius:20px;padding:25px;background:linear-gradient(135deg,#015c920d,#428cd40d);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parent-comment-form:focus-within{border-color:#015c92;box-shadow:0 0 0 3px #015c9226;background:#ffffffe6;transform:translateY(-2px)}.parent-comment-form textarea{width:100%;height:120px;padding:18px;border:1px solid rgba(1,92,146,.2);border-radius:15px;resize:vertical;font-size:1rem;font-family:Be Vietnam Pro,sans-serif;margin-bottom:20px;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parent-comment-form textarea:focus{outline:none;border-color:#015c92;box-shadow:0 0 0 3px #015c921a;background:#fff}.parent-comment-submit-btn{float:right;padding:12px 24px;background:linear-gradient(135deg,#015c92,#2d82b5);border:none;border-radius:25px;color:#fff;font-size:.95rem;font-weight:600;font-family:Be Vietnam Pro,sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #015c924d}.parent-comment-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d82b5,#428cd4);transform:translateY(-3px);box-shadow:0 6px 20px #015c9266}.parent-comment-submit-btn:disabled{background:linear-gradient(135deg,#a0aec0,#cbd5e0);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.parent-loading-comments{text-align:center;padding:40px;color:#6b7280;font-size:1.1rem;font-family:Be Vietnam Pro,sans-serif;background:#667eea0d;border-radius:15px;margin:20px 0}.parent-loading-comments i{margin-right:12px;animation:parentSpin 1s linear infinite;color:#015c92;font-size:1.2rem}@keyframes parentSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.parent-no-comments{text-align:center;padding:50px 20px;color:#6b7280;background:linear-gradient(135deg,#015c920d,#428cd40d);border-radius:20px;margin:20px 0}.parent-no-comments i{font-size:3.5rem;margin-bottom:20px;opacity:.6;color:#015c92}.parent-no-comments p{font-size:1.1rem;margin:0;font-family:Be Vietnam Pro,sans-serif;color:#374151;font-weight:500}.parent-comments-list{display:flex;flex-direction:column;gap:25px}.parent-comment-item{background:#fffc;border:1px solid rgba(1,92,146,.15);border-radius:18px;padding:25px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000000d}.parent-comment-item:hover{background:#fffffff2;border-color:#015c924d;transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.parent-comment-header{margin-bottom:15px;display:flex;justify-content:space-between;align-items:flex-start}.parent-comment-author{display:flex;align-items:center;gap:15px}.parent-comment-author-info{flex:1}.parent-comment-author-name{font-weight:600;color:#1f2937;font-family:Be Vietnam Pro,sans-serif;display:flex;align-items:center;gap:10px;font-size:1.05rem}.parent-comment-time{font-size:.85rem;color:#6b7280;margin-top:4px;font-family:Be Vietnam Pro,sans-serif}.parent-comment-content{font-size:1rem;line-height:1.7;color:#374151;margin-bottom:15px;padding:8px 0;font-family:Be Vietnam Pro,sans-serif}.parent-author-icon,.parent-comment-author-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:20px;flex-shrink:0;box-shadow:0 4px 15px #0003;transition:all .3s ease}.parent-author-icon:hover,.parent-comment-author-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.parent-icon{background:linear-gradient(135deg,#015c92,#428cd4)}.nurse-icon{background:linear-gradient(135deg,#00b09b,#96c93d)}.default-icon{background:linear-gradient(135deg,#2d82b5,#88cdf6)}.comment-actions{display:flex;gap:16px}.comment-like-btn,.comment-reply-btn{background:none;border:none;color:var(--text-medium);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;font-family:Be Vietnam Pro,sans-serif;padding:4px 8px;border-radius:4px}.comment-like-btn:hover{color:#f44336;background-color:#f4433614}.comment-reply-btn:hover{color:#2196f3;background-color:#2196f314}.empty-comments{text-align:center;padding:40px 0;color:var(--text-light)}.empty-comments i{font-size:3rem;margin-bottom:16px;color:#bdbdbd}.empty-comments p{font-size:1.1rem;margin:0;font-family:Be Vietnam Pro,sans-serif;color:var(--text-medium)}.comment-pagination{display:flex;justify-content:center;align-items:center;margin-top:24px;padding:16px 0}.pagination-btn{background:none;border:1px solid var(--border-light);border-radius:var(--border-radius);padding:8px 16px;color:var(--text-dark);font-size:.95rem;font-family:Be Vietnam Pro,sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:var(--text-medium)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{margin:0 16px;font-size:.95rem;color:var(--text-medium);font-family:Be Vietnam Pro,sans-serif}.related-posts-section{background-color:var(--bg-white);border-radius:var(--border-radius);padding:24px 30px;box-shadow:var(--shadow);border:1px solid var(--border-light)}.related-posts-section h3{margin:0 0 20px;font-size:1.4rem;color:var(--text-dark);font-family:Be Vietnam Pro,sans-serif;font-weight:600}.related-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.related-post-card{background-color:#f9f9f9;border:1px solid var(--border-light);border-radius:var(--border-radius);padding:16px;transition:all .3s}.related-post-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001a;background-color:#fff}.related-post-category{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-medium);margin-bottom:12px;font-family:Be Vietnam Pro,sans-serif}.related-post-card h4{margin:0 0 12px;font-size:1.05rem;line-height:1.4;font-family:Be Vietnam Pro,sans-serif}.related-post-card h4 a{color:var(--text-dark);text-decoration:none;transition:color .2s}.related-post-card h4 a:hover{color:var(--primary-color)}.related-post-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-family:Be Vietnam Pro,sans-serif}.related-author-icon{width:30px;height:30px;font-size:14px;margin-right:8px}.error-container{background-color:var(--bg-white);border-radius:var(--border-radius);padding:40px;text-align:center;box-shadow:var(--shadow);margin:40px auto;max-width:600px;border:1px solid var(--border-light)}.error-container h2{margin:0 0 24px;font-size:1.8rem;color:#d32f2f;font-family:Be Vietnam Pro,sans-serif;font-weight:600}.error-container .back-link{display:inline-flex;margin-top:16px}@media (max-width: 768px){.parent-community-post-container{padding:20px 12px}.parent-post-content-container,.parent-comments-section{padding:25px 20px}.parent-post-title{font-size:1.8rem}.parent-post-meta{flex-direction:column;align-items:flex-start;gap:12px}.parent-comments-header{flex-direction:column;align-items:flex-start;gap:15px}.parent-post-actions{justify-content:space-between;flex-wrap:wrap;gap:12px}.parent-post-actions button{padding:10px 16px;font-size:.9rem}.parent-post-actions button span{font-size:.85rem}.parent-author-icon,.parent-comment-author-icon{width:40px;height:40px;font-size:18px}}@media (max-width: 480px){.parent-post-content-container,.parent-comments-section{padding:20px 16px}.parent-post-title{font-size:1.5rem}.parent-comment-form textarea{height:100px}.parent-comment-submit-btn{padding:10px 18px;font-size:.9rem;width:100%;justify-content:center}.parent-comments-filter{width:100%;justify-content:space-between}.parent-post-actions{flex-direction:row;justify-content:space-around;width:100%}.parent-post-actions button{flex:1;justify-content:center;padding:12px 8px}.parent-post-actions button span{display:none}.parent-author-icon,.parent-comment-author-icon{width:35px;height:35px;font-size:16px}.parent-comment-item{padding:20px 16px}}.parent-error-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:50px 40px;text-align:center;box-shadow:0 10px 40px #0000001a;margin:40px auto;max-width:600px;border:1px solid rgba(255,255,255,.3)}.parent-error-container h2{margin:0 0 30px;font-size:2rem;color:#ef4444;font-family:Be Vietnam Pro,sans-serif;font-weight:700;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.parent-error-container .parent-back-link{display:inline-flex;margin-top:20px}.parent-edited-indicator{font-style:italic;color:#9ca3af;font-size:12px}.parent-community-post-container *{transition:all .3s ease}.parent-comment-form textarea::-webkit-scrollbar,.parent-comments-section::-webkit-scrollbar{width:8px}.parent-comment-form textarea::-webkit-scrollbar-track,.parent-comments-section::-webkit-scrollbar-track{background:#015c921a;border-radius:10px}.parent-comment-form textarea::-webkit-scrollbar-thumb,.parent-comments-section::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#015c92,#428cd4);border-radius:10px}.parent-comment-form textarea::-webkit-scrollbar-thumb:hover,.parent-comments-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2d82b5,#88cdf6)}.parent-post-actions button:focus,.parent-comment-submit-btn:focus,.parent-comments-filter select:focus{outline:2px solid #015C92;outline-offset:2px}@keyframes parentPulse{0%,to{opacity:1}50%{opacity:.5}}.parent-loading-comments{animation:parentPulse 2s infinite}.comment-author{display:flex;align-items:center}.comment-author-info{flex:1}.related-post-author{display:flex;align-items:center}.comment-actions-menu{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.comment-item:hover .comment-actions-menu{opacity:1}.edit-comment-btn,.delete-comment-btn{background:none;border:none;padding:6px;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;transition:all .2s ease}.edit-comment-btn:hover{background:#f3f4f6;color:#3b82f6}.delete-comment-btn:hover{background:#fef2f2;color:#ef4444}.edit-comment-form{margin-top:12px}.edit-comment-textarea{width:100%;min-height:80px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:12px}.edit-comment-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-comment-actions{display:flex;gap:8px}.save-edit-btn,.cancel-edit-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-edit-btn{background:#3b82f6;color:#fff}.save-edit-btn:hover{background:#2563eb}.cancel-edit-btn{background:#f3f4f6;color:#6b7280}.cancel-edit-btn:hover{background:#e5e7eb;color:#374151}.comment-actions{display:flex;align-items:center;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.comment-like-btn,.reply-btn,.show-replies-btn{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;transition:all .2s ease}.comment-like-btn:hover,.reply-btn:hover,.show-replies-btn:hover{background:#f3f4f6;color:#374151}.comment-like-btn.liked{color:#ef4444}.comment-like-btn.liked:hover{color:#dc2626}.reply-form{margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.reply-textarea{width:100%;min-height:80px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:12px;background:#fff}.reply-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reply-actions{display:flex;gap:8px}.submit-reply-btn,.cancel-reply-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-reply-btn{background:#3b82f6;color:#fff}.submit-reply-btn:hover:not(:disabled){background:#2563eb}.submit-reply-btn:disabled{background:#9ca3af;cursor:not-allowed}.cancel-reply-btn{background:#f3f4f6;color:#6b7280}.cancel-reply-btn:hover{background:#e5e7eb;color:#374151}.replies-list{margin-top:16px;margin-left:24px;border-left:2px solid #e5e7eb;padding-left:16px}.reply-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px}.reply-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reply-author{display:flex;align-items:center;gap:12px}.reply-author-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.reply-author-info{display:flex;flex-direction:column;gap:4px}.reply-author-name{font-weight:600;color:#374151;font-size:14px;display:flex;align-items:center;gap:8px}.reply-time{font-size:12px;color:#6b7280}.reply-content{margin:12px 0;color:#374151;line-height:1.6}.reply-content p{margin:0}.reply-actions{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.reply-like-btn{background:none;border:none;color:#6b7280;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.reply-like-btn:hover{background:#f3f4f6;color:#374151}.reply-like-btn.liked{color:#ef4444}.reply-like-btn.liked:hover{color:#dc2626}.no-comments{text-align:center;padding:40px 20px;color:#6b7280}.no-comments i{font-size:48px;margin-bottom:16px;opacity:.5}.no-comments p{font-size:16px;margin:0}.loading-comments{display:flex;justify-content:center;align-items:center;padding:40px 20px}.edited-indicator{font-style:italic;color:#9ca3af;font-size:12px}@media (max-width: 768px){.comment-actions{flex-wrap:wrap;gap:12px}.replies-list{margin-left:12px;padding-left:12px}.reply-item{padding:12px}.comment-actions-menu{opacity:1}}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;overflow-x:hidden;position:relative}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input{font-size:16px}}:focus{outline:0}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{-webkit-overflow-scrolling:touch}html{-webkit-text-size-adjust:100%}.clearfix:after{content:"";display:table;clear:both}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}:root{--ns-admin: "admin";--ns-nurse: "nurse";--ns-parent: "parent";--ns-shared: "shared"}body{position:relative!important;overflow-x:hidden;scroll-behavior:auto;margin:0;padding:0}.simple-parent-layout{scroll-behavior:auto!important}.simple-parent-layout body{padding-top:0!important}:root{--primary-color: #1e40af;--primary-hover: #1d4ed8;--primary-dark: #1e3a8a;--primary-darker: #1e1b4b;--primary-light: #3b82f6;--primary-bg: #eff6ff;--primary-border: #bfdbfe;--secondary-color: #475569;--secondary-light: #94a3b8;--secondary-dark: #334155;--accent-color: #1e3a8a;--primary-gradient: linear-gradient(135deg, var(--primary-color), var(--primary-dark));--primary-gradient-light: linear-gradient(135deg, var(--primary-bg), var(--primary-border));--blue-gradient-main: linear-gradient(135deg, #1e40af 0%, #1d4ed8 25%, #1e3a8a 50%, #1e1b4b 100%);--blue-gradient-dark: linear-gradient(135deg, #1e3a8a 0%, #1e1b4b 50%, #0f172a 100%);--blue-gradient-soft: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%);--text-primary: #1e3a8a;--text-dark: #1f2937;--text-medium: #4b5563;--text-light: #6b7280;--background-light: #f8fafc;--background-content: #f1f5f9;--bg-white: #ffffff;--bg-blue-light: #eff6ff;--success-color: #059669;--success-light: #d1fae5;--danger-color: #dc2626;--danger-light: #fee2e2;--warning-color: #d97706;--warning-light: #fef3c7;--info-color: #0284c7;--info-light: #e0f2fe;--border-light: #e2e8f0;--border-medium: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-blue: 0 4px 20px rgba(30, 64, 175, .25);--border-radius: 12px;--border-radius-large: 20px;--border-radius-small: 8px;--font-heading: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease}.p-app,.n-app,.a-app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}.parent-content-wrapper{max-width:1200px!important;margin:0 auto!important;padding:0 20px!important}@media (max-width: 1280px){.parent-content-wrapper{max-width:1100px!important;padding:0 16px!important}.parent-content-wrapper .medical-container,.parent-content-wrapper .medical-main,.parent-content-wrapper .header-content{max-width:100%!important;width:100%!important;padding:var(--space-4)!important}}@media (max-width: 768px){.parent-content-wrapper{max-width:100%!important;padding:0 12px!important}.parent-content-wrapper .medical-container,.parent-content-wrapper .medical-main,.parent-content-wrapper .header-content{max-width:100%!important;width:100%!important;padding:var(--space-3)!important}}.parent-content-wrapper .health-guide-container,.parent-content-wrapper .community-container{max-width:100%!important;margin:0 auto!important;padding:20px!important}.parent-content-wrapper .send-medicine-container,.parent-content-wrapper .introduction-page,.parent-content-wrapper .sp-container,.parent-content-wrapper .health-declaration-container,.parent-content-wrapper .notifications-container,.parent-content-wrapper .article-detail-container,.parent-content-wrapper .community-post-container,.parent-content-wrapper .contact-container,.parent-content-wrapper .intro-banner-container,.parent-content-wrapper .intro-content-container{max-width:80%!important;margin:0 auto!important;padding:20px!important}.parent-content-wrapper .medical-main{max-width:1200px!important;width:1200px!important;margin:0 auto!important;padding:var(--space-4) 0!important}.parent-content-wrapper .header-content{max-width:1200px!important;width:1200px!important;margin:var(--space-4) auto 0 auto!important}.parent-content-wrapper .medical-container{max-width:1200px!important;width:1200px!important;margin:0 auto!important}.parent-content-wrapper .contact-header-content{max-width:70%!important;margin:0 auto!important}.parent-content-wrapper .modal-content,.parent-content-wrapper .med-modal,.parent-content-wrapper .hdm-modal-content{max-width:90%!important}.parent-content-wrapper .modern-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important}.parent-content-wrapper .modern-modal-content{max-width:800px!important;width:90%!important;max-height:90vh!important;margin:0 auto!important;position:relative!important;top:50%!important;transform:translateY(-50%)!important}.Toastify__toast-container{z-index:9999!important;top:20px!important;margin-top:0!important}.simple-parent-layout .Toastify__toast-container{position:fixed!important;top:150px!important;z-index:9999!important}.med-modal-overlay,.hdm-modal-overlay,.modern-modal-overlay{z-index:1050!important}body.parent-page{padding-top:0!important}.parent-content-wrapper .health-guide-content{max-width:100%!important;margin:0!important}.parent-content-wrapper .community-container .global-container{max-width:100%!important;padding:0!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-dark)}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.global-container{max-width:1920px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.section-title{font-size:36px;font-weight:700;margin-bottom:20px;text-align:center;background:var(--blue-gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:18px;font-weight:400;text-align:center;margin-bottom:40px;color:var(--text-medium)}.global-btn{display:inline-block;padding:12px 24px;border:none;border-radius:var(--border-radius-small);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition-normal);font-family:var(--font-body)}.global-btn-primary{background:var(--blue-gradient-main);color:#fff;box-shadow:var(--shadow-blue)}.global-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e40af59}.global-btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.global-btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.global-card{background:var(--bg-white);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow-md);transition:var(--transition-normal);border:1px solid var(--border-light)}.global-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue)}.shared-admin-layout{width:100%;min-height:100vh;display:flex;flex-direction:column}.shared-basic-content{width:100%;min-height:100vh;display:flex;flex-direction:column;padding:2rem}.shared-error-layout{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-light)}.shared-error-content{text-align:center;padding:2rem;background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.shared-auth-layout{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient)}.shared-auth-content{width:100%;max-width:400px;padding:2rem;background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.global-text-primary{color:var(--primary-color)}.global-text-secondary{color:var(--secondary-color)}.global-text-dark{color:var(--text-dark)}.global-text-medium{color:var(--text-medium)}.global-text-light{color:var(--text-light)}.global-bg-primary{background-color:var(--primary-color)}.global-bg-primary-light{background-color:var(--primary-bg)}.global-bg-gradient{background:var(--blue-gradient-main)}.global-border-primary{border-color:var(--primary-color)}.global-border-light{border-color:var(--border-light)}.section+.section,.section+footer,section+footer{margin-top:0}footer{margin-top:0}@media (max-width: 768px){.global-container{padding:0 15px}.section{padding:40px 0}.section-title{font-size:28px}.parent-content-wrapper .modern-modal-content{width:95%!important;max-width:95%!important;margin:10px!important;top:0!important;transform:none!important;max-height:95vh!important}.parent-content-wrapper .send-medicine-container .zoomed-image,.parent-content-wrapper .incident-zoomed-image{width:90%!important;height:auto!important;max-height:80vh!important}}html,body{overflow-x:hidden;max-width:100%;box-sizing:border-box}.app{overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.parent-layout{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;padding-top:130px}.parent-home{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;margin-top:0}.hero.modern-hero{width:100%;max-width:100%;box-sizing:border-box;margin:0;overflow-x:hidden}.parent-header{z-index:1000;width:100%;left:0;right:0;will-change:transform;position:fixed;top:0}.parent-header.scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.parent-home-section,.features-section,.about-section,.vision-section,.cta-section{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.parent-container,.section-container,.hero-container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;box-sizing:border-box}.hero-content,.about-content,.features-grid,.hero-text,.hero-visual{width:100%;box-sizing:border-box}.phone-mockup,.phone-frame{max-width:260px;width:100%;margin:0 auto;box-sizing:border-box}.parent-main-content>*{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.parent-main-content section,.parent-main-content div{box-sizing:border-box}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto}.nurse-layout,.admin-layout{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}section+section{margin-top:0}.parent-home-section>*{width:100%;max-width:100%;box-sizing:border-box}.hero-container>*{box-sizing:border-box}.features-section>*{box-sizing:border-box}.about-section>*{box-sizing:border-box}.vision-section>*{box-sizing:border-box}.cta-section>*{box-sizing:border-box}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:1rem}.about-content{grid-template-columns:1fr;gap:2rem}.parent-layout{padding-top:70px}}@media (max-width: 480px){.phone-mockup,.phone-frame{max-width:200px}.hero-title{font-size:2rem}.parent-layout{padding-top:60px}}.parent-content-wrapper .container{max-width:1200px!important;margin:0 auto!important;padding:0 var(--space-4, 1rem)!important}.parent-content-wrapper .btn:not(.global-btn):not(.modern-search-button){all:unset;display:inline-block;cursor:pointer}.parent-content-wrapper .card:not(.global-card){all:unset;display:block;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.global-text-primary,.global-text-secondary,.global-text-dark,.global-text-medium,.global-text-light{font-family:var(--font-body)}.global-bg-primary,.global-bg-primary-light,.global-bg-gradient{transition:background-color .3s ease}.global-border-primary,.global-border-light{border-width:1px;border-style:solid}.modern-search-container{all:unset;position:relative;display:block;width:100%;margin-bottom:20px}.modern-search-input{all:unset;width:100%;padding:14px 50px 14px 20px;border:2px solid #e2e8f0;border-radius:50px;font-size:1rem;box-sizing:border-box;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:all .3s ease}.modern-search-button{all:unset;position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;box-sizing:border-box}.loading-container{all:unset;display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background-color:#f8f9fa;border-radius:12px;margin:20px auto;max-width:1000px;padding:40px}.parent-content-wrapper .modal-overlay,.parent-content-wrapper .med-modal-overlay,.parent-content-wrapper .hdm-modal-overlay,.parent-content-wrapper .modern-modal-overlay{z-index:1050!important}.parent-content-wrapper .incident-zoom-overlay{z-index:2000!important}.parent-content-wrapper .send-medicine-container .zoom-overlay{z-index:2100!important}.Toastify__toast-container{z-index:9999!important}@media (max-width: 1280px){.parent-content-wrapper{max-width:1100px!important;padding:0 16px!important}}@media (max-width: 768px){.parent-content-wrapper{max-width:100%!important;padding:0 12px!important}.parent-content-wrapper .container{padding:0 12px!important}}.parent-header{z-index:1000!important}html,body{overflow-x:hidden!important;max-width:100%!important}.app{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.selectstudentfix{all:unset;width:100%!important;padding:12px 40px 12px 16px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:16px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;background-color:#fff!important;color:#374151!important;cursor:pointer!important;box-sizing:border-box!important;display:block!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;transition:all .3s ease!important}.selectstudentfix:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.selectstudentfix:hover{border-color:#60a5fa!important}.selectstudentfix:disabled{background-color:#f3f4f6!important;cursor:not-allowed!important;opacity:.6!important}@media (max-width: 768px){.selectstudentfix{font-size:16px!important;padding:10px 36px 10px 12px!important;background-size:14px!important;background-position:right 10px center!important}}.parent-content-wrapper .selectstudentfix{max-width:100%!important;margin:0!important}.medical-main .selectstudentfix{max-width:500px!important;margin:0 auto!important}.fix-history-filter .selectstudentfix{min-width:180px!important;max-width:250px!important;padding:8px 32px 8px 12px!important;font-size:14px!important}.health-declaration-form .selectstudentfix{max-width:100%!important;margin-bottom:8px!important}.health-declaration-form .selectstudentfix.error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.pn-filter-group .selectstudentfix{max-width:200px!important;font-size:14px!important;padding:8px 32px 8px 12px!important;background-size:14px!important;background-position:right 8px center!important}:root{--medical-primary: #015C92;--medical-primary-hover: #2D82B5;--medical-primary-light: #BCE6FF;--medical-primary-50: #EBF5FF;--medical-primary-dark: #013D61}.medical-header{background-color:var(--medical-primary)!important}.medical-header .header-content{background-color:var(--medical-primary)!important;color:#fff!important}.medical-header .header-icon{background-color:#fff3!important;color:#fff!important}.medical-header .header-info h1{color:#fff!important}.medical-header .header-info p{color:#fffc!important}.parent-content-wrapper .medical-container{--color-primary: var(--medical-primary) !important;--color-primary-hover: var(--medical-primary-hover) !important;--color-primary-light: var(--medical-primary-light) !important;--color-primary-50: var(--medical-primary-50) !important;--color-primary-dark: var(--medical-primary-dark) !important}.parent-content-wrapper .medical-container .medical-header,.medical-container .medical-header{background-color:var(--medical-primary)!important;border-bottom:1px solid var(--medical-primary-light)!important}.parent-content-wrapper .medical-container .medical-header .header-content,.medical-container .medical-header .header-content{background-color:var(--medical-primary)!important;color:#fff!important;border-radius:12px!important}.parent-content-wrapper .medical-container .medical-header .header-icon,.medical-container .medical-header .header-icon{background-color:#fff3!important;color:#fff!important}.parent-content-wrapper .medical-container .medical-header .header-info h1,.medical-container .medical-header .header-info h1{color:#fff!important;font-weight:700!important}.parent-content-wrapper .medical-container .medical-header .header-info p,.medical-container .medical-header .header-info p{color:#fffc!important}.parent-layout{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.admin-report-header{border-radius:16px!important;padding:32px!important;margin-bottom:32px!important;color:#fff!important;box-shadow:0 8px 30px #00000026!important;border:1px solid rgba(255,255,255,.1)!important;position:relative!important;overflow:hidden!important}.admin-report-header-title{color:#fff!important;font-size:32px!important;font-weight:700!important;margin:0!important;display:flex!important;align-items:center!important;gap:12px!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important}.admin-report-header-subtitle{color:#ffffffe6!important;font-size:16px!important;font-weight:500!important;margin:8px 0 0!important;position:relative!important;z-index:1!important}.admin-report-header-blue{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8)!important}.admin-report-header-green{background:linear-gradient(135deg,#10b981,#059669,#047857)!important}.admin-report-header-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9)!important}.admin-report-header-orange{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)!important}.admin-report-header-teal{background:linear-gradient(135deg,#14b8a6,#0d9488,#0f766e)!important}.app{width:100%;height:100%;box-sizing:border-box;position:relative;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.app-card{padding:2em}.read-the-docs{color:#888}
