:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 480px){*::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f3f4f6;color:#333;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{max-width:min(480px,100%);margin:0 auto;height:100dvh;overflow:hidden;position:relative}.app-wrapper{height:100%;position:relative}.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}}.read-the-docs{color:#888}p{margin:.5rem 0}.text-sm{font-size:14px}.text-xs{font-size:12px}.container{width:480px;max-width:480px;margin:0 auto;height:100dvh;display:flex;position:"relative";flex-direction:column;background-color:#fff;position:fixed;top:0;left:50%;transform:translate(-50%);padding-bottom:3.5rem;box-shadow:0 0 10px #0000001a;overflow:hidden;z-index:1}.container .content{margin:0 .5rem 3rem}.bottom-navigation{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:480px;height:3.5rem;background-color:#ffffffe6;border-top:1px solid #e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.bottom-navigation-inner{max-width:480px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;height:100%;background-color:transparent}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20%;padding:0;background:none;border:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.nav-button:focus{outline:none;-webkit-tap-highlight-color:transparent;color:#3b82f6}.nav-button:active{outline:none;-webkit-tap-highlight-color:transparent;color:#3b82f6}.nav-button-active{color:#3b82f6}.nav-button-inactive{color:#9ca3af}.nav-button-active:hover{color:#3b82f6}.nav-button-inactive:hover{color:#9ca3af}.nav-button span{font-size:.625rem;margin-top:.125rem;color:inherit}.container>div:nth-child(2){flex:1;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:.5rem}.fixed-header{position:sticky;top:0;z-index:10;background-color:#fff;width:100%}.fixed-header .header-function{margin:.5rem 1rem 0}.section-container{margin-bottom:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-left:.5rem}.section-title{font-weight:700}.detail-page-header{padding:1rem;display:flex;align-items:center;background-color:#fff;position:sticky;top:0;z-index:10}.back-button{background:transparent;display:flex;align-items:center;width:40px;height:40px;border:none;cursor:pointer;font-size:2rem;color:#333;padding:0;overflow:hidden}.card{padding:1em;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 8px #0000001a;overflow:hidden;color:#333;border:1px solid #f0f0f0}.primary-button{width:100%;background-color:#2196f3;color:#fff;border:none;border-radius:.5rem;cursor:pointer;padding:.875rem}.primary-button:disabled{background-color:#93c5fd;cursor:not-allowed}.secondary-button{width:100%;padding:.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.detail-page-content{display:flex;flex-direction:column;margin:0 .5rem}.no-detail-info{display:flex;justify-content:center;align-items:center;min-height:150px;text-align:center;background-color:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;margin-top:1rem;color:#6b7280}.detail-page-footer{width:100%;padding:.5rem;background-color:#fff;position:sticky;bottom:0;justify-content:space-around;margin:.5rem auto 0;box-sizing:border-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.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:50}.modal-content{background-color:#fff;border-radius:.75rem;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;padding:0 1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modal-header{position:sticky;top:0;background-color:#fff;padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;z-index:10}.modal-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.modal-body{padding:1rem}@media (max-width: 480px){.service-card{margin-bottom:.5rem}.service-selector{padding-bottom:4rem}.container,.bottom-navigation{width:100%}}.search-bar{display:flex;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-radius:24px;margin-bottom:16px}.search-icon{margin-right:8px;color:#6c757d}.search-input{flex:1;border:none;background:transparent;color:#6c757d}.mic-icon{color:#6c757d}.mode-toggle{display:flex;margin-bottom:16px;border-bottom:1px solid #eee}.mode-toggle-item{padding:12px 16px;text-align:center;position:relative;flex:1;cursor:pointer}.mode-toggle-item.active{font-weight:600}.mode-toggle-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#6366f1}.mode-toggle-item.medical.active:after{background-color:#0ea5e9}.mode-toggle-item.cosmetic.active:after{background-color:#d946ef}.status-widget{margin-bottom:0}.widget-title{font-size:16px;font-weight:600;margin-top:0;margin-bottom:12px;color:#333}.status-widget-appointment-item{margin-bottom:0}.status-widget-appointment-item:last-child{margin-bottom:0}.appointment-header{display:flex;justify-content:space-between;align-items:flex-start}.tag-medical,.tag-cosmetic{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;margin-right:6px}.tag-medical{background-color:#e0f2fe;color:#0369a1}.tag-cosmetic{background-color:#fae8ff;color:#a21caf}.progress-bar{width:100%;height:4px;background-color:#f0f0f0;border-radius:2px;margin:4px 0;position:relative}.progress-fill{position:absolute;height:100%;border-radius:2px}.medical-gradient{background:linear-gradient(to right,#0ea5e9,#38bdf8)}.cosmetic-gradient{background:linear-gradient(to right,#d946ef,#f0abfc)}.medical-categories-container{width:100%;overflow-x:hidden}.medical-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.medical-category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;min-width:0;margin:.5rem 0}.medical-category-icon-wrapper{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background-color:#e9f4fb;border-radius:50%;margin-bottom:6px;box-shadow:0 2px 5px #00000014}.medical-category-item.selected .medical-category-icon-wrapper{background-color:#bfdbfe}.medical-category-name{font-size:12px;color:#333;text-align:center;font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.medical-categories{grid-template-columns:repeat(5,1fr);gap:6px}.medical-category-icon-wrapper{width:48px;height:48px}.medical-category-name{font-size:10px}}@media (max-width: 320px){.medical-category-icon-wrapper{width:44px;height:44px}.medical-categories{gap:4px}}.cosmetic-categories-container{width:100%;overflow-x:hidden}.cosmetic-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;padding:3px 0}.expanded-categories{margin-top:8px;animation:fadeIn .3s ease-in-out}.cosmetic-category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;min-width:0;margin:.5rem 0}.cosmetic-category-icon-wrapper{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background-color:#fdf4f7;border-radius:50%;margin-bottom:6px;box-shadow:0 2px 5px #00000014}.cosmetic-category-item.selected .cosmetic-category-icon-wrapper{background-color:#fbcfe8}.cosmetic-category-name{font-size:12px;color:#333;text-align:center;font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.cosmetic-categories{grid-template-columns:repeat(5,1fr);gap:6px}.cosmetic-category-icon-wrapper{width:48px;height:48px}.cosmetic-category-name{font-size:10px}}@media (max-width: 320px){.cosmetic-category-icon-wrapper{width:44px;height:44px}.cosmetic-categories{gap:4px}}.specialty-categories-container{width:100%;overflow-x:hidden}.specialty-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.expanded-categories{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.specialty-category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;min-width:0;margin:.5rem 0}.specialty-category-icon-wrapper{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background-color:#d1fae5;border-radius:50%;margin-bottom:6px;box-shadow:0 2px 5px #00000014}.specialty-category-item.selected .specialty-category-icon-wrapper{background-color:#99f6e4}.specialty-category-name{font-size:12px;color:#333;text-align:center;font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.specialty-categories{grid-template-columns:repeat(5,1fr);gap:6px}.specialty-category-icon-wrapper{width:48px;height:48px}.specialty-category-name{font-size:10px}}@media (max-width: 320px){.specialty-category-icon-wrapper{width:44px;height:44px}.specialty-categories{gap:4px}}.health-check-container{margin-bottom:1.5rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.health-check-header{background-color:#6366f1;color:#fff;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.health-check-title{display:flex;align-items:center}.health-check-title h3{font-weight:700;margin:0}.health-check-title-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.health-check-close-btn{background:none;border:none;color:#fff;padding:.25rem;cursor:pointer}.health-check-content{padding:1rem}.health-check-item-list{margin-bottom:.75rem}.health-check-item{display:flex;align-items:center;background-color:#fff;padding:.5rem;border-radius:.5rem;border:1px solid #f3f4f6;box-shadow:0 1px 2px #0000000d;margin-bottom:.75rem}.health-check-item:last-child{margin-bottom:0}.check-button{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:9999px;margin-right:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0}.check-button-incomplete{background-color:#f3f4f6}.check-button-complete{background-color:#ecfdf5}.check-circle{width:1.25rem;height:1.25rem;color:#10b981}.check-circle-placeholder{width:.75rem;height:.75rem;border-radius:9999px;border:2px solid #d1d5db}.item-content{flex:1;min-width:0}.item-header{display:flex;justify-content:space-between;align-items:baseline}.item-title{font-size:.875rem;font-weight:500}.item-title-completed{text-decoration:line-through;color:#6b7280}.item-status{font-size:.75rem;font-weight:500;white-space:nowrap;margin-left:.5rem}.status-overdue{color:#ef4444}.status-upcoming{color:#f97316}.status-future{color:#3b82f6}.status-completed{color:#10b981}.item-details{display:flex;align-items:center;margin-top:.25rem;font-size:.75rem;color:#6b7280}.item-detail{display:flex;align-items:center;margin-right:.5rem}.item-detail-icon{width:.75rem;height:.75rem;margin-right:.25rem}.add-item-button{width:100%;padding:.5rem;border:1px dashed #d1d5db;border-radius:.5rem;font-size:.875rem;color:#6b7280;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-item-icon{width:1rem;height:1rem;margin-right:.25rem}.carousel-container{margin-top:1rem;margin-bottom:1.5rem}.carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.carousel-title{font-size:1.125rem;font-weight:700}.carousel-view-all{font-size:.875rem;color:#3b82f6;cursor:pointer}.carousel-wrapper{position:relative;overflow:hidden;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.carousel-slides{position:relative;height:180px}.carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s;display:flex;height:100%;width:100%}.slide-image{object-fit:cover;width:100%;height:100%}.slide-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.slide-content{position:absolute;bottom:0;width:100%;color:#fff;padding:1rem}.hospital-name{font-weight:700;font-size:1.125rem}.hospital-specialty{font-size:.875rem}.rating-container{display:flex;align-items:center;margin-top:.25rem}.star-icon{color:#facc15;width:1rem;height:1rem;fill:#facc15}.rating-value{margin-left:.25rem;font-size:.875rem}.review-count{margin-left:.25rem;font-size:.75rem;color:#d1d5db}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffff4d;border-radius:9999px;padding:.25rem;border:none;cursor:pointer;transition:background-color .2s}.carousel-button:hover{background-color:#ffffff80}.prev-button{left:.5rem}.next-button{right:.5rem}.button-icon{width:1.25rem;height:1.25rem;color:#fff}.indicators{position:absolute;bottom:4rem;left:0;right:0;display:flex;justify-content:center}.indicator{width:.5rem;height:.5rem;border-radius:9999px;background-color:#ffffff80;margin:0 .25rem;border:none;padding:0;cursor:pointer}.indicator-active{background-color:#fff}.health-tips-container{margin-bottom:1.5rem}.health-tips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.health-tips-title{font-size:1.125rem;font-weight:700}.health-tips-view-more{font-size:.875rem;color:#3b82f6;cursor:pointer}.health-tips-tab-container{display:flex;gap:.5rem;margin-bottom:1rem}.health-tips-tab-button{padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.tab-button-active{background-color:#3b82f6;color:#fff}.tab-button-inactive{background-color:#f3f4f6;color:#4b5563}.content-list{display:flex;flex-direction:column;gap:.75rem}.content-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:.75rem;border:1px solid #f3f4f6}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.category-badge{font-size:.75rem;font-weight:500;padding:0 .5rem;border-radius:.25rem;background-color:#dbeafe;color:#1e40af;display:inline-block}.meta-info{font-size:.75rem;color:#6b7280;margin-left:.5rem}.action-buttons{display:flex;gap:.5rem}.action-button{color:#9ca3af;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.action-button:hover{color:#4b5563}.action-button-like:hover{color:#ef4444}.action-button-save:hover{color:#3b82f6}.action-icon{width:1rem;height:1rem}.liked-icon{fill:#ef4444;color:#ef4444}.saved-icon{fill:#3b82f6;color:#3b82f6}.content-title{font-weight:700;font-size:.875rem;margin-top:.5rem}.content-text{font-size:.75rem;color:#4b5563;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.top-doctors-container{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-title{font-size:1.125rem;font-weight:700}.view-more-link{font-size:.875rem;color:#3b82f6;display:flex;align-items:center;cursor:pointer}.view-more-icon{width:1rem;height:1rem;margin-left:.25rem}.category-filter{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.category-button{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;white-space:nowrap;background:none;border:none;cursor:pointer}.category-button-active{background-color:#6366f1;color:#fff}.category-button-inactive{background-color:#f3f4f6;color:#4b5563}.doctors-list{display:flex;flex-direction:column;gap:.75rem}.doctor-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;padding:.75rem;display:flex;gap:.75rem;cursor:pointer}.profile-image-container{flex-shrink:0;width:4rem;height:4rem;background-color:#f3f4f6;border-radius:9999px;overflow:hidden}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e0e7ff}.placeholder-icon{width:2rem;height:2rem;color:#6366f1}.doctor-info{flex:1;overflow:hidden}.doctor-name-container{display:flex;align-items:center}.doctor-name{font-weight:700;font-size:.875rem}.rating-container{display:flex;align-items:center;margin-left:.5rem}.star-icon{width:.75rem;height:.75rem;color:#f59e0b;fill:#f59e0b}.rating-value{font-size:.75rem;margin-left:.125rem}.review-count{font-size:.75rem;color:#6b7280;margin-left:.125rem}.specialty-info{font-size:.75rem;font-weight:500;color:#4f46e5;margin-top:.125rem}.sub-specialty{color:#6b7280}.experience-info{display:flex;align-items:center;margin-top:.25rem;font-size:.75rem;color:#6b7280}.experience-icon{width:.75rem;height:.75rem;margin-right:.25rem}.bottom-info{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.hospital-info{display:flex;align-items:center;font-size:.75rem;color:#6b7280}.hospital-icon{width:.75rem;height:.75rem;margin-right:.25rem}.availability-info{display:flex;align-items:center;font-size:.75rem;color:#2563eb}.availability-icon{width:.75rem;height:.75rem;margin-right:.25rem}.load-more-button{margin-top:.75rem;width:100%;padding:.5rem;text-align:center;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#4b5563;background-color:#fff;cursor:pointer}.promotion-container{margin-bottom:1.5rem}.promotion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.promotion-title{font-size:1.125rem;font-weight:700;margin:0}.promotion-view-all{font-size:.875rem;color:#3b82f6;cursor:pointer}.promotion-list{display:flex;flex-direction:column;gap:.75rem}.promotion-card{border-radius:.5rem;padding:1rem;color:#fff;position:relative;overflow:hidden}.promo-blue{background:linear-gradient(to right,#3b82f6,#4f46e5)}.promo-green{background:linear-gradient(to right,#10b981,#0d9488)}.promo-decoration{position:absolute;border-radius:50%;background-color:#ffffff1a}.promo-decoration-top{width:8rem;height:8rem;top:-2.5rem;right:-2.5rem}.promo-decoration-bottom{width:6rem;height:6rem;bottom:-2.5rem;left:-2.5rem}.promotion-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.promotion-info{flex:1}.promotion-header-row{display:flex;align-items:center;margin-bottom:.25rem}.promo-icon{width:1.5rem;height:1.5rem}.promotion-card-title{font-weight:700;margin:0 0 0 .5rem}.promotion-subtitle{font-size:1.25rem;font-weight:700;margin:.25rem 0}.promotion-description{font-size:.875rem;opacity:.9;margin:.25rem 0 0}.promotion-action{display:flex;align-items:center;margin-top:.75rem}.promotion-button{display:flex;align-items:center;background:transparent;border:none;color:#fff;font-size:.875rem;font-weight:500;padding:0;cursor:pointer}.promotion-arrow-icon{width:1rem;height:1rem;margin-left:.25rem}.promotion-timer{display:flex;flex-direction:column;align-items:center}.promotion-countdown{display:flex;align-items:center;font-size:.75rem;font-weight:500;background-color:#fff3;padding:.25rem .5rem;border-radius:9999px}.promotion-clock-icon{width:.75rem;height:.75rem;margin-right:.25rem}@media (max-width: 640px){.promotion-container{margin-bottom:1rem}.promotion-title{font-size:1rem}.promotion-card{padding:.75rem}.promotion-subtitle{font-size:1.125rem}}.trending-posts-container{margin-bottom:1.5rem}.trending-posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.trending-posts-title{font-size:1.125rem;font-weight:700}.trending-posts-more{display:flex;align-items:center;font-size:.875rem;color:#3b82f6}.trending-posts-more-icon{width:1rem;height:1rem;margin-left:.25rem}.posts-tab-container{display:flex;gap:.5rem;margin-bottom:1rem}.posts-tab-button{padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:none;cursor:pointer}.posts-tab-button.medical{background-color:#f3f4f6;color:#4b5563}.posts-tab-button.medical.active{background-color:#3b82f6;color:#fff}.posts-tab-button.cosmetic{background-color:#f3f4f6;color:#4b5563}.posts-tab-button.cosmetic.active{background-color:#db2777;color:#fff}.posts-list{display:flex;flex-direction:column;gap:.75rem}.post-item{background-color:#fff;border-radius:.5rem;padding:.75rem;border:1px solid #f0f0f0;box-shadow:0 1px 2px #0000000d}.post-title{font-weight:700;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{display:flex;justify-content:space-between;margin-top:.25rem}.post-author-info{display:flex;align-items:center;font-size:.75rem;color:#6b7280}.post-stats{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.post-stat{display:flex;align-items:center}.post-stat-icon{width:.75rem;height:.75rem;margin-right:.25rem}.post-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.post-tag{font-size:.75rem;padding:.125rem .375rem;border-radius:9999px}.post-tag.medical{background-color:#dbeafe;color:#1e40af}.post-tag.cosmetic{background-color:#fce7f3;color:#9d174d}.posts-more-button{margin-top:.75rem;width:100%;padding:.5rem;text-align:center;font-size:.875rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;color:#4b5563;cursor:pointer}.appointment-container{margin-bottom:1.5rem}.appointment-status-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.appointment-title{font-size:1.125rem;font-weight:700}.appointment-view-all{display:flex;align-items:center;font-size:.875rem;color:#3b82f6}.appointment-view-all-icon{width:1rem;height:1rem;margin-left:.25rem}.no-appointment{background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;padding:1rem;text-align:center}.no-appointment-icon-container{width:3rem;height:3rem;margin:0 auto;background-color:#e5e7eb;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.no-appointment-icon{width:1.5rem;height:1.5rem;color:#6b7280}.no-appointment-title{font-weight:500;font-size:.875rem;color:#374151;margin-bottom:.25rem}.no-appointment-text{font-size:.75rem;color:#6b7280;margin-bottom:.75rem}.book-appointment-button{width:100%;padding:.5rem;font-size:.875rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.appointment-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;overflow:hidden}.appointment-card-content{padding:1rem}.appointment-card-header{display:flex;justify-content:space-between;align-items:flex-start}.hospital-info{flex:1}.hospital-name{font-weight:700;font-size:1rem}.doctor-info{font-size:.875rem;color:#4b5563}.status-badge{display:flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge-icon{width:1rem;height:1rem;margin-right:.25rem}.status-upcoming{background-color:#eff6ff;color:#1e40af}.status-upcoming .status-badge-icon{color:#3b82f6}.status-confirmed{background-color:#ecfdf5;color:#065f46}.status-confirmed .status-badge-icon{color:#10b981}.status-completed{background-color:#f5f3ff;color:#5b21b6}.status-completed .status-badge-icon{color:#8b5cf6}.status-canceled{background-color:#fef2f2;color:#b91c1c}.status-canceled .status-badge-icon{color:#ef4444}.status-unknown{background-color:#f3f4f6;color:#4b5563}.status-unknown .status-badge-icon{color:#6b7280}.appointment-details{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.appointment-detail-item{display:flex;align-items:center;font-size:.875rem;color:#4b5563}.appointment-detail-icon{width:1rem;height:1rem;margin-right:.5rem;color:#6b7280}.appointment-actions{display:flex;border-top:1px solid #e5e7eb;border-bottom:none}.modify-button{flex:1;padding:.75rem;font-size:.875rem;font-weight:500;color:#3b82f6;background-color:#eff6ff;border:none;cursor:pointer}.modify-button:hover{background-color:#dbeafe}.cancel-button{flex:1;padding:.75rem;font-size:.875rem;font-weight:500;color:#ef4444;background-color:#fef2f2;border:none;cursor:pointer}.cancel-button:hover{background-color:#fee2e2}.divider{width:1px;background-color:#e5e7eb}.campaign-container{margin-bottom:1.5rem}.campaign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.campaign-title{font-size:1.125rem;font-weight:700}.campaign-view-all{font-size:.875rem;color:#3b82f6}.campaign-card{border-radius:.5rem;overflow:hidden;color:#fff}.campaign-content{padding:1rem}.campaign-icon-wrapper{display:flex;align-items:center;margin-bottom:1.5rem}.campaign-icon-container{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.campaign-icon{width:1.5rem;height:1.5rem}.campaign-heading{font-weight:700;font-size:1.25rem}.campaign-subtitle{color:#ffffffe6;font-size:.875rem}.campaign-description{margin-top:.75rem;font-size:.875rem}.campaign-tips-title{font-weight:500;font-size:.875rem;margin-bottom:.5rem}.campaign-tips-list{display:flex;flex-direction:column;gap:.25rem}.campaign-tip-item{display:flex;align-items:flex-start;font-size:.875rem}.campaign-tip-icon{width:1rem;height:1rem;margin-right:.25rem;margin-top:.125rem;flex-shrink:0}.campaign-symptoms{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.25rem}.campaign-symptom-tag{font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;font-weight:500}.campaign-footer{background-color:#0003;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.campaign-footer-text{font-size:.875rem;font-weight:500}.campaign-learn-more{padding:.5rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:none;cursor:pointer}.season-spring .campaign-card{background:linear-gradient(to right,#4ade80,#84cc16)}.season-spring .campaign-icon-container{background-color:#dcfce7}.season-spring .campaign-icon{color:#16a34a}.season-spring .campaign-symptom-tag,.season-spring .campaign-learn-more{background-color:#dcfce7;color:#166534}.season-summer .campaign-card{background:linear-gradient(to right,#60a5fa,#06b6d4)}.season-summer .campaign-icon-container{background-color:#dbeafe}.season-summer .campaign-icon{color:#2563eb}.season-summer .campaign-symptom-tag,.season-summer .campaign-learn-more{background-color:#dbeafe;color:#1e40af}.season-autumn .campaign-card{background:linear-gradient(to right,#fb923c,#f59e0b)}.season-autumn .campaign-icon-container{background-color:#ffedd5}.season-autumn .campaign-icon{color:#ea580c}.season-autumn .campaign-symptom-tag,.season-autumn .campaign-learn-more{background-color:#ffedd5;color:#9a3412}.season-winter .campaign-card{background:linear-gradient(to right,#818cf8,#3b82f6)}.season-winter .campaign-icon-container{background-color:#e0e7ff}.season-winter .campaign-icon{color:#4f46e5}.season-winter .campaign-symptom-tag,.season-winter .campaign-learn-more{background-color:#e0e7ff;color:#3730a3}.symptom-checker-container{margin-bottom:1.5rem;border-radius:.5rem;overflow:hidden;background:linear-gradient(to right,#6366f1,#3b82f6)}.symptom-checker-content{padding:1rem;color:#fff}.symptom-checker-header{display:flex;align-items:center;margin-bottom:1.5rem}.symptom-checker-icon-container{width:3rem;height:3rem;background-color:#fff3;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.symptom-checker-icon{width:1.5rem;height:1.5rem;color:#fff}.symptom-checker-title{font-weight:700;font-size:1.25rem}.symptom-checker-subtitle{color:#ffffffe6;font-size:.875rem}.symptom-checker-buttons{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.symptom-checker-button{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#ffffff1a;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;color:#fff}.symptom-checker-button:hover{background-color:#fff3}.symptom-checker-button-text{display:flex;align-items:center}.symptom-checker-button-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.symptom-checker-button-label{font-size:.875rem;font-weight:500}.symptom-checker-button-arrow{width:1rem;height:1rem}.symptom-checker-notice{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#fffc}.symptom-checker-emergency{display:flex;align-items:center}.symptom-checker-emergency-icon{width:.75rem;height:.75rem;margin-right:.25rem}.symptom-checker-learn-more{text-decoration:underline;background:none;border:none;color:inherit;cursor:pointer}.symptom-checker-footer{background-color:#4f46e5;padding:.75rem 1rem}.symptom-checker-footer-content{display:flex;align-items:center;justify-content:space-between}.symptom-checker-stats{display:flex;flex-direction:column}.symptom-checker-stats-row{display:flex;align-items:baseline}.symptom-checker-stats-label{color:#ffffffe6;font-size:.75rem;margin-right:.25rem}.symptom-checker-stats-value{color:#fff;font-weight:700}.symptom-checker-stats-description{color:#ffffffe6;font-size:.75rem}.symptom-checker-start-button{background-color:#fff;color:#4f46e5;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer}.event-card-item-header{display:flex;align-items:flex-start}.event-card-item-image{width:5rem;height:5rem;object-fit:cover;border-radius:.5rem;margin-right:1rem}.event-card-item-info{flex:1}.event-card-item-title{font-weight:700;margin:0;font-size:1rem;color:#1f2937}.event-card-item-description{display:block;font-size:.6rem}.event-card-item-price-container{display:flex;align-items:baseline;padding:.1rem 0}.event-card-item-price-original{display:flex;align-items:center;color:#9ca3af;font-size:.875rem;text-decoration:line-through;margin-right:.5rem}.event-card-item-price-discount{display:flex;align-items:center;color:#ef4444;font-weight:700;font-size:1.125rem;margin-right:.5rem}.event-card-item-price-discount-rate{align-items:center;background-color:#fee2e2;color:#ef4444;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:4px}.event-card-item-tags-container{display:flex;flex:1;flex-wrap:wrap;gap:.2rem;min-height:1.5rem}.event-tag{padding:0 .5rem;border-radius:9999px;font-size:.7rem;font-weight:500;margin-right:.3rem;background-color:#f3f4f6;color:#6b7280;margin-bottom:.3rem}.event-tag-date{display:inline-flex;align-items:center;background-color:#dbeafe;color:#1d4ed8}.event-tag-medical{display:inline-flex;align-items:center;background-color:#e0f2fe;color:#0369a1}.event-tag-cosmetic{display:inline-flex;align-items:center;background-color:#fae8ff;color:#a21caf}.event-tag-event{display:inline-flex;align-items:center;background-color:#fff7ed;color:#c2410c}.event-card-item-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f3f4f6}.event-card-action-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.5rem;border:none;background-color:transparent;color:#4b5563;cursor:pointer;padding:.1rem}.event-card-action-button.primary{background-color:#3b82f6;color:#fff}.event-card-action-button.danger{background-color:#fee2e2;color:#ef4444}.event-card-action-button-active{color:#ef4444;fill:#ef4444}.hospital-card-item{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;overflow:hidden;border:1px solid #f0f0f0}.hospital-card-item-header{display:flex;align-items:flex-start}.hospital-card-item-image{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:.5rem;margin-left:1rem}.hospital-card-item-info{flex:1}.hospital-card-item-title{font-weight:700;margin:0;font-size:.9rem;color:#1f2937}.hospital-card-item-subtitle{font-weight:600;color:#6b7280;font-size:.75rem;margin:.25rem 0 0}.hospital-card-item-rating-container{display:flex;align-items:center;margin:.25rem 0}.hospital-card-item-rating-stars{color:#fbbf24;margin-right:.25rem}.hospital-card-item-rating-value{font-weight:600;font-size:.875rem}.hospital-card-item-rating-count{color:#9ca3af;font-size:.75rem;margin-left:.25rem}.hospital-card-item-description{display:block;font-size:.6rem}.hospital-card-item-tags-container{display:flex;flex:1;flex-wrap:wrap;gap:.2rem;min-height:1.5rem}.hospital-tag{padding:.25rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:500;margin-right:.3rem;background-color:#f3f4f6;color:#6b7280;margin-bottom:.3rem}.hospital-tag-medical{display:inline-flex;align-items:center;background-color:#e0f2fe;color:#0369a1}.hospital-tag-cosmetic{display:inline-flex;align-items:center;background-color:#fae8ff;color:#a21caf}.hospital-tag-event{display:inline-flex;align-items:center;background-color:#fff7ed;color:#c2410c}.hospital-card-item-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f3f4f6}.hospital-card-item-price{flex:1;font-weight:600;color:#3b82f6}.hospital-card-item-actions{display:flex;gap:.5rem}.hospital-card-action-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.5rem;border:none;background-color:transparent;color:#4b5563;cursor:pointer;padding:.1rem}.hospital-card-action-button.primary{background-color:#3b82f6;color:#fff}.hospital-card-action-button.danger{background-color:#fee2e2;color:#ef4444}.hospital-card-action-button-active{color:#ef4444;fill:#ef4444}.option-filter-container{display:flex;overflow-x:auto;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.option-filter-container::-webkit-scrollbar{display:none}.option-filter-button{display:flex;align-items:center;border-radius:9999px;border:1px solid #e5e7eb;font-size:14px;white-space:nowrap;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.option-filter-button:hover{border-color:#e5e7eb}.option-filter-button.active{background-color:#3b82f6;color:#fff;font-weight:600}.option-filter-button.event.active{background-color:#8b5cf6;border-color:#8b5cf6}.favorites-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem}.favorites-tab{font-size:1rem;font-weight:500;color:#6b7280;background:none;border:none;cursor:pointer;position:relative}.favorites-tab.active{color:#3b82f6;font-weight:600}.favorites-tab.active:after{content:"";position:absolute;bottom:-1px;left:25%;right:25%;height:2px;background-color:#3b82f6}.favorites-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.favorites-filters{display:flex;overflow-x:auto;gap:.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.favorites-filters::-webkit-scrollbar{display:none}.filter-chip{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;border-radius:20px;border:1px solid #e5e7eb;font-size:14px;white-space:nowrap;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-chip.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.category-filter-container{display:flex;overflow-x:auto;gap:.5rem;margin-bottom:.5rem}.filter-button{display:flex;align-items:center;border-radius:9999px;border:none;font-size:14px;white-space:nowrap;background-color:#f0f0f0;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-button:hover{background-color:#e5e5e5}.filter-button.active{background-color:#3b82f6;color:#fff;font-weight:600;border:none}.filter-button:not(.active):hover{background-color:#e5e5e5}.filter-button.disabled{cursor:not-allowed}.filter-button.medical.active{background-color:#38bdf8;color:#fff;box-shadow:0 2px 4px #38bdf84d;font-weight:600;border:none}.filter-button.cosmetic.active{background-color:#e879f9;color:#fff;box-shadow:0 2px 4px #e879f94d;font-weight:600;border:none}.recent-searches-container{background-color:#fff;padding:0 .5rem 2rem;margin-bottom:1rem;border-bottom:1px solid #f0f0f0}.recent-searches-header{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;margin-bottom:.5rem}.recent-searches-clear-all{background:none;border:none;color:#9ca3af;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.recent-searches-clear-all:hover{background-color:#f3f4f6}.recent-searches-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.recent-search-item{display:flex;align-items:center;background-color:#f3f4f6;border-radius:1rem;padding:.25rem .5rem .25rem .75rem;max-width:100%;transition:background-color .2s}.recent-search-item:hover{background-color:#e5e7eb}.recent-search-term{display:flex;align-items:center;gap:.5rem;background:none;border:none;text-align:left;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.recent-search-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;width:20px;height:20px;margin-left:.25rem;border-radius:50%;cursor:pointer;transition:background-color .2s}.recent-search-remove:hover{background-color:#d1d5db;color:#6b7280}.popular-searches-container{background-color:#fff;padding:.5rem;margin-bottom:1.5rem}.popular-searches-header{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;margin-bottom:.5rem}.popular-searches-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.popular-searches-list button:hover{background-color:#e5e7eb}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;text-align:center}button{-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:active{outline:none}.community-card-item{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1rem;overflow:hidden;border:1px solid #f0f0f0;cursor:pointer}.community-card-item:hover{box-shadow:0 2px 5px #00000026}.community-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.community-card-date{font-size:.75rem;color:#9ca3af}.community-card-title{font-size:16px;font-weight:600;margin:0 0 .5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937}.community-card-preview{font-size:14px;color:#6b7280;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.community-card-image-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.community-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.community-card-stats{display:flex;align-items:center;gap:.75rem}.community-card-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.community-card-author{font-size:.75rem;font-weight:500;color:#4b5563}.community-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.community-card-tag{display:inline-block;font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;background-color:#f3f4f6;color:#4b5563}.community-card-tag.category.medical{background-color:#dbeafe;color:#1e40af}.community-card-tag.category.cosmetic{background-color:#fce7f3;color:#be185d}.community-card-tag.hospital.medical,.community-card-tag.hospital.cosmetic{background-color:#fef3c7;color:#92400e}.community-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.community-post-category{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:#4b5563}.community-post-date{font-size:.75rem;color:#9ca3af}.community-post-title{font-size:16px;font-weight:600;margin:0 0 .5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.community-post-preview{font-size:14px;color:#6b7280;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.community-post-image-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.community-post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.community-post-stats{display:flex;align-items:center;gap:.75rem}.community-post-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.community-post-author{font-size:.75rem;font-weight:500;color:#4b5563}.community-post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.community-post-tag{display:inline-block;font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;background-color:#f3f4f6;color:#4b5563}.medical .community-post-tag.category{background-color:#dbeafe;color:#1e40af}.cosmetic .community-post-tag.category{background-color:#fce7f3;color:#be185d}.medical .community-post-tag.hospital,.cosmetic .community-post-tag.hospital{background-color:#fef3c7;color:#92400e}.community-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#9ca3af}.community-empty-state-icon{margin-bottom:1rem;color:#e5e7eb}.community-empty-state-message{font-size:1rem;font-weight:500;margin-bottom:.5rem}.community-empty-state-submessage{font-size:.875rem;color:#9ca3af}.floating-action-button{position:fixed;bottom:5.5rem;right:1.5rem;width:50px;height:50px;border-radius:50%;background-color:#3b82f6d9;color:#fff;display:flex;padding:0;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;border:none;cursor:pointer;z-index:30;transition:all .3s ease;bottom:8rem}.floating-action-button:hover{background-color:#2563ebe6;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.floating-action-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}@media (max-width: 480px){.floating-action-button{right:1rem;bottom:8rem}}.community-write-button{background:none;border:none;color:#3b82f6;display:flex;align-items:center;gap:4px;font-weight:500;font-size:14px;cursor:pointer;transition:color .2s ease;padding:.5rem}.community-write-button:hover{color:#2563eb}.profile-card{background:linear-gradient(to right,#4f46e5,#3b82f6);color:#fff;border-radius:1rem;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 4px 12px #3b82f633;position:relative;overflow:hidden;box-sizing:border-box}.profile-card:before{content:"";position:absolute;top:-10%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;z-index:0}.profile-header{display:flex;align-items:flex-start;gap:1rem;position:relative;z-index:1;margin-bottom:0}.profile-avatar-container{display:flex;flex-direction:column;align-items:center;width:80px;flex-shrink:0}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 6px #0000001a}.profile-info{flex:1;min-width:150px}.profile-name-container{margin-bottom:.75rem}.profile-name{font-size:1.25rem;font-weight:700;margin:0 0 .125rem}.profile-email{font-size:.875rem;opacity:.9;margin:0}.profile-stats{display:flex;flex-wrap:wrap;gap:.5rem}.profile-stat{display:flex;flex-direction:column;align-items:center;background-color:#fff3;padding:.375rem .625rem;border-radius:.5rem;min-width:auto;flex:1;text-align:center}.stat-value{font-weight:700;font-size:1rem}.stat-label{font-size:.75rem;opacity:.9}.avatar-edit-btn{width:100%;margin-top:.5rem;font-size:.75rem;padding:.4rem .75rem;border-radius:1rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:500;transition:all .2s ease;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem}.avatar-edit-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.avatar-edit-btn:active{transform:translateY(0);box-shadow:0 2px 5px #0000001a}.activity-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0}.activity-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f0f0f0;padding:0;cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden}.activity-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.card-content{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;text-align:center}.card-icon{background-color:#f5f8ff;border-radius:50%;padding:.75rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;color:#4f46e5}.card-info{display:flex;flex-direction:column;align-items:center;width:100%}.card-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.card-value{font-weight:600;font-size:.9375rem;color:#111827}.menu-section{background-color:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.menu-title{display:flex;align-items:center;font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.menu-title svg{margin-right:.5rem;color:#4f46e5}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.75rem;padding:1rem .5rem;transition:all .2s ease;cursor:pointer}.menu-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.menu-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;margin-bottom:.75rem}.menu-icon{color:#4f46e5}.menu-label{font-size:.8125rem;font-weight:500;color:#374151;text-align:center}.settings-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem;background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.settings-item:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000000d}.settings-item-content{display:flex;align-items:center}.settings-icon{display:flex;align-items:center;justify-content:center;margin-right:.625rem}.settings-label{font-size:.8125rem;font-weight:500;color:#374151}.settings-arrow{color:#9ca3af}.logout-button{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;background-color:#fee2e2;color:#ef4444;border:1px solid #fecaca;border-radius:.75rem;font-weight:600;font-size:.9375rem;margin-bottom:5rem;transition:all .2s ease}.logout-button:hover{background-color:#fecaca}.logout-button svg{margin-right:.5rem}@media (max-width: 420px){.profile-card{padding:1rem}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-avatar-container{margin-right:0;margin-bottom:.75rem}.profile-info{width:100%;display:flex;flex-direction:column;align-items:center}.profile-stats{width:100%;justify-content:center}.profile-stat{min-width:28%}.activity-cards-container{grid-template-columns:1fr}.card-content{flex-direction:row;text-align:left;padding:.75rem}.card-icon{margin-bottom:0;margin-right:.75rem}.card-info{align-items:flex-start}.settings-menu{grid-template-columns:1fr}}@media (min-width: 421px) and (max-width: 580px){.profile-header{flex-wrap:nowrap}.profile-avatar-container{width:70px}.profile-avatar{width:70px;height:70px}.profile-stat{min-width:3rem;padding:.375rem .5rem}.activity-cards-container{grid-template-columns:repeat(2,1fr)}.settings-menu{grid-template-columns:1fr}}@media (max-width: 360px){.activity-cards-container,.menu-grid,.settings-menu{grid-template-columns:1fr}}@media (min-width: 581px) and (max-width: 768px){.card-content{padding:1.25rem .75rem}.card-icon{padding:.625rem}}.subcategory-filter-container{display:flex;overflow-x:auto;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.subcategory-filter-container::-webkit-scrollbar{display:none}.subcategory-filter-button{display:flex;align-items:center;border-radius:9999px;border:1px solid #e5e7eb;font-size:14px;white-space:nowrap;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;padding:.5rem 1rem}.subcategory-filter-button:hover{background-color:#f3f4f6}.subcategory-filter-button.active{background-color:#fdf2f8;color:6b7280;font-weight:600;border-color:#fbcfe8}.subcategory-filter-container[data-color=blue] .subcategory-filter-button.active{background-color:#f0f7ff;border-color:#bfdbfe}.subcategory-filter-container[data-color=purple] .subcategory-filter-button.active{background-color:#8b5cf6;border-color:#8b5cf6}.subcategory-filter-container[data-color=green] .subcategory-filter-button.active{background-color:#10b981;border-color:#10b981}.subcategory-filter-container[data-color=red] .subcategory-filter-button.active{background-color:#ef4444;border-color:#ef4444}.subcategory-filter-container[data-color=yellow] .subcategory-filter-button.active{background-color:#f59e0b;border-color:#f59e0b}.category-fixed-container{position:sticky;top:0;z-index:100;background-color:#fff}.symptom-selector-main-category{margin-bottom:.5rem}.symptom-selector-no-selection{color:#6b7280}.cosmetic-selector-main-category{margin-bottom:.5rem}.cosmetic-selector-no-selection{color:#6b7280}.cosmetic-selector-result{margin-top:1rem;padding:1rem;background-color:#fdf2f8;border-radius:.5rem}.cosmetic-selector-result-title{font-size:1.125rem;font-weight:500;color:#be185d}.cosmetic-selector-result-item{margin-top:.5rem}.cosmetic-selector-result-label{font-weight:500}.cosmetic-selector-start-button{margin-top:1rem;background-color:#db2777;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}.cosmetic-selector-start-button:hover{background-color:#be185d}.horizontal-scrollable{display:flex;overflow-x:auto;scrollbar-width:thin;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scrollable::-webkit-scrollbar{display:none}.toggle-switch{position:relative;display:inline-block;width:46px;height:24px}.toggle-switch.small{width:36px;height:20px}.toggle-switch.large{width:54px;height:28px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch.small .toggle-slider:before{height:14px;width:14px;left:3px;bottom:3px}.toggle-switch.large .toggle-slider:before{height:22px;width:22px;left:3px;bottom:3px}input:checked+.toggle-slider{background-color:#2196f3}.toggle-switch[data-service-type=medical] input:checked+.toggle-slider{background-color:#60a5fa}.toggle-switch[data-service-type=cosmetic] input:checked+.toggle-slider{background-color:#f472b6}input:focus+.toggle-slider{box-shadow:0 0 1px #2196f3}input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch.large input:checked+.toggle-slider:before{transform:translate(26px)}.filtered-results-view-container{width:100%}.filtered-results-view-container h4{margin:0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.results-header h4{font-size:1rem;font-weight:600;color:#1f2937}.events-toggle{display:flex;align-items:center;gap:.5rem}.toggle-label{font-size:.85rem;color:#6b7280}.results-list{display:flex;flex-direction:column;gap:.75rem}.no-results{display:flex;justify-content:center;align-items:center;min-height:150px;text-align:center;background-color:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;margin-top:1rem}.no-results-message p{margin:0}.no-results-sub{font-size:.9rem;margin-top:.5rem;color:#9ca3af}@media (max-width: 480px){.events-toggle{gap:.35rem}.toggle-label{font-size:.75rem}}.doctor-card-item{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;overflow:hidden;border:1px solid #f0f0f0}.doctor-card-item-header{display:flex;align-items:flex-start}.doctor-card-item-image{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:.5rem;margin-left:1rem}.doctor-card-item-info{flex:1}.doctor-card-item-title{font-weight:700;margin:0;font-size:.9rem;color:#1f2937}.doctor-card-item-hospital{font-weight:600;color:#6b7280;font-size:.75rem;margin:.25rem 0 0}.doctor-card-item-rating-container{display:flex;align-items:center;margin:.25rem 0}.doctor-card-item-rating-stars{color:#fbbf24;margin-right:.25rem}.doctor-card-item-rating-value{font-weight:600;font-size:.875rem}.doctor-card-item-rating-count{color:#9ca3af;font-size:.75rem;margin-left:.25rem}.doctor-card-item-description{display:block;font-size:.6rem}.doctor-card-item-tags-container{display:flex;flex:1;flex-wrap:wrap;gap:.2rem;min-height:1.5rem}.doctor-tag{padding:.25rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:500;margin-right:.3rem;background-color:#f3f4f6;color:#6b7280;margin-bottom:.3rem}.doctor-tag-neurology{display:inline-flex;align-items:center;background-color:#e0f2fe;color:#0369a1}.doctor-tag-cardiology{display:inline-flex;align-items:center;background-color:#fee2e2;color:#dc2626}.doctor-tag-dermatology{display:inline-flex;align-items:center;background-color:#fae8ff;color:#a21caf}.doctor-tag-orthopedics{display:inline-flex;align-items:center;background-color:#dbeafe;color:#2563eb}.doctor-tag-gastroenterology{display:inline-flex;align-items:center;background-color:#f5f3ff;color:#7c3aed}.doctor-tag-ophthalmology{display:inline-flex;align-items:center;background-color:#dcfce7;color:#16a34a}.doctor-tag-ent{display:inline-flex;align-items:center;background-color:#fff7ed;color:#c2410c}.doctor-tag-psychiatry{display:inline-flex;align-items:center;background-color:#f3e8ff;color:#7e22ce}.doctor-tag-pulmonology{display:inline-flex;align-items:center;background-color:#ecfeff;color:#0891b2}.doctor-tag-default{display:inline-flex;align-items:center;background-color:#e5e7eb;color:#4b5563}.doctor-card-item-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f3f4f6}.doctor-card-item-experience{flex:1;font-weight:600;color:#3b82f6;font-size:.8rem}.doctor-card-item-actions{display:flex;gap:.5rem}.doctor-card-action-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.5rem;border:none;background-color:transparent;color:#4b5563;cursor:pointer;padding:.1rem}.doctor-card-action-button.primary{background-color:#3b82f6;color:#fff}.doctor-card-action-button.danger{background-color:#fee2e2;color:#ef4444}.doctor-card-action-button-active{color:#ef4444;fill:#ef4444}.booking-button{width:30%;background-color:#507abe;color:#fff;border:none;border-radius:.5rem;cursor:pointer;margin-top:.2rem;font-size:.8rem;padding:.875rem}.categories-content{display:flex;flex-direction:column;margin:0 .5rem -4rem}.filtered-results-container{flex:1;overflow-y:auto;margin:1rem 0 0}.medical-categories-page,.cosmetic-categories-page,.specialty-categories-page{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.no-results{display:flex;justify-content:center;align-items:center;height:200px;text-align:center}.no-results-message{color:#6b7280}.no-results-sub{font-size:.9rem;margin-top:.5rem}.selected-main-category{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;background-color:#fff;border-radius:.75rem;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:background-color .2s;border:1px solid #e5e7eb}.selected-main-category:hover{background-color:#f9fafb}.selected-category-content{display:flex;align-items:center;flex:1;min-width:0}.selected-category-name{font-size:1rem;font-weight:500;color:#1f2937}.category-toggle-button{display:flex;align-items:center;justify-content:center}.selected-main-category[data-service-type=medical]{border-color:#bfdbfe}.selected-main-category[data-service-type=medical]:hover{background-color:#f0f7ff}.selected-main-category[data-service-type=cosmetic]{border-color:#fbcfe8}.selected-main-category[data-service-type=cosmetic]:hover{background-color:#fdf2f8}.selected-main-category[data-service-type=specialty]{border-color:#a7f3d0}.selected-main-category[data-service-type=specialty]:hover{background-color:#ecfdf5}.main-category-list{background-color:#fff;border-radius:.75rem;padding:.5rem 0rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.main-category-list[data-service-type=medical]{border-color:#bfdbfe}.main-category-list[data-service-type=cosmetic]{border-color:#fbcfe8}.main-category-list[data-service-type=specialty]{border-color:#e0e7ff}.category-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.category-list-header h3{font-size:1rem;font-weight:600;margin:0}.main-category-list[data-service-type=medical] .category-list-header h3{color:#1f2937}.main-category-list[data-service-type=cosmetic] .category-list-header h3{color:#c5587d}.main-category-list[data-service-type=specialty] .category-list-header h3{color:#4f46e5}.close-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;padding:.5rem;border-radius:9999px}.close-button:hover{background-color:#f3f4f6}.subcategory-selector{margin-bottom:.5rem}.subcategory-selector.with-category-list{margin-top:.5rem}.selected-category-text{display:flex;flex-direction:column;margin-left:.75rem;min-width:0;flex:1}.selected-category-description{font-size:.75rem;color:#6b7280;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.specialties-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.specialty-item{text-align:center}.specialty-label{display:inline-block;padding:.5rem .75rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;font-size:.9rem;color:#4b5563;width:100%;cursor:pointer;transition:all .2s}.specialty-label:hover{background-color:#f9fafb;border-color:#d1d5db}.specialty-label.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}@media (max-width: 480px){.medical-categories-page,.cosmetic-categories-page,.specialty-categories-page{grid-template-columns:repeat(4,1fr)}.specialties-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 360px){.medical-categories-page,.cosmetic-categories-page,.specialty-categories-page{grid-template-columns:repeat(3,1fr)}.specialties-grid{grid-template-columns:repeat(2,1fr)}}.region-selector{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:100%;background-color:#fff;padding:0;margin-bottom:1.5rem;position:relative;display:flex;flex-direction:column;height:calc(100vh - 100px)}.region-header-fixed{position:sticky;top:0;z-index:10;background-color:#fff;margin:0 1rem 1rem}.region-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.region-title h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.region-title .icon{color:#4b5563}.region-path{display:flex;align-items:center;font-size:.9rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;flex-wrap:wrap}.path-item{font-weight:500;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center}.path-item:hover{background-color:#e5e7eb}.path-item.city{color:#1e40af}.path-item.district{color:#047857}.path-item.neighborhood{color:#7c3aed}.path-separator{color:#9ca3af;margin:0 .25rem}.path-empty{color:#9ca3af;font-style:italic}.region-content-scrollable{flex:1;overflow-y:auto;padding:0 1.25rem 1.25rem;scrollbar-width:none;-ms-overflow-style:none}.region-content-scrollable::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.region-section{margin-bottom:1.5rem}.region-grid{display:grid;gap:.5rem;margin-bottom:.25rem}.city-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.city-item .region-item-content{min-height:1.8rem}.district-grid,.neighborhood-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.region-content-scrollable::-webkit-scrollbar{width:5px}.region-content-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.region-content-scrollable::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.region-content-scrollable::-webkit-scrollbar-thumb:hover{background:#9ca3af}.region-item{position:relative;padding:.75rem .5rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease;min-height:2.5rem;text-align:left}.region-item:hover{background-color:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 5px #00000014;border-color:#e5e7eb}.region-item-content{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:1.5rem}.region-name{font-size:.875rem;font-weight:400;color:#374151;flex:1;display:flex;align-items:center;min-height:1.5rem}.region-item.selected{background-color:#eef2ff;border-color:#a5b4fc;box-shadow:0 0 0 1px #c7d2fe}.city-item.selected{background-color:#dbeafe;border-color:#93c5fd;box-shadow:0 0 0 1px #bfdbfe}.city-item.selected .region-name{color:#1e40af;font-weight:500}.district-item.selected{background-color:#d1fae5;border-color:#6ee7b7;box-shadow:0 0 0 1px #a7f3d0}.district-item.selected .region-name{color:#047857;font-weight:500}.neighborhood-item.selected{background-color:#f3e8ff;border-color:#c4b5fd;box-shadow:0 0 0 1px #ddd6fe}.neighborhood-item.selected .region-name{color:#6d28d9;font-weight:500}.all-item{background-color:#f0f9ff;border-color:#bae6fd}.all-item:hover{background-color:#e0f2fe;border-color:#7dd3fc}.all-item.selected{background-color:#dbeafe;border-color:#60a5fa;box-shadow:0 0 0 2px #93c5fd}.all-item.selected .region-name{color:#1e40af;font-weight:500}.region-item.density-very_high{border-left-width:4px;border-left-color:#ef4444}.region-item.density-high{border-left-width:4px;border-left-color:#f97316}.region-item.density-medium{border-left-width:4px;border-left-color:#22c55e}.region-item.density-low{border-left-width:4px;border-left-color:#3b82f6}.region-item.density-very_low{border-left-width:4px;border-left-color:#9ca3af}.tag-container{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;height:100%}.tag{font-size:.65rem;font-weight:500;padding:.1rem .35rem;border-radius:9999px;white-space:nowrap;display:inline-flex;align-items:center;height:1.25rem}.tag.medical-hub{background-color:#dbeafe;color:#1d4ed8}.tag.hospital-high{background-color:#fee2e2;color:#b91c1c}.tag.specialty-plastic{background-color:#fbcfe8;color:#be185d}.tag.specialty-dermatology{background-color:#ddd6fe;color:#6d28d9}@media (max-width: 640px){.region-selector{padding:0}.region-content-scrollable{padding:0 1rem 1rem}.city-grid,.district-grid,.neighborhood-grid{grid-template-columns:repeat(3,1fr)}.region-name{font-size:.8rem}.tag{font-size:.6rem}}@media (max-width: 480px){.city-grid,.district-grid,.neighborhood-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 360px){.region-selector{height:calc(100vh - 80px)}.region-content-scrollable{padding:0 .75rem .75rem}.region-item{padding:.5rem .25rem;min-height:2.5rem}.region-name{font-size:.75rem}}.simple-density-legend{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-size:.7rem}.density-label{font-size:.7rem;font-weight:400;color:#6b7280;white-space:nowrap}.density-bar{height:7px;width:80px;border-radius:4px;background:linear-gradient(to right,#ef4444,#f97316,#22c55e,#3b82f6,#9ca3af);margin:0 4px}@media (max-width: 480px){.density-bar{width:60px;height:6px}.density-label{font-size:.65rem}}@media (max-width: 360px){.simple-density-legend{gap:3px}.density-bar{width:50px}}.hospital-detail-content{padding-bottom:4rem;overflow-x:hidden}.hospital-image-slider{position:relative;height:100px;overflow:hidden;margin:0 -.5rem 1rem}.hospital-main-image{width:100%;height:100%;object-fit:cover}.image-count-badge{position:absolute;bottom:10px;right:10px;background-color:#0009;color:#fff;border-radius:999px;padding:.25rem .5rem;font-size:12px;display:flex;align-items:center;gap:.25rem}.hospital-basic-info{padding:0 1rem;margin-bottom:1rem}.hospital-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.hospital-title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:#1f2937}.hospital-specialty{display:flex;gap:.25rem;margin-bottom:.5rem}.specialty-tag-plastic{background-color:#fee2e2;color:#b91c1c}.hospital-actions{display:flex;gap:.5rem}.hospital-rating{display:flex;align-items:center;margin-bottom:.75rem}.rating-value{font-weight:600;font-size:.875rem;margin-left:.25rem}.review-count{color:#6b7280;font-size:.875rem;margin-left:.25rem}.hospital-event-banner{display:flex;align-items:center;background-color:#f0f9ff;border-radius:.75rem;padding:.75rem;margin-bottom:.75rem}.event-badge{background-color:#3b82f6;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:9999px;margin-right:.5rem}.event-info{flex:1}.event-period{font-size:.75rem;color:#6b7280}.event-content{font-size:.875rem;font-weight:500}.event-price{text-align:right}.original-price{font-size:.75rem;color:#6b7280;text-decoration:line-through}.hospital-address,.hospital-phone,.hospital-hours{display:flex;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:#4b5563}.hospital-address span,.hospital-phone span,.hospital-hours span{margin-left:.5rem;display:flex;align-items:center;justify-content:space-between;flex:1}.hospital-description{font-size:.875rem;line-height:1.5;color:#4b5563;max-height:6rem;overflow:hidden;position:relative}.hospital-description.show-full{max-height:none}.hospital-description:not(.show-full):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2rem;background:linear-gradient(to bottom,#fff0,#fff)}.facilities-list,.insurance-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.facility-item,.insurance-item{display:flex;align-items:center;font-size:.875rem;color:#4b5563}.facility-item svg,.insurance-item svg{margin-right:.5rem;flex-shrink:0}.hospital-map-container{border-radius:.75rem;overflow:hidden;position:relative}.hospital-map{width:100%;height:200px;object-fit:cover}.map-address{position:absolute;bottom:0;left:0;right:0;background-color:#ffffffe6;padding:.5rem;display:flex;align-items:center;font-size:.75rem;color:#4b5563}.map-address svg{margin-right:.5rem;flex-shrink:0}.doctors-list{list-style:none;padding:0;margin:0}.doctor-item{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid #f3f4f6;position:relative}.doctor-item.selected{background-color:#f0f9ff;border-radius:.5rem;padding:1rem;margin:0 -1rem}.doctor-image-container{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;margin-right:1rem;flex-shrink:0}.doctor-image{width:100%;height:100%;object-fit:cover}.doctor-info{flex:1}.doctor-name{font-size:.875rem;font-weight:600;margin:0;color:#1f2937}.award-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#fff7ed;color:#c2410c;width:1.25rem;height:1.25rem;border-radius:50%;margin-left:.5rem}.doctor-specialty,.doctor-experience{font-size:.75rem;color:#6b7280;margin:.125rem 0}.doctor-rating{display:flex;align-items:center;margin-top:.25rem;font-size:.75rem}.doctor-rating svg{margin-right:.25rem}.doctor-rating .review-count{font-size:.75rem}.select-doctor-button{background-color:#3b82f6;color:#fff;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer}.doctor-item.selected .select-doctor-button{background-color:#1d4ed8}.no-doctors-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;color:#6b7280;text-align:center}.no-doctors-message svg{margin-bottom:.5rem}.stars-container{display:flex;align-items:center}.selected-doctor-chip{display:flex;align-items:center;padding:.25rem .5rem;background-color:#f3f4f6;border-radius:.5rem;font-size:.75rem;margin-bottom:.5rem}.mini-doctor-image{width:1.25rem;height:1.25rem;border-radius:50%;margin-right:.25rem;object-fit:cover}@media (max-width: 480px){.hospital-detail-content{padding-bottom:4rem}}.doctor-detail-content{padding-bottom:4rem;overflow-x:hidden}.doctor-profile-header{display:flex;padding:0rem .5rem;background-color:#fff;border-radius:.75rem;margin:0 .5rem}.doctor-image-container{position:relative;width:80px;height:80px}.doctor-profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 6px #0000001a}.doctor-badge-container{position:absolute;bottom:0;right:0}.doctor-badge{display:flex;align-items:center;justify-content:center;background-color:#fef3c7;color:#d97706;width:1.5rem;height:1.5rem;border-radius:50%;box-shadow:0 1px 3px #0000001a;border:1px solid white}.doctor-basic-info{flex:1}.doctor-name-container{display:flex;align-items:center;margin-bottom:.25rem}.doctor-name{font-size:1.25rem;font-weight:700;margin:0 .5rem .25rem 0;color:#1f2937}.specialty-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;margin-right:.3rem;margin-bottom:.3rem}.specialty-tag-neurology{background-color:#e0f2fe;color:#0369a1}.specialty-tag-cardiology{background-color:#fee2e2;color:#b91c1c}.specialty-tag-dermatology{background-color:#fae8ff;color:#a21caf}.specialty-tag-orthopedics{background-color:#e0e7ff;color:#4338ca}.specialty-tag-gastroenterology{background-color:#def7ec;color:#047857}.specialty-tag-ophthalmology{background-color:#fff7ed;color:#c2410c}.specialty-tag-ent{background-color:#ede9fe;color:#6d28d9}.specialty-tag-psychiatry{background-color:#fef3c7;color:#92400e}.specialty-tag-pulmonology{background-color:#dbeafe;color:#1e40af}.doctor-rating,.doctor-hospital,.doctor-experience-years{display:flex;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:#4b5563}.doctor-rating svg,.doctor-hospital svg,.doctor-experience-years svg{margin-right:.5rem;flex-shrink:0}.rating-value{font-weight:600;font-size:.875rem;margin-right:.25rem}.review-count{color:#6b7280;font-size:.75rem}.doctor-fee{display:flex;align-items:center;justify-content:flex-start;margin-top:.5rem}.consultation-fee-label{font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem 0 0 .25rem}.consultation-fee-value{font-size:.875rem;font-weight:600;color:#1f2937;background-color:#f9fafb;padding:.25rem .5rem;border-radius:0 .25rem .25rem 0;border-left:1px solid #e5e7eb}.doctor-subspecialties{background-color:#f9fafb;border-radius:.75rem;padding:.75rem 1rem;margin:0 .5rem 1rem}.subspecialty-title{font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:.5rem}.subspecialty-tags{display:flex;flex-wrap:wrap;gap:.5rem}.subspecialty-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;background-color:#fff;color:#4b5563;border:1px solid #e5e7eb}.quick-appointment-section{padding:.5rem 1rem;background-color:#fff;border-radius:.75rem;margin:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.appointment-slots{display:flex;flex-direction:column;gap:.75rem}.appointment-day{display:flex;align-items:center;padding:.5rem 0}.appointment-date{flex:1;display:flex;flex-direction:row;align-items:baseline;gap:.75rem}.date{font-size:.875rem;font-weight:600;color:#1f2937}.day{font-size:.75rem;color:#6b7280}.appointment-times{display:flex;gap:.5rem}.time-slot-button{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;background-color:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s}.time-slot-button:hover{background-color:#e5e7eb}.view-all-slots-button{width:100%;padding:.5rem;border-radius:.5rem;border:1px solid #3b82f6;background-color:#fff;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.view-all-slots-button:hover{background-color:#eff6ff}.icon-button{background:none;border:none;padding:.25rem;cursor:pointer}.tab-navigation{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;position:sticky;top:-1rem;background-color:#fff;z-index:5}.tab-button{flex:1;padding:.75rem 0;background:none;border:none;font-size:.875rem;font-weight:500;color:#6b7280;position:relative;cursor:pointer}.tab-button.active{color:#3b82f6;font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#3b82f6}.tab-content{padding:0 1rem}.info-section{margin-bottom:1.5rem}.section-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#1f2937}.doctor-description{font-size:.875rem;line-height:1.5;color:#4b5563;max-height:6rem;overflow:hidden;position:relative}.doctor-description.show-full{max-height:none}.doctor-description:not(.show-full):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2rem;background:linear-gradient(to bottom,#fff0,#fff)}.view-more-text{background:none;border:none;color:#3b82f6;font-size:.75rem;padding:0;margin-top:.25rem;cursor:pointer;display:block;width:100%;text-align:right}.education-list,.certification-list,.awards-list,.publications-list,.preparation-list{list-style:none;padding:0;margin:0}.education-item,.certification-item,.award-item,.publication-item{display:flex;align-items:flex-start;padding:.5rem 0;font-size:.875rem;color:#4b5563}.education-item:last-child,.certification-item:last-child,.award-item:last-child,.publication-item:last-child{border-bottom:none}.education-item svg,.certification-item svg,.award-item svg,.publication-item svg{margin-right:.75rem;margin-top:.125rem;flex-shrink:0}.language-tags{display:flex;flex-wrap:wrap;gap:.5rem}.language-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;background-color:#f3f4f6;color:#4b5563}.hospital-card{display:flex;background-color:#f9fafb;border-radius:.75rem;overflow:hidden;border:1px solid #e5e7eb}.hospital-card-image{width:5rem;height:5rem;overflow:hidden}.hospital-card-image img{width:100%;height:100%;object-fit:cover}.hospital-card-info{flex:1;padding:.75rem}.hospital-card-name{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#1f2937}.hospital-card-address{font-size:.75rem;color:#6b7280;margin:0 0 .5rem}.view-hospital-button{font-size:.75rem;color:#3b82f6;background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center}.view-hospital-button:after{content:"→";margin-left:.25rem}.reviews-summary{display:flex;margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.75rem}.average-rating{flex:1;text-align:center;padding-right:1rem;border-right:1px solid #e5e7eb}.average-rating h3{font-size:2rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.rating-stars{margin-bottom:.25rem}.stars-container{display:flex;align-items:center;justify-content:center}.star{color:#d1d5db;font-size:1rem}.star.filled{color:#fbbf24}.star.half-filled{position:relative;color:#d1d5db}.star.half-filled:after{content:"★";position:absolute;left:0;top:0;width:50%;overflow:hidden;color:#fbbf24}.total-reviews{font-size:.75rem;color:#6b7280;margin:0}.rating-bars{flex:2;padding-left:1rem}.rating-bar-item{display:flex;align-items:center;margin-bottom:.25rem;font-size:.75rem}.rating-label{width:2rem;text-align:left;color:#6b7280}.rating-bar-container{flex:1;height:.5rem;background-color:#e5e7eb;border-radius:9999px;margin:0 .5rem;overflow:hidden}.rating-bar-fill{height:100%;background-color:#fbbf24;border-radius:9999px}.rating-percentage{width:2rem;text-align:right;color:#6b7280}.reviews-list-container{margin-top:1.5rem}.reviews-list{list-style:none;padding:0;margin:0}.review-item{padding:1rem 0;border-bottom:1px solid #f3f4f6}.review-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.reviewer-info{display:flex;align-items:center}.reviewer-image{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:.75rem;object-fit:cover}.reviewer-name{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#1f2937}.review-rating{display:flex;align-items:center}.review-date{font-size:.75rem;color:#6b7280;margin-left:.5rem}.report-button{background:none;border:none;padding:.25rem;color:#6b7280}.review-content{font-size:.875rem;line-height:1.5;color:#4b5563;margin:0}.view-more-button{background:none;border:none;color:#3b82f6;font-size:.75rem;font-weight:500;padding:0;display:flex;align-items:center;cursor:pointer}.view-more-button.centered{margin:1rem auto;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb}.opening-hours-list{list-style:none;padding:0;margin:0}.opening-hours-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid #f3f4f6}.opening-hours-item:last-child{border-bottom:none}.day{font-weight:500;color:#4b5563}.hours{color:#6b7280}.hours.closed{color:#ef4444}.booking-methods{display:flex;flex-direction:column;gap:1rem}.booking-method{display:flex;align-items:flex-start;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.booking-method-icon{margin-right:.75rem;margin-top:.25rem}.booking-method-info h4{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#1f2937}.booking-method-info p{font-size:.75rem;color:#6b7280;margin:0}.preparation-list li{display:flex;align-items:center;padding:.5rem 0;font-size:.875rem;color:#4b5563}.preparation-list li svg{margin-right:.75rem;flex-shrink:0}@media (max-width: 480px){.doctor-profile-header{margin:0 .5rem}.doctor-subspecialties{margin:0 .5rem 1rem}.quick-appointment-section{margin:.5rem}.appointment-times{flex-wrap:wrap}.appointment-day{flex-direction:row}.reviews-summary{flex-direction:column}.average-rating{padding-right:0;padding-bottom:1rem;border-right:none;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.rating-bars{padding-left:0}}.comment-input{flex:1;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;outline:none;font-size:.875rem;background-color:#fff;color:#000}.comment-submit-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border:none;border-radius:50%;background-color:#f0f0f0;cursor:pointer;padding:0;margin-left:.5rem}.comment-submit-button:hover{background-color:#e0e0e0}.comment-submit-button:active{background-color:#d0d0d0}.comment-submit-button:disabled{cursor:not-allowed;opacity:.7}.community-detail-content{display:flex;flex-direction:column;margin:0 .5rem 1rem}.community-detail-header{margin-bottom:1rem}.community-detail-meta{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1em 1rem;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 8px #0000001a;color:#333;border:1px solid #f0f0f0}.community-detail-tag-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.community-detail-tag{display:inline-block;font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;background-color:#f3f4f6;color:#4b5563}.community-detail-tag.category.medical{background-color:#dbeafe;color:#1e40af}.community-detail-tag.category.cosmetic{background-color:#fce7f3;color:#be185d}.community-detail-tag.hospital.medical,.community-detail-tag.hospital.cosmetic{background-color:#fef3c7;color:#92400e}.community-detail-tag.tag{background-color:#f3f4f6;color:#6b7280}.community-detail-title{font-size:1.125rem;font-weight:600;line-height:1.4;margin:.5rem 0;color:#1f2937}.community-detail-info{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.community-detail-author{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.community-detail-author-info{display:flex;flex-direction:column;gap:.25rem;margin-left:"11rem"}.community-detail-author-name{font-weight:500;font-size:.875rem;color:#4b5563}.community-detail-author-level{font-size:.675rem;color:#6b7280;background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.5rem}.community-detail-author-badge{font-size:.675rem;color:#be185d;background-color:#fce7f3;padding:.125rem .375rem;border-radius:.5rem}.community-detail-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#e5e7eb;flex-shrink:0}.community-detail-avatar img{width:100%;height:100%;object-fit:cover}.community-detail-avatar-placeholder{width:100%;height:100%;background-color:#9ca3af}.community-detail-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#9ca3af}.community-detail-body{padding:1em;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 8px #0000001a;color:#333;border:1px solid #f0f0f0}.community-detail-text{line-height:2rem;font-size:.9rem}.community-detail-images{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1rem}.community-detail-image{border-radius:.5rem;overflow:hidden;position:relative;padding-top:100%;cursor:pointer;box-shadow:0 1px 3px #0000001a;border:1px solid #f0f0f0}.community-detail-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.community-detail-stats{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-top:1rem}.community-detail-stats-left{display:flex;gap:1rem}.community-detail-stat{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280}.community-detail-actions{display:flex;gap:1rem}.community-detail-action{display:flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:.25rem;font-size:.875rem;color:#6b7280}.community-detail-action.active{color:#ff4757}.community-detail-share-wrapper{position:relative}.community-detail-share-tooltip{position:absolute;bottom:-40px;right:-30px;background-color:#000000bf;color:#fff;font-size:.75rem;padding:.375rem .75rem;border-radius:.375rem;white-space:nowrap;display:flex;align-items:center;gap:.375rem;z-index:10;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.community-detail-comments{margin:1rem 1rem 3rem}.community-detail-comments-header{margin-bottom:1rem}.community-detail-comments-header h3{font-size:1rem;font-weight:600;color:#1f2937}.community-detail-comments-list{display:flex;flex-direction:column;gap:1.25rem}.community-comment-item{display:flex;gap:.75rem}.community-comment-item.comment-reply{margin-left:2rem;padding-left:1rem;border-left:2px solid #e5e7eb}.community-comment-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#e5e7eb;flex-shrink:0}.community-comment-avatar img{width:100%;height:100%;object-fit:cover}.community-comment-avatar-placeholder{width:100%;height:100%;background-color:#9ca3af}.community-comment-content{flex:1}.community-comment-author-info{display:flex;align-items:center;gap:.5rem}.community-comment-author{font-size:.875rem;font-weight:500;color:#4b5563}.community-comment-author-level{font-size:.675rem;color:#6b7280;background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.5rem}.community-comment-date{font-size:.75rem;color:#9ca3af}.community-comment-text{font-size:.875rem;line-height:1.5;color:#262626;margin-bottom:.5rem;word-break:break-word}.community-comment-actions{display:flex;gap:.75rem}.community-comment-like{display:flex;align-items:center;gap:.25rem;background:none;border:none;font-size:.75rem;color:#9ca3af;cursor:pointer;padding:0}.community-comment-reply-button{display:flex;align-items:center;gap:.25rem;background:none;border:none;font-size:.75rem;color:#6b7280;cursor:pointer;padding:0}.community-image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.community-image-modal-content{position:relative;max-width:95%;max-height:90%}.community-image-modal-content img{max-width:100%;max-height:80vh;display:block;margin:0 auto;border-radius:.25rem}.community-image-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1001}.community-image-modal-counter{position:absolute;bottom:-30px;left:0;right:0;text-align:center;color:#fff;font-size:.875rem}.community-more-button{background:none;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.community-actions-menu{position:absolute;top:60px;right:.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 10px #00000026;overflow:hidden;z-index:100;width:150px;border:1px solid #f0f0f0;animation:fadeIn .2s ease}.community-action-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.875rem;color:#f44336}.community-action-item:hover{background-color:#f3f4f6}.comment-container{display:flex;flex-direction:column;align-items:stretch;background-color:#fff;border-top:1px solid #efefef;padding:.75rem 1rem;position:fixed;bottom:3.5rem;left:50%;transform:translate(-50%);width:480px;max-width:100%;box-sizing:border-box;z-index:30}@media (max-width: 480px){.comment-container{width:100%}}.comment-input-row{display:flex;align-items:center;width:100%}.comment-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:.75rem;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-input-wrapper{position:relative;flex:1;display:flex;align-items:center;background-color:#f3f4f6;border-radius:9999px;min-height:40px}.comment-input{flex:1;border:none;background:transparent;outline:none;font-size:.875rem;color:#262626;padding:.5rem 1rem;resize:none;min-height:20px;max-height:80px;line-height:1.4;align-content:center;border-radius:1rem;padding:0 1rem}.comment-input::placeholder{color:#8e8e8e}.comment-actions{display:flex;align-items:center;margin-left:.75rem}.emoji-button{background:none;border:none;color:#8e8e8e;padding:0rem;margin-right:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.comment-submit-button{background:none;border:none;color:#0095f6;font-weight:600;padding:0;cursor:pointer;font-size:.875rem;opacity:.5;transition:opacity .2s}.comment-submit-button.active{opacity:1}.reply-indicator{display:flex;align-items:center;justify-content:space-between;background-color:#f8f9fa;padding:.5rem 1rem;border-radius:.5rem;margin-bottom:.5rem;width:100%}.reply-to-text{font-size:.75rem;color:#0095f6;font-weight:500}.cancel-reply-button{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;color:#8e8e8e;cursor:pointer}.community-detail-comments{margin:1rem 0 5.5rem;padding:0 1rem}.community-detail-comments-list{display:flex;flex-direction:column}.community-comment-item{display:flex;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.community-comment-item.comment-reply{margin-left:2.5rem;border-bottom:none;padding-bottom:.5rem;padding-top:.5rem}.community-comment-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:.75rem;flex-shrink:0}.community-comment-content{flex:1;overflow:hidden}.community-comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.view-more-comments{display:flex;justify-content:center;padding:1rem 0;color:#8e8e8e;font-size:.875rem;font-weight:600;cursor:pointer}.view-more-comments:hover{color:#262626}.community-comment-text-wrapper{display:flex;word-break:break-word}.community-comment-text{font-size:.875rem;line-height:1.5;color:#262626;margin-right:.5rem;white-space:pre-wrap}.community-comment-like-button{padding:.25rem;background:none;border:none;margin-left:.25rem;color:#8e8e8e;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.community-comment-footer{display:flex;gap:1rem;margin-top:.375rem;font-size:.75rem;color:#8e8e8e}.community-comment-time{color:#8e8e8e}.community-comment-like-count{font-weight:600;cursor:pointer}.community-comment-reply-button{background:none;border:none;color:#8e8e8e;padding:0;font-size:.75rem;cursor:pointer;font-weight:600}.community-comment-item .community-comment-text,.community-comment-item.comment-reply .community-comment-text{color:#262626}.community-comment-text strong{font-weight:600;color:#262626}@keyframes heartPop{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(.95)}45%,80%{transform:scale(1)}}.heart-animation{animation:heartPop .45s forwards}.emoji-picker-container{position:absolute;bottom:50px;right:10px;z-index:100;background-color:#fff;border-radius:.5rem;box-shadow:0 0 10px #0000001a;border:1px solid #efefef}.emoji-list{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;padding:.75rem;max-height:200px;overflow-y:auto}.emoji-item{font-size:1.25rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.emoji-item:hover{background-color:#f3f4f6}.mention-dropdown{position:absolute;bottom:50px;left:10px;background-color:#fff;border-radius:.5rem;box-shadow:0 0 10px #0000001a;border:1px solid #efefef;max-height:200px;overflow-y:auto;width:200px;z-index:100}.mention-item{display:flex;align-items:center;padding:.5rem;cursor:pointer}.mention-item:hover{background-color:#f3f4f6}.mention-avatar{width:24px;height:24px;border-radius:50%;margin-right:.5rem}.mention-name{font-size:.875rem;font-weight:500}.reply-thread-indicator{margin-left:2.5rem;margin-top:.5rem;margin-bottom:.5rem;cursor:pointer;color:#0095f6;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.reply-thread-indicator:hover{color:#00376b}.reply-thread-line{width:1.5rem;height:1px;background-color:#efefef;margin-right:.5rem}.mention{color:#0095f6;font-weight:600}.view-more-replies{margin-left:2.5rem;margin-top:.25rem;margin-bottom:.5rem;color:#8e8e8e;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem}.view-more-replies:hover{color:#262626}.community-detail-content{padding-bottom:70px}.container>div:nth-child(2){padding-bottom:90px}.community-detail-comments-list{scroll-margin-bottom:140px}.comment-item-highlighted{background-color:#0095f60d;border-radius:.5rem;animation:highlight-fade 2s forwards}@keyframes highlight-fade{0%{background-color:#0095f61a}to{background-color:transparent}}@media (max-width: 480px){.comment-container{bottom:3.5rem}.emoji-picker-container{bottom:45px;right:5px}.emoji-list{grid-template-columns:repeat(6,1fr);padding:.5rem}.emoji-item{width:28px;height:28px;font-size:1.125rem}.reply-indicator{padding:.375rem .75rem}}.community-detail-comments{padding-bottom:65px}.reply-indicator{background-color:#f0f8ff;border-radius:.5rem;padding:.5rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.reply-to-text{font-size:.75rem;color:#0095f6;font-weight:600}.cancel-reply-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%}.cancel-reply-button:hover{background-color:#0000000d}.booking-content{margin-bottom:1rem;overflow-y:auto;height:calc(100vh - 60px);padding-bottom:5rem;margin:0 .5rem}.booking-info-card{background-color:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.booking-info-header{margin-bottom:.75rem}.booking-info-title{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:#1f2937}.booking-info-subtitle{font-size:.875rem;color:#6b7280;margin:0}.booking-type-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#e0f2fe;color:#0369a1}.booking-section{background-color:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.booking-section-title{display:flex;align-items:center;font-size:1rem;font-weight:600;margin:0 0 1rem;color:#1f2937}.booking-section-title svg{margin-right:.5rem;color:#3b82f6}.date-selection{display:flex;overflow-x:auto;gap:.5rem;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.date-selection::-webkit-scrollbar{display:none}.date-button{display:flex;flex-direction:column;align-items:center;min-width:3.5rem;padding:.75rem .5rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;transition:all .2s}.date-button.selected{border-color:#3b82f6;background-color:#eff6ff}.date-day{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.date-number{font-size:1.125rem;font-weight:600;color:#1f2937}.date-button.selected .date-day,.date-button.selected .date-number{color:#3b82f6}.time-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.time-button{padding:.75rem .5rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;font-size:.875rem;color:#4b5563;transition:all .2s}.time-button.selected{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6;font-weight:500}.no-times-message{text-align:center;color:#6b7280;font-size:.875rem;padding:1rem}.button-group{display:flex;gap:.75rem}.booking-prev-button{width:100%;border-radius:.5rem;border:1px solid #3b82f6;background-color:#fff;color:#3b82f6;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.booking-prev-button:hover{background-color:#eff6ff}.booking-prev-button:disabled{border-color:#93c5fd;color:#93c5fd;cursor:not-allowed}.booking-next-button{flex:2;padding:.875rem;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.booking-next-button:disabled{background-color:#93c5fd;cursor:not-allowed}.booking-summary-card{background-color:#f9fafb;border-radius:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid #e5e7eb}.booking-summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.booking-summary-item:last-child{margin-bottom:0}.booking-summary-label{font-size:.875rem;color:#6b7280}.booking-summary-value{font-size:.875rem;font-weight:500;color:#1f2937}.input-help-text{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.symptoms-container{margin-bottom:.5rem}.symptoms-textarea{width:100%;height:6rem;padding:.75rem;border-radius:.375rem;border:1px solid #d1d5db;font-size:.875rem;resize:none;box-sizing:border-box;transition:all .2s;background-color:#fff;color:#4b5563}.symptoms-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.image-upload-container{margin-top:.75rem}.image-upload-button{display:flex;align-items:center;padding:.5rem .75rem;border-radius:.375rem;border:1px dashed #d1d5db;background-color:#f9fafb;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .2s}.image-upload-button:hover{border-color:#3b82f6;background-color:#eff6ff}.image-upload-button svg{margin-right:.5rem;color:#6b7280}.image-preview-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.image-preview-item{position:relative;width:5rem;height:5rem;border-radius:.375rem;overflow:hidden;border:1px solid #e5e7eb}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-remove-button{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;border-radius:9999px;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;border:none;padding:0;min-width:1.25rem;max-width:1.25rem;min-height:1.25rem;max-height:1.25rem}.terms-agreement{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.checkbox-container{display:flex;align-items:center;cursor:pointer}.custom-checkbox{width:1rem;height:1rem;margin-right:.5rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;position:relative;flex-shrink:0}.custom-checkbox.checked{background-color:#3b82f6;border-color:#3b82f6}.checkmark{position:absolute;left:.3rem;top:.15rem;width:.25rem;height:.5rem;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.checkbox-container label{font-size:.875rem;color:#4b5563}.terms-detail-button{background:none;border:none;font-size:.75rem;color:#6b7280;display:flex;align-items:center;cursor:pointer}.terms-detail-button svg{margin-left:.25rem}.confirmation-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.confirmation-title{font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;color:#1f2937;text-align:center}.confirmation-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.confirmation-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.confirmation-section-title{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:#4b5563}.confirmation-text{font-size:1rem;font-weight:500;margin:0 0 .25rem;color:#1f2937}.confirmation-subtext{font-size:.875rem;color:#6b7280;margin:0}.confirmation-info-item{display:flex;align-items:center;margin-bottom:.5rem}.confirmation-info-item:last-child{margin-bottom:0}.confirmation-info-item svg{margin-right:.75rem;color:#3b82f6}.confirmation-info-item p{font-size:.875rem;color:#1f2937;margin:0}.confirmation-price{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:.75rem 0}.confirmation-price-label{font-size:.875rem;font-weight:600;color:#1f2937}.confirmation-price-value{font-size:1.125rem;font-weight:700;color:#2563eb}.confirmation-price-note{font-size:.75rem;color:#6b7280;margin-top:.5rem}.confirmation-notes{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.confirmation-notes-title{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:#4b5563}.confirmation-notes-list{padding-left:1.25rem;margin:0}.confirmation-notes-list li{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.confirmation-notes-list li:last-child{margin-bottom:0}.booking-actions{display:flex;gap:.75rem;margin-top:1rem}.booking-modify-button{flex:1;padding:.875rem;border-radius:.5rem;border:1px solid #3b82f6;background-color:#fff;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.booking-confirm-button{flex:2;padding:.875rem;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.booking-modify-button:hover{background-color:#eff6ff}.booking-confirm-button:hover{background-color:#2563eb}.payment-step{padding-bottom:2rem}.payment-amount{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.price-value{font-size:1rem;font-weight:700;color:#2563eb}.payment-methods{margin-bottom:1rem}.payment-method-options{display:flex;flex-direction:column;gap:.75rem}.payment-method-option{display:flex;align-items:center;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .2s}.payment-method-option.selected{border-color:#3b82f6;background-color:#eff6ff}.payment-method-radio{width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #d1d5db;margin-right:.75rem;display:flex;align-items:center;justify-content:center;background-color:#fff}.payment-method-option.selected .payment-method-radio{border-color:#3b82f6}.radio-inner{width:.75rem;height:.75rem;border-radius:50%;background-color:transparent;transition:all .2s}.radio-inner.selected{background-color:#3b82f6}.payment-method-option span{font-size:.875rem;color:#4b5563}.payment-method-option.selected span{color:#1f2937;font-weight:500}.payment-card-info{margin-bottom:1rem}.form-row{display:flex;gap:.75rem}.form-group.half{flex:1}.payment-info-message{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;background-color:#f9fafb}.payment-info-message svg{color:#f59e0b;flex-shrink:0}.payment-info-message p{font-size:.875rem;color:#4b5563;margin:0}.payment-terms-agreement{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.payment-button{width:100%;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.payment-button:disabled{background-color:#93c5fd;cursor:not-allowed}.payment-button.processing{background-color:#2563eb;cursor:wait}.payment-processing{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinner .8s linear infinite}.payment-success{background-color:#fff;border-radius:.75rem;padding:2rem 1.5rem;margin:2rem 0;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.payment-success-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background-color:#ecfdf5;color:#10b981;margin-bottom:1.5rem}.payment-success-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;text-align:center}.payment-success-message{font-size:.875rem;color:#6b7280;text-align:center;margin:0 0 1.5rem}.payment-complete-button{border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.payment-complete-button:hover{background-color:#2563eb}.ssn-edit-button{background-color:transparent;border:none;color:#3b82f6;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:8px;border-radius:4px;transition:background-color .2s}.ssn-edit-button:hover{background-color:#eff6ff}.ssn-container{display:flex;align-items:center;width:100%}.ssn-input{flex:1}.masked-input{background-color:#f9fafb;color:#4b5563}.booking-cancel-button{background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem;transition:color .2s;background-color:#f3f4f6;width:4rem;border:1px solid #d0d3d9}.booking-cancel-button:hover{color:#ef4444}.booking-cancel-button:active{color:#dc2626}@media (max-width: 480px){.time-selection{grid-template-columns:repeat(2,1fr)}}@media (min-width: 481px){.booking-content{max-width:480px}}.community-create-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-bottom:6rem;box-sizing:border-box}.community-create-form{display:flex;flex-direction:column;padding:1rem;gap:1rem;width:100%;box-sizing:border-box}.title-input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;outline:none;background-color:#f9fafb;color:#333;box-sizing:border-box}.title-input::placeholder{color:#9ca3af}.content-textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;resize:vertical;outline:none;font-family:inherit;background-color:#f9fafb;color:#333;box-sizing:border-box}.content-textarea::placeholder{color:#9ca3af}.image-upload-container{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.image-upload-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;font-weight:500}.image-preview-container{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;box-sizing:border-box}.image-preview{position:relative;width:80px;height:80px;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb}.image-preview img{width:100%;height:100%;object-fit:cover}.image-remove-button{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border-radius:50%;background-color:#00000080;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.upload-button{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border:1px dashed #9ca3af;border-radius:.5rem;background-color:#f9fafb;cursor:pointer}.upload-button-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.upload-button-input{display:none}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.community-create-footer{position:fixed;bottom:3.5rem;width:100%;padding:.75rem 1rem;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;z-index:10;max-width:480px;left:50%;transform:translate(-50%);box-sizing:border-box}.community-cancel-button{padding:.75rem 1.5rem;background-color:#f3f4f6;color:#4b5563;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;box-sizing:border-box}.community-submit-button{padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;box-sizing:border-box}.community-submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.character-count{font-size:.75rem;color:#6b7280;text-align:right;margin-top:-.5rem}.custom-dropdown{position:relative;width:100%;box-sizing:border-box}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;color:#333}.dropdown-icon{margin-left:.5rem;transition:transform .2s}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.25rem;z-index:10;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:none}.dropdown-options.open{display:block}.dropdown-option{padding:.75rem;cursor:pointer;transition:background-color .2s;color:#333}.dropdown-option:hover{background-color:#f3f4f6}.dropdown-option.selected{background-color:#e5e7eb;font-weight:500}.appointment-content{padding:0 .5rem;margin:0 .5rem}.appointment-tabs{display:flex;background-color:#f9fafb;border-radius:.75rem;padding:.25rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb}.appointment-tab{flex:1;padding:.75rem .5rem;text-align:center;font-size:.875rem;font-weight:500;color:#6b7280;background-color:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.appointment-tab.active{background-color:#fff;color:#4b5563;box-shadow:0 1px 3px #0000001a}.appointment-list{display:flex;flex-direction:column;gap:1rem}.appointment-card{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s ease}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.appointment-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer}.status-badge{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:1rem}.status-badge.confirmed{background-color:#ecfdf5;color:#059669}.status-badge.cancelled{background-color:#fef2f2;color:#dc2626}.status-badge.completed{background-color:#f0f9ff;color:#0369a1}.status-badge.pending{background-color:#fffbeb;color:#d97706}.appointment-arrow{color:#9ca3af}.appointment-details{padding:1rem}.appointment-hospital{margin-bottom:.75rem}.appointment-hospital h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem}.appointment-department{font-size:.875rem;color:#6b7280;margin:0}.appointment-info-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.appointment-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.appointment-info-item svg{color:#6b7280;flex-shrink:0}.appointment-info-item.location{width:100%}.appointment-reason{background-color:#f9fafb;padding:.75rem;border-radius:.5rem;margin-top:.75rem}.appointment-reason p{font-size:.875rem;color:#4b5563;margin:.25rem 0}.appointment-result{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #e5e7eb}.cancellation-reason{color:#dc2626}.appointment-card-actions{display:flex;gap:.75rem;padding:.75rem 1rem;border-top:1px solid #f3f4f6;background-color:#f9fafb}.action-button{flex:1;padding:.875rem;font-size:.8125rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.375rem;transition:all .2s ease}.action-button.view-record{background-color:#f0f9ff;color:#0369a1}.action-button.view-record:hover{background-color:#e0f2fe}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;animation:spinner .8s linear infinite;margin-bottom:1rem}.no-appointments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.no-data-icon{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:50%;margin-bottom:1.5rem;color:#9ca3af}.no-data-message{font-size:1rem;color:#6b7280;margin-bottom:1.5rem}.make-appointment-button{padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:#7c3aed;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.make-appointment-button:hover{background-color:#6d28d9}@media (max-width: 360px){.appointment-info-row{flex-direction:column;gap:.5rem}.appointment-card-actions{flex-direction:column}}.popup-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;animation:fadeIn .2s ease-out}.popup-container{background-color:#fff;border-radius:1rem;padding:1.5rem;width:85%;max-width:300px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;animation:slideUp .3s ease-out}.popup-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;text-align:center}.popup-message{font-size:1rem;color:#4b5563;margin:0 0 1.25rem;text-align:center;line-height:1.5}.popup-buttons{display:flex;justify-content:space-between;gap:.75rem}.popup-button-cancel{flex:1;padding:.75rem 1rem;background-color:transparent;border:1px solid #9ca3af;color:#6b7280;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.popup-button-cancel:hover{background-color:#f3f4f6}.popup-button-confirm{flex:1;padding:.75rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.popup-button-confirm:hover{background-color:#2563eb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.popup-container{width:90%;padding:1.25rem}.popup-title{font-size:1.125rem}.popup-message{font-size:.9375rem}.popup-button-cancel,.popup-button-confirm{padding:.625rem .875rem;font-size:.875rem}}.detail-content{padding:0 .5rem;margin:0 .5rem}.detail-header-card{background-color:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.detail-status-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.appointment-id{font-size:.75rem;color:#6b7280}.detail-hospital-section{margin-top:.5rem;margin-bottom:1rem}.hospital-name{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .25rem}.department-name{font-size:.9375rem;color:#4b5563;margin:0}.quick-actions{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px dashed #e5e7eb}.quick-action-button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;gap:.375rem;color:#6b7280;padding:0;border-radius:.5rem;transition:all .2s}.quick-action-button:hover{background-color:#f3f4f6;color:#3b82f6}.quick-action-button span{font-size:.75rem}.appointment-detail-status-badge{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;padding:.375rem .75rem;border-radius:1rem}.appointment-detail-status-badge.confirmed{background-color:#dbeafe;color:#2563eb}.appointment-detail-status-badge.cancelled{background-color:#fee2e2;color:#dc2626}.appointment-detail-status-badge.completed{background-color:#d1fae5;color:#059669}.appointment-detail-status-badge.pending{background-color:#fef3c7;color:#d97706}.detail-card{background-color:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.detail-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.detail-info-row{display:flex;margin-bottom:1rem}.detail-info-row:last-child{margin-bottom:0}.detail-info-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background-color:#f3f4f6;margin-right:1rem;color:#3b82f6;flex-shrink:0}.detail-info-content{flex:1}.detail-info-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.detail-info-value{font-size:1rem;font-weight:500;color:#111827}.payment-card{background-color:#f9fafb}.price-value{color:#2563eb;font-weight:600}.payment-method-detail{font-size:.875rem;color:#6b7280;margin-left:.25rem}.payment-note{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;margin-top:1rem;padding-top:1rem;border-top:1px dashed #e5e7eb}.hospital-info-card{background-color:#f0f9ff}.hospital-contact-info{margin-bottom:1rem}.hospital-contact-item{margin-bottom:.875rem}.hospital-contact-item:last-child{margin-bottom:0}.hospital-contact-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem}.hospital-contact-value{font-size:1rem;color:#111827}.hospital-detail-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem;gap:.5rem;border:none;border-radius:.5rem;background-color:#fff;color:#3b82f6;font-size:.9375rem;font-weight:500;margin-top:.5rem;transition:all .2s}.hospital-detail-button:hover{background-color:#eff6ff}.result-card{background-color:#f9fafb}.result-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #e5e7eb}.result-item:last-child{margin-bottom:1rem;padding-bottom:0;border-bottom:none}.result-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.375rem}.result-value{font-size:1rem;color:#111827}.result-action{margin-top:.75rem}.result-button{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.75rem;border-radius:.5rem;background-color:#f0f9ff;color:#0369a1;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.result-button:hover{background-color:#e0f2fe}.cancellation-card{background-color:#fff1f2}.cancellation-info{margin-bottom:.75rem}.cancellation-info:last-child{margin-bottom:0}.cancellation-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.375rem}.cancellation-value{font-size:1rem;color:#b91c1c}.notice-card{background-color:#fffbeb}.notice-list{margin:0}.notice-list li{font-size:.875rem;color:#92400e;margin-bottom:.5rem}.notice-list li:last-child{margin-bottom:0}.detail-actions{display:flex;gap:.75rem}.action-button{flex:1;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem}.action-button.reschedule{background-color:#eff6ff;color:#2563eb}.action-button.reschedule:hover{background-color:#dbeafe}.action-button.cancel{background-color:#fff1f2;color:#e11d48}.action-button.cancel:hover{background-color:#ffe4e6}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;animation:spinner .8s linear infinite;margin-bottom:1rem}@media (max-width: 360px){.detail-info-row{flex-direction:column}.detail-info-icon{margin-bottom:.5rem}.share-options{grid-template-columns:repeat(2,1fr)}}@media (min-width: 481px){.detail-content{max-width:480px;margin-left:auto;margin-right:auto}}.medical-record-container{padding:0 .5rem;margin:0 .5rem}.filter-select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background-color:#fff;-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='%239ca3af'%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 .75rem center;background-size:1rem;color:#111827}.record-list{display:flex;flex-direction:column;gap:1rem}.record-card{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.record-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.record-header{padding:1rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.record-header:hover{background-color:#f9fafb}.record-title{font-weight:500;font-size:1rem;color:#111827;margin:0}.record-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.record-arrow{color:#9ca3af;transition:transform .2s ease}.record-arrow.expanded{transform:rotate(90deg)}.record-content{padding:1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}@media (max-width: 480px){.record-grid{grid-template-columns:1fr}}.record-info-item{display:flex;align-items:flex-start;gap:.5rem}.record-info-icon{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.record-info-content{flex:1}.record-info-label{font-size:.75rem;color:#6b7280;margin:0 0 .125rem}.record-info-value{font-size:.875rem;color:#1f2937;margin:0}.record-prescription{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.record-detail-button{width:100%;padding:.875rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;display:flex;justify-content:center;align-items:center;gap:.375rem;cursor:pointer;transition:background-color .2s ease}.record-detail-button:hover{background-color:#2563eb}.modal-hospital-name{font-size:1rem;font-weight:600;color:#3b82f6;margin:0 0 .25rem}.modal-department{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.modal-date-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.modal-date-icon{background-color:#f3f4f6;padding:.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center}.modal-date-icon svg{color:#3b82f6}.modal-date-content p{margin:0}.modal-date-label{font-size:.75rem;color:#6b7280}.modal-date-value{font-size:.875rem;font-weight:500;color:#1f2937}.modal-section{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.modal-section-title{font-weight:500;margin:0 0 .5rem;color:#1f2937}.modal-section-content{font-size:.875rem;color:#4b5563;margin:0 0 1rem}.modal-pre{font-family:inherit;font-size:.875rem;background-color:#f9fafb;padding:.75rem;border-radius:.375rem;margin:0 0 1rem;white-space:pre-wrap;color:#4b5563}.modal-lab-results{background-color:#f9fafb;padding:.75rem;border-radius:.375rem;margin:0 0 1rem}.modal-lab-item{font-size:.875rem;margin-bottom:.5rem}.modal-lab-item:last-child{margin-bottom:0}.modal-lab-name{font-weight:500;color:#4b5563}.modal-lab-result{color:#4b5563}.modal-lab-date{font-size:.75rem;color:#9ca3af;margin-left:.5rem}.modal-images{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.modal-image{border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.modal-image img{width:100%;height:auto;display:block}.modal-actions{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.modal-action-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background-color:#f3f4f6;color:#4b5563;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.empty-icon{color:#d1d5db;margin-bottom:.5rem}@media (max-width: 640px){.modal-content{max-width:95%;margin:0 1rem}}.prescription-content{padding:0 .5rem;margin:0 .5rem}.filter-select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background-color:#fff;-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='%239ca3af'%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 .75rem center;background-size:1rem;color:#111827}.prescription-list{display:flex;flex-direction:column;gap:1rem}.prescription-card{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.prescription-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.prescription-header{padding:1rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.prescription-header:hover{background-color:#f9fafb}.prescription-title-area{flex:1}.prescription-title{font-weight:600;font-size:1rem;color:#111827;margin:0}.prescription-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.prescription-status-arrow{display:flex;align-items:center;gap:.75rem}.status-badge{display:flex;align-items:center;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:1rem;white-space:nowrap}.status-badge.active{background-color:#dcfce7;color:#15803d}.status-badge.dispensed{background-color:#dbeafe;color:#1d4ed8}.status-badge.expired{background-color:#f3f4f6;color:#6b7280}.prescription-arrow{color:#9ca3af;transition:transform .2s ease}.prescription-arrow.expanded{transform:rotate(90deg)}.prescription-content-expanded{padding:1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.prescription-info-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}@media (max-width: 480px){.prescription-info-section{grid-template-columns:1fr}}.prescription-info-item{display:flex;align-items:flex-start;gap:.5rem}.prescription-info-icon{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.prescription-info-content{flex:1}.prescription-info-label{font-size:.75rem;color:#6b7280;margin:0 0 .125rem}.prescription-info-value{font-size:.875rem;color:#1f2937;margin:0;line-height:1.4}.prescription-medications{margin-bottom:1rem;padding:.875rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.medication-title{font-size:.875rem;font-weight:500;color:#4b5563;margin:0 0 .5rem}.medication-summary{list-style:none;padding:0;margin:0}.medication-summary-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;margin-bottom:.5rem}.medication-summary-item:last-child{margin-bottom:0}.medication-summary-icon{color:#3b82f6}.medication-summary-item.more{color:#6b7280;font-size:.75rem;margin-left:1.5rem}.prescription-detail-button{width:100%;padding:.875rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;display:flex;justify-content:center;align-items:center;gap:.375rem;cursor:pointer;transition:background-color .2s ease}.prescription-detail-button:hover{background-color:#2563eb}.modal-prescription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.modal-hospital-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.modal-department{font-size:.875rem;color:#6b7280;margin:0}.modal-date-section{display:flex;gap:1rem;margin-bottom:1.5rem}.modal-date-item{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.modal-date-icon{color:#3b82f6;display:flex;align-items:center;justify-content:center}.modal-date-content{flex:1}.modal-date-label{font-size:.75rem;color:#6b7280;margin:0 0 .125rem}.modal-date-value{font-size:.875rem;font-weight:500;color:#1f2937;margin:0}.modal-section{margin-bottom:1.5rem}.modal-section-title{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .75rem;display:flex;align-items:center;gap:.375rem}.modal-section-content{font-size:.875rem;color:#4b5563;margin:0 0 1rem;line-height:1.5}.medication-list{margin-bottom:1.5rem}.medication-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:.75rem}.medication-item:last-child{margin-bottom:0}.medication-icon{color:#3b82f6;display:flex;align-items:center;justify-content:center;background-color:#fff;width:2.5rem;height:2.5rem;border-radius:.5rem;flex-shrink:0}.medication-content{flex:1}.medication-name{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .375rem}.medication-info{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:#4b5563;margin:0 0 .375rem}.dosage,.duration{display:flex;align-items:center}.duration:before{content:"";display:inline-block;width:3px;height:3px;background-color:#9ca3af;border-radius:50%;margin-right:.75rem}.medication-note{font-size:.75rem;color:#6b7280;margin:0;padding-top:.375rem;border-top:1px dashed #e5e7eb}.pharmacy-info{background-color:#f0f9ff;padding:1rem;border-radius:.5rem;margin-top:.5rem}.pharmacy-name{font-size:.9375rem;font-weight:600;color:#0369a1;margin:0 0 .75rem}.pharmacy-contact{display:flex;flex-direction:column;gap:.5rem}.pharmacy-contact-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#4b5563}.checkup-content{padding:0 .5rem;margin:0 .5rem}.filter-select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background-color:#fff;-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='%239ca3af'%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 .75rem center;background-size:1rem;color:#111827}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkup-list{display:flex;flex-direction:column;gap:1rem}.checkup-card{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.checkup-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.checkup-header{padding:1rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.checkup-header:hover{background-color:#f9fafb}.checkup-title-area{flex:1}.checkup-title{font-weight:600;font-size:1rem;color:#111827;margin:0}.checkup-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.checkup-result-arrow{display:flex;align-items:center;gap:.75rem}.result-badge{display:flex;align-items:center;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:1rem;white-space:nowrap}.result-badge.normal{background-color:#d1fae5;color:#047857}.result-badge.caution{background-color:#fef3c7;color:#b45309}.result-badge.abnormal{background-color:#fee2e2;color:#b91c1c}.checkup-arrow{color:#9ca3af;transition:transform .2s ease}.checkup-arrow.expanded{transform:rotate(90deg)}.checkup-content-expanded{padding:1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.checkup-summary{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.summary-item{display:flex;align-items:flex-start;gap:.75rem}.summary-icon{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.summary-icon.warning{color:#f59e0b}.summary-content{flex:1}.summary-label{font-size:.75rem;color:#6b7280;margin:0 0 .125rem}.summary-value{font-size:.875rem;color:#1f2937;margin:0;line-height:1.4}.checkup-metrics{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.metric-item{flex:1;min-width:calc(33.333% - .75rem);background-color:#fff;border-radius:.5rem;padding:.75rem;border:1px solid #e5e7eb}@media (max-width: 480px){.metric-item{min-width:calc(50% - .5rem)}}.metric-header{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;margin-bottom:.375rem}.metric-value{font-size:.9375rem;font-weight:500;color:#111827;display:flex;justify-content:space-between;align-items:center}.metric-status{font-size:.75rem;font-weight:400;padding:.125rem .375rem;border-radius:1rem}.metric-status.normal{background-color:#d1fae5;color:#047857}.metric-status.caution{background-color:#fef3c7;color:#b45309}.metric-status.abnormal{background-color:#fee2e2;color:#b91c1c}.checkup-detail-button{width:100%;padding:.875rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;display:flex;justify-content:center;align-items:center;gap:.375rem;cursor:pointer;transition:background-color .2s ease}.checkup-detail-button:hover{background-color:#2563eb}.checkup-tabs{display:flex;padding:.5rem;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;position:sticky;top:65px;z-index:9}.checkup-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.625rem .5rem;background:transparent;border:none;border-radius:.375rem;font-size:.8125rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.checkup-tab.active{background-color:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000000d}.checkup-tab span{font-size:.75rem}.modal-checkup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.modal-institution-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.modal-checkup-type{font-size:.875rem;color:#6b7280;margin:0}.checkup-summary-tab,.checkup-summary-section{margin-bottom:1.5rem}.checkup-section-title{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .75rem;display:flex;align-items:center;gap:.375rem}.checkup-section-content{font-size:.875rem;color:#4b5563;margin:0 0 1rem;line-height:1.5}.doctor-comment{background-color:#f0f9ff;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.comment-text{font-size:.875rem;color:#1e40af;font-style:italic;margin:0 0 .5rem;line-height:1.5}.doctor-name{font-size:.8125rem;color:#3b82f6;text-align:right;margin:0}.abnormal-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.abnormal-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#fff7ed;color:#c2410c;border-radius:.5rem;font-size:.8125rem}.recommendations-list{list-style:none;padding:0;margin:0 0 1rem}.recommendation-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;font-size:.875rem;color:#4b5563;border-bottom:1px dashed #e5e7eb}.recommendation-item:last-child{border-bottom:none}.recommendation-item svg{color:#10b981;flex-shrink:0;margin-top:.125rem}.basic-metrics{display:flex;gap:.75rem;margin-bottom:1rem}.basic-metric-item{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.metric-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#eff6ff;color:#3b82f6;border-radius:.5rem;flex-shrink:0}.metric-content{flex:1;display:flex;flex-direction:column}.metric-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.metric-value{font-size:1rem;font-weight:600;color:#111827}.metric-unit{font-size:.75rem;font-weight:400;color:#6b7280;margin-left:.25rem}.checkup-details-tab,.details-section{margin-bottom:1.5rem}.details-section-title{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.details-item{display:flex;flex-direction:column}.details-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.details-value{font-size:.875rem;font-weight:500;color:#111827;display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.details-status{font-size:.6875rem;font-weight:400;padding:.125rem .375rem;border-radius:1rem}.details-status.normal{background-color:#d1fae5;color:#047857}.details-status.caution{background-color:#fef3c7;color:#b45309}.details-status.abnormal{background-color:#fee2e2;color:#b91c1c}.details-table{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.header-cell{padding:.625rem;font-size:.75rem;font-weight:600;color:#4b5563;text-align:center;border-right:1px solid #e5e7eb}.header-cell:last-child{border-right:none}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e5e7eb}.table-row:last-child{border-bottom:none}.table-cell{padding:.625rem;font-size:.8125rem;color:#111827;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid #e5e7eb}.table-cell:last-child{border-right:none}.table-cell:first-child{justify-content:flex-start}.cell-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.125rem .375rem;border-radius:1rem}.cell-status.normal{background-color:#d1fae5;color:#047857}.cell-status.caution{background-color:#fef3c7;color:#b45309}.cell-status.abnormal{background-color:#fee2e2;color:#b91c1c}.imagery-item{background-color:#f9fafb;border-radius:.5rem;padding:.875rem;margin-bottom:.75rem}.imagery-item:last-child{margin-bottom:0}.imagery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.imagery-type{font-size:.875rem;font-weight:600;color:#111827;margin:0}.imagery-result{font-size:.75rem;padding:.125rem .375rem;border-radius:1rem}.imagery-result.normal{background-color:#d1fae5;color:#047857}.imagery-result.caution{background-color:#fef3c7;color:#b45309}.imagery-result.abnormal{background-color:#fee2e2;color:#b91c1c}.imagery-details{font-size:.8125rem;color:#4b5563;margin:0;line-height:1.5}.checkup-charts-tab{margin-bottom:1.5rem}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:#f9fafb;border-radius:.5rem;color:#6b7280}.chart-placeholder svg{color:#9ca3af;margin-bottom:1rem}.chart-placeholder p{font-size:.875rem;max-width:20rem;margin:0 0 1.5rem}.chart-action-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.chart-action-button:hover{background-color:#2563eb}.modal-actions{display:flex;gap:.5rem;margin-top:1.5rem}.modal-action-button{flex:1;display:flex;justify-content:center;align-items:center;gap:.375rem;padding:.75rem .5rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;background-color:#f3f4f6;color:#4b5563;border:none;cursor:pointer;transition:all .2s ease}.modal-action-button:hover{background-color:#e5e7eb}.modal-action-button.primary{background-color:#3b82f6;color:#fff}.modal-action-button.primary:hover{background-color:#2563eb}@media (max-width: 480px){.basic-metrics{flex-direction:column}.details-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr .8fr}.table-cell,.header-cell{padding:.5rem .25rem;font-size:.75rem}.cell-status{font-size:.6875rem;padding:.125rem .25rem}}.payment-content{padding:0 .5rem;margin:0 .5rem}.search-filter-area{margin-bottom:1rem}.search-input-container{position:relative;margin-bottom:.75rem}.search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background-color:#fff;box-sizing:border-box}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-container{position:relative}.selected-filters{display:flex;gap:.5rem;align-items:center}.filter-chip{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f3f4f6;border-radius:1rem;font-size:.75rem;color:#4b5563;flex-grow:1;margin:0}.payment-history-filter-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;flex-shrink:0;cursor:pointer;transition:all .2s ease;padding:0}.payment-history-filter-button:hover{background-color:#f9fafb;color:#4b5563}.payment-history-filter-options{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;padding:1rem;z-index:10;border:1px solid #e5e7eb}.filter-option-group{margin-bottom:1rem}.filter-option-group:last-child{margin-bottom:0}.filter-option-title{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .5rem}.filter-option-items{display:flex;flex-wrap:wrap;gap:.5rem}.filter-option-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.8125rem;color:#4b5563;cursor:pointer;transition:all .2s ease}.filter-option-item.active{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.filter-option-item:hover{background-color:#f3f4f6}.filter-option-item.active:hover{background-color:#dbeafe}.filter-actions{display:flex;gap:.5rem;border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:.5rem}.filter-action-button{flex:1;padding:.625rem;border-radius:.5rem;font-size:.875rem;font-weight:500;text-align:center;cursor:pointer;border:none;transition:all .2s ease}.filter-action-button:not(.primary){background-color:#f3f4f6;color:#4b5563}.filter-action-button.primary{background-color:#3b82f6;color:#fff}.filter-action-button:not(.primary):hover{background-color:#e5e7eb}.filter-action-button.primary:hover{background-color:#2563eb}.payment-list{display:flex;flex-direction:column;gap:1rem}.payment-card{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.payment-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.payment-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.payment-header-left{display:flex;align-items:center;gap:.5rem}.payment-status{display:inline-block;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500}.payment-status.complete{background-color:#d1fae5;color:#047857}.payment-status.pending{background-color:#fef3c7;color:#d97706}.payment-status.cancelled{background-color:#fee2e2;color:#dc2626}.payment-status.default{background-color:#f3f4f6;color:#6b7280}.payment-type,.payment-date{font-size:.8125rem;color:#6b7280}.payment-card-content{padding:1rem}.payment-hospital{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem}.payment-department{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.payment-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.payment-info-item{display:flex;align-items:flex-start;gap:.5rem}.payment-info-icon{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.payment-info-content{flex:1}.payment-info-label{font-size:.75rem;color:#6b7280;margin:0 0 .125rem}.payment-info-value{font-size:.875rem;color:#1f2937;margin:0}.payment-amount{background-color:#f0f9ff;padding:.75rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}.payment-amount-label{font-size:.875rem;font-weight:500;color:#1f2937;margin:0}.payment-amount-value{font-size:1rem;font-weight:600;color:#3b82f6;margin:0}.payment-card-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.payment-action-button{flex:1;display:flex;align-items:center;justify-content:space-between;padding:.875rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.8125rem;color:#4b5563;cursor:pointer;transition:all .2s ease}.payment-action-button span{flex:1;text-align:center}.payment-action-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:1rem}.empty-text{color:#6b7280;font-size:.875rem;margin:0}@media (max-width: 480px){.payment-info-grid{grid-template-columns:1fr}.payment-card-actions{flex-direction:column}}.receipt-content{padding:0 .5rem;margin:0 .5rem}.receipt-paper{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;padding:1.5rem;margin-bottom:1.25rem;position:relative;overflow:hidden;border:1px solid #e5e7eb}.receipt-paper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(200,200,200,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0}.receipt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;position:relative;z-index:1}.receipt-title-area{display:flex;align-items:center;gap:.75rem}.receipt-icon{color:#3b82f6}.receipt-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.receipt-status{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:1rem;background-color:#d1fae5;color:#047857;font-size:.75rem;font-weight:500}.receipt-hospital-info{margin-bottom:1.25rem;position:relative;z-index:1}.receipt-hospital-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .375rem}.receipt-hospital-addr{font-size:.875rem;color:#4b5563;margin:0 0 .25rem}.receipt-hospital-detail{font-size:.75rem;color:#6b7280;margin:0}.receipt-divider{height:1px;background-color:#e5e7eb;margin:1.25rem 0;position:relative;z-index:1}.receipt-divider.dashed{border-top:1px dashed #e5e7eb;background:none}.receipt-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;position:relative;z-index:1}.receipt-info-item{display:flex;align-items:flex-start;gap:.625rem}.receipt-info-icon{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.receipt-info-content{flex:1}.receipt-info-label{font-size:.75rem;color:#6b7280;margin:0 0 .25rem}.receipt-info-value{font-size:.875rem;color:#111827;font-weight:500;margin:0}.receipt-patient-section,.receipt-payment-section,.receipt-details-section{margin-bottom:1.25rem;position:relative;z-index:1}.receipt-section-title{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .75rem;display:flex;align-items:center;gap:.375rem}.receipt-details-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.receipt-details-toggle{color:#6b7280}.receipt-info-container{background-color:#f9fafb;border-radius:.5rem;padding:.75rem 1rem}.receipt-info-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.receipt-info-row:last-child{margin-bottom:0}.receipt-row-label{font-size:.8125rem;color:#6b7280}.receipt-row-value{font-size:.8125rem;color:#111827;font-weight:500}.receipt-details-content{margin-top:.75rem}.receipt-detail-items{margin-bottom:1rem}.receipt-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px dashed #e5e7eb}.receipt-detail-item:last-child{border-bottom:none}.receipt-detail-name{font-size:.875rem;color:#4b5563}.receipt-detail-amount{font-size:.875rem;color:#111827;font-weight:500}.receipt-insurance-info{background-color:#eff6ff;border-radius:.5rem;padding:.75rem 1rem;margin-top:.75rem}.receipt-insurance-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.receipt-insurance-row:last-child{margin-bottom:0}.receipt-insurance-label{font-size:.8125rem;color:#3b82f6}.receipt-insurance-value{font-size:.8125rem;color:#1e40af;font-weight:500}.receipt-total-section{background-color:#f0f9ff;border-radius:.5rem;padding:1rem;margin-bottom:1.25rem;position:relative;z-index:1}.receipt-total-row{display:flex;justify-content:space-between;align-items:center}.receipt-total-label{font-size:.9375rem;color:#0369a1;font-weight:600}.receipt-total-amount{font-size:1.125rem;color:#0c4a6e;font-weight:700}.receipt-footer{text-align:center;padding-top:1rem;border-top:1px dashed #e5e7eb;position:relative;z-index:1}.receipt-footer-text{font-size:.75rem;color:#6b7280;margin:0 0 .25rem}.receipt-footer-date{font-size:.75rem;color:#9ca3af;margin:0}.receipt-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.receipt-action-button{flex:1;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.receipt-action-button:hover{background-color:#f9fafb;border-color:#d1d5db}@media (max-width: 480px){.receipt-info-grid{grid-template-columns:1fr}.receipt-actions{flex-direction:column}.share-options-grid{grid-template-columns:repeat(2,1fr)}}@media print{.fixed-header,.receipt-actions,.share-options{display:none!important}.receipt-content{padding:0;margin:0}.receipt-paper{box-shadow:none;border:none}}.statement-content{padding:0 .5rem;margin:0 .5rem}.statement-paper{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;padding:1.5rem;margin-bottom:1.25rem;position:relative;overflow:hidden;border:1px solid #e5e7eb}.statement-paper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(200,200,200,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0}.statement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;position:relative;z-index:1}.statement-title-area{display:flex;align-items:center;gap:.75rem}.statement-icon{color:#6366f1}.statement-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.statement-number{display:flex;flex-direction:column;align-items:flex-end}.statement-number-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.statement-number-value{font-size:.875rem;font-weight:500;color:#111827}.statement-notice{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;background-color:#eff6ff;border-radius:.5rem;margin-bottom:1.25rem;position:relative;z-index:1}.statement-notice svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.statement-notice p{margin:0;font-size:.875rem;color:#1e40af;line-height:1.4}.statement-hospital-info{margin-bottom:1.25rem;position:relative;z-index:1}.statement-hospital-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .375rem}.statement-hospital-addr{font-size:.875rem;color:#4b5563;margin:0 0 .25rem}.statement-hospital-detail{font-size:.75rem;color:#6b7280;margin:0}.statement-divider{height:1px;background-color:#e5e7eb;margin:1.25rem 0;position:relative;z-index:1}.statement-info-section{margin-bottom:1.25rem;position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.statement-info-row{display:flex;flex-direction:column;gap:.25rem}.statement-info-label{font-size:.75rem;color:#6b7280}.statement-info-value{font-size:.875rem;font-weight:500;color:#111827}.statement-summary-section{margin-bottom:1.25rem;position:relative;z-index:1}.statement-section-title{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .75rem}.statement-summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.statement-summary-card{background-color:#f9fafb;border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;gap:.375rem}.summary-card-label{font-size:.75rem;color:#6b7280}.summary-card-value{font-size:1rem;font-weight:600;color:#111827}.summary-card-value.coverage{color:#8b5cf6}.summary-card-value.insurance{color:#3b82f6}.summary-card-value.patient{color:#ef4444}.statement-details-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative;z-index:1}.statement-details-toggle{color:#6b7280}.statement-details-content{margin-top:.75rem;margin-bottom:1.25rem;position:relative;z-index:1}.statement-details-table{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.statement-table-header{display:grid;grid-template-columns:2fr repeat(4,1fr);background-color:#f3f4f6;border-bottom:1px solid #e5e7eb}.statement-header-cell{padding:.625rem;font-size:.75rem;font-weight:600;color:#4b5563;text-align:center;border-right:1px solid #e5e7eb}.statement-header-cell:last-child{border-right:none}.statement-header-cell.item-name{text-align:left}.statement-table-row{display:grid;grid-template-columns:2fr repeat(4,1fr);border-bottom:1px solid #e5e7eb}.statement-table-row:last-child{border-bottom:none}.statement-cell{padding:.625rem;font-size:.8125rem;color:#4b5563;text-align:center;border-right:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.statement-cell:last-child{border-right:none}.statement-cell.item-name{text-align:left;justify-content:flex-start}.statement-table-footer{display:grid;grid-template-columns:2fr repeat(4,1fr);background-color:#f9fafb;border-top:1px solid #e5e7eb}.statement-footer-cell{padding:.625rem;font-size:.8125rem;font-weight:600;color:#111827;text-align:center;border-right:1px solid #e5e7eb}.statement-footer-cell:last-child{border-right:none}.statement-footer-cell.item-name{text-align:left}.statement-payment-info{margin-bottom:1.25rem;position:relative;z-index:1}.statement-payment-details{background-color:#f9fafb;border-radius:.5rem;padding:.75rem 1rem}.statement-payment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.statement-payment-row:last-child{margin-bottom:0}.statement-payment-label{font-size:.8125rem;color:#6b7280}.statement-payment-value{font-size:.8125rem;font-weight:500;color:#111827}.statement-payment-status{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;color:#059669}.statement-footer{text-align:center;padding-top:1rem;border-top:1px dashed #e5e7eb;position:relative;z-index:1}.statement-footer-text{font-size:.75rem;color:#6b7280;margin:0 0 .25rem}.statement-footer-date{font-size:.75rem;color:#9ca3af;margin:0}.statement-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.statement-action-button{flex:1;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.statement-action-button:hover{background-color:#f9fafb;border-color:#d1d5db}.share-options{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014}.share-option-title{font-size:.9375rem;font-weight:600;color:#111827;margin-bottom:1rem}.share-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.share-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 0;background:none;border:none;cursor:pointer}.share-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;font-size:1.25rem;font-weight:700}.share-icon.kakao{background-color:#fee500;color:#111827}.share-icon.sms{background-color:#34d399;color:#fff}.share-icon.email{background-color:#60a5fa;color:#fff}.share-icon.link{background-color:#a78bfa;color:#fff}.share-label{font-size:.75rem;color:#4b5563}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.loading-spinner{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e5e7eb;border-top-color:#3b82f6;animation:spinner .8s linear infinite;margin-bottom:1rem}@keyframes spinner{to{transform:rotate(360deg)}}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.no-data-message svg{color:#9ca3af;margin-bottom:1rem}.go-back-button{margin-top:1rem;padding:.75rem 1.25rem;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.go-back-button:hover{background-color:#2563eb}@media (max-width: 480px){.statement-info-section,.statement-summary-cards{grid-template-columns:1fr}.statement-table-header,.statement-table-row,.statement-table-footer{grid-template-columns:2fr repeat(4,1fr);font-size:.75rem}.statement-cell,.statement-header-cell,.statement-footer-cell{padding:.5rem .25rem}.statement-actions{flex-direction:column}.share-options-grid{grid-template-columns:repeat(2,1fr)}}@media print{.fixed-header,.statement-actions,.share-options{display:none!important}.statement-content{padding:0;margin:0}.statement-paper{box-shadow:none;border:none}}.settings-content{padding:0 .5rem;margin:0 .5rem}.settings-card{background-color:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.settings-section-title{display:flex;align-items:center;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;color:#111827}.settings-section-title svg{margin-right:.5rem;color:#4f46e5}.notification-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6}.notification-item-content{display:flex;flex-direction:column;gap:.25rem}.notification-title{font-size:.9375rem;font-weight:500;color:#111827}.notification-description{font-size:.75rem;color:#6b7280}.toggle-switch{position:relative;display:inline-block;width:3rem;height:1.5rem;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s;border-radius:1.5rem}.toggle-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#4f46e5}input:checked+.toggle-slider:before{transform:translate(1.5rem)}.profile-info-form{display:flex;flex-direction:column;gap:1rem}.form-item{display:flex;flex-direction:column;gap:.375rem}.form-input{padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.875rem;color:#1f2937;background-color:#f9fafb}.form-input-row{display:flex;align-items:center;gap:.5rem}.form-action{margin-top:.25rem}.edit-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;background-color:#f3f4f6;color:#4b5563;font-size:.75rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.edit-button:hover{background-color:#e5e7eb}.edit-button svg{width:.875rem;height:.875rem}.terms-content{font-size:.875rem;color:#4b5563;line-height:1.5}.terms-content h3{font-size:1rem;font-weight:600;color:#1f2937;margin:1.25rem 0 .75rem}.terms-content h3:first-child{margin-top:0}.terms-content p{margin-bottom:.75rem}.terms-content ul,.terms-content ol{padding-left:1.5rem;margin-bottom:.75rem}.terms-content li{margin-bottom:.375rem}.terms-date{font-size:.75rem;color:#6b7280;margin-top:1.5rem;text-align:right}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background-color:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.faq-question-text{font-size:.9375rem;font-weight:500;color:#1f2937}.faq-answer{padding:0 1rem 1rem;font-size:.875rem;color:#4b5563;border-top:1px solid #f3f4f6;margin-top:0}.faq-answer.hidden{display:none}.customer-service-option{padding:1rem;margin-bottom:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.customer-service-option:hover{background-color:#f0f9ff;border-color:#dbeafe}.customer-service-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:#1f2937;margin-bottom:.5rem}.customer-service-description{font-size:.875rem;color:#6b7280;margin-left:2.25rem}.customer-service-contact{margin-top:1.5rem}.contact-title{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.5rem}.contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.contact-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#dbeafe;color:#2563eb;border-radius:.5rem;flex-shrink:0}.contact-info{flex:1}.contact-label{font-size:.875rem;font-weight:500;color:#1f2937;margin-bottom:.125rem}.contact-value{font-size:.9375rem;font-weight:600;color:#111827}.contact-hours{font-size:.75rem;color:#6b7280;margin-top:.25rem}.form-label{display:block;font-size:.875rem;color:#4b5563;margin-bottom:.375rem}.form-input{width:100%;padding:.75rem;border-radius:.375rem;border:1px solid #d1d5db;font-size:.875rem;transition:all .2s;box-sizing:border-box;background-color:#fff;color:#4b5563}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.text-area{height:8rem;resize:none}.submit-button{width:100%;padding:.875rem;border-radius:.5rem;border:none;background-color:#4f46e5;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button:hover{background-color:#4338ca}.submit-button:disabled{background-color:#c7d2fe;cursor:not-allowed}.category-filter{display:flex;overflow-x:auto;gap:.5rem;padding:.5rem 0;margin-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none}.category-filter::-webkit-scrollbar{display:none}.category-button{padding:.5rem .75rem;border-radius:9999px;border:1px solid #e5e7eb;background-color:#fff;font-size:.875rem;color:#4b5563;white-space:nowrap;transition:all .2s ease}.category-button.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}@media (max-width: 480px){.contact-item{flex-direction:column;align-items:flex-start}.contact-icon{margin-bottom:.5rem}}.profile-edit-content{padding:0 .5rem;margin:0 .5rem}.profile-edit-card{background-color:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.profile-edit-section-title{display:flex;align-items:center;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;color:#111827}.profile-edit-section-title svg{margin-right:.5rem;color:#4f46e5}.profile-image-container{display:flex;flex-direction:column;align-items:center}.profile-image-wrapper{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid rgba(79,70,229,.2);background-color:#f3f4f6;box-shadow:0 4px 6px #0000001a;margin-bottom:.75rem}.profile-image{width:100%;height:100%;object-fit:cover}.profile-image-edit-button{position:absolute;bottom:0;right:0;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid white;cursor:pointer;box-shadow:0 2px 4px #0003}.profile-image-options{display:flex;gap:.75rem;margin-top:.5rem}.image-option-button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.image-option-button:hover{background-color:#f3f4f6}.profile-edit-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:#4b5563}.form-input{padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.875rem;background-color:#f9fafb;color:#1f2937;transition:all .2s ease}.form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.form-textarea{min-height:5rem;resize:vertical}.character-count{font-size:.75rem;color:#6b7280;text-align:right;margin-top:.25rem}.social-media-section{display:flex;flex-direction:column;gap:.75rem}.social-media-item{display:flex;align-items:center;gap:.75rem}.social-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;flex-shrink:0}.instagram-icon{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.facebook-icon{background-color:#1877f2;color:#fff}.twitter-icon{background-color:#1da1f2;color:#fff}.blog-icon{background-color:#03c75a;color:#fff}.interest-section{margin-top:.5rem}.interest-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.interest-tag{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background-color:#eef2ff;color:#4f46e5;border-radius:9999px;font-size:.875rem;font-weight:500}.interest-tag .remove-button{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#4f46e5;color:#fff;font-size:.75rem;cursor:pointer;padding:0}.add-interest-input{display:flex;gap:.5rem;margin-top:.75rem}.add-interest-input input{flex:1}.add-button{display:flex;align-items:center;justify-content:center;padding:.75rem;background-color:#4f46e5;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.add-button:hover{background-color:#4338ca}.add-button:disabled{background-color:#c7d2fe;cursor:not-allowed}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.cancel-button{flex:1;padding:.875rem;background-color:#fff;color:#4b5563;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background-color:#f9fafb}.save-button{flex:2;padding:.875rem;background-color:#4f46e5;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button:hover{background-color:#4338ca}.save-button:disabled{background-color:#c7d2fe;cursor:not-allowed}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.avatar-option{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .2s ease}.avatar-option.selected{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.avatar-option img{width:100%;height:100%;object-fit:cover}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.modal-button{padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-button.secondary{background-color:#fff;color:#4b5563;border:1px solid #e5e7eb}.modal-button.secondary:hover{background-color:#f9fafb}.modal-button.primary{background-color:#4f46e5;color:#fff;border:none}.modal-button.primary:hover{background-color:#4338ca}.modal-button.primary:disabled{background-color:#c7d2fe;cursor:not-allowed}@media (max-width: 480px){.form-actions{flex-direction:column}.avatar-grid{grid-template-columns:repeat(2,1fr)}}.admin-sidebar{width:260px;background-color:#1e293b;color:#e2e8f0;height:100vh;display:flex;flex-direction:column;transition:width .3s ease;overflow-x:hidden}.admin-sidebar.collapsed{width:70px}.admin-sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;height:70px}.admin-sidebar-title h1{font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap;color:#fff}.admin-hospital-info{display:flex;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-hospital-avatar{width:40px;height:40px;border-radius:8px;background-color:#334155;display:flex;align-items:center;justify-content:center;margin-right:.75rem;color:#60a5fa}.admin-hospital-details{flex:1;min-width:0}.admin-hospital-name{font-size:.9375rem;font-weight:600;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.admin-hospital-type{font-size:.75rem;margin:0;color:#94a3b8}.admin-sidebar-menu{flex:1;padding:1.5rem 0;overflow-y:auto}.admin-sidebar-item{display:flex;align-items:center;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.admin-sidebar-item:hover{background-color:#ffffff0d}.admin-sidebar-item.active{background-color:#3b82f61a;border-left-color:#3b82f6}.admin-sidebar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:.75rem;color:#94a3b8}.admin-sidebar-item.active .admin-sidebar-icon{color:#3b82f6}.admin-sidebar-label{font-size:.9375rem;white-space:nowrap}.admin-sidebar-item.active .admin-sidebar-label{font-weight:500;color:#fff}.admin-sidebar-footer{padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar-footer .admin-sidebar-item{color:#94a3b8}.admin-sidebar-footer .admin-sidebar-item:hover,.admin-sidebar-footer .admin-sidebar-icon{color:#ef4444}.admin-sidebar.collapsed .admin-sidebar-header{justify-content:center}.admin-sidebar.collapsed .admin-sidebar-item{padding:.75rem;justify-content:center}.admin-sidebar.collapsed .admin-sidebar-icon{margin-right:0}.admin-header{height:70px;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:10}.admin-header-left{display:flex;align-items:center}.admin-header-menu-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#6b7280;width:40px;height:40px;border-radius:.375rem;transition:all .2s;padding:0}.admin-header-menu-button:hover{background-color:#f9fafb;color:#111827}.admin-header-title{font-size:1.25rem;font-weight:600;margin-left:1rem;color:#111827}.admin-header-search{flex:1;max-width:600px;margin:0 2rem}.admin-search-container{position:relative;width:100%}.admin-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;color:#111827}.admin-search-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 2px #3b82f640}.admin-header-right{display:flex;align-items:center}.admin-header-item{margin-left:1rem;position:relative}.admin-notification-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;width:40px;height:40px;border-radius:.375rem;cursor:pointer;position:relative;transition:all .2s;padding:0}.admin-notification-button:hover{background-color:#f9fafb;color:#111827}.admin-notification-badge{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;height:18px;padding:0 5px;border-radius:9999px;background-color:#ef4444;color:#fff;font-size:.75rem;font-weight:500}.admin-notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:320px;max-height:400px;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;z-index:20}.admin-notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.admin-notification-header h3{font-size:1rem;font-weight:600;margin:0;color:#111827}.admin-notification-read-all{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;padding:0}.admin-notification-list{max-height:320px;overflow-y:auto}.admin-notification-item{padding:1rem;border-bottom:1px solid #f3f4f6;transition:all .2s}.admin-notification-item:hover{background-color:#f9fafb}.admin-notification-item.unread{background-color:#eff6ff}.admin-notification-item.unread:hover{background-color:#dbeafe}.admin-notification-content{display:flex;flex-direction:column}.admin-notification-message{font-size:.875rem;margin:0 0 .25rem;color:#4b5563}.admin-notification-time{font-size:.75rem;color:#9ca3af}.admin-notification-empty{display:flex;justify-content:center;align-items:center;height:100px}.admin-notification-empty p{font-size:.875rem;color:#6b7280;margin:0}.admin-user-menu-button{display:flex;align-items:center;background:none;border:none;padding:.375rem;border-radius:.375rem;cursor:pointer;transition:all .2s}.admin-user-menu-button:hover{background-color:#f9fafb}.admin-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:.75rem}.admin-user-info{text-align:left;margin-right:.5rem}.admin-user-name{font-size:.875rem;font-weight:500;color:#111827}.admin-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:260px;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;z-index:20}.admin-user-dropdown-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.admin-user-dropdown-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:.75rem}.admin-user-dropdown-name{font-size:.9375rem;font-weight:600;margin:0 0 .125rem;color:#111827}.admin-user-dropdown-email{font-size:.75rem;color:#6b7280;margin:0}.admin-user-dropdown-menu{padding:.5rem 0}.admin-user-dropdown-item{display:flex;align-items:center;padding:.625rem 1rem;color:#4b5563;font-size:.875rem;text-decoration:none;transition:all .2s}.admin-user-dropdown-item svg{margin-right:.75rem;color:#6b7280}.admin-user-dropdown-item:hover{background-color:#f9fafb;color:#111827}.admin-user-dropdown-footer{padding:.5rem 0;border-top:1px solid #e5e7eb}.admin-user-dropdown-footer .admin-user-dropdown-item{color:#ef4444}.admin-user-dropdown-footer .admin-user-dropdown-item svg{color:#ef4444}.admin-service-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;height:40px;border-radius:.375rem;cursor:pointer;transition:all .2s;padding:0 12px;gap:8px}.admin-service-button:hover{background-color:#f9fafb;color:#111827}.admin-service-button span{font-size:.875rem;font-weight:500}@media (max-width: 768px){.admin-service-button span{display:none}.admin-service-button{width:40px;padding:0}}.admin-dashboard{padding-bottom:2rem}.admin-dashboard-header{margin-bottom:1.5rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-dashboard-content{display:flex;flex-wrap:wrap;gap:1.5rem}.admin-dashboard-left{flex:2;min-width:500px}.admin-dashboard-right{flex:1;min-width:300px}.chart-card{margin-bottom:1.5rem}.pie-chart-container{height:300px;display:flex;justify-content:center;align-items:center;padding:1rem}.admin-card-link{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#3b82f6;text-decoration:none;background:none;border:none;cursor:pointer;padding:0}.admin-card-link:hover{text-decoration:underline}.appointments-list{max-height:400px;overflow-y:auto}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem}.quick-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s}.quick-action-button:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.quick-action-button svg{color:#3b82f6}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;align-items:flex-start;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.notification-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;margin-right:.75rem;flex-shrink:0}.notification-icon.green{background-color:#ecfdf5;color:#10b981}.notification-icon.amber{background-color:#fffbeb;color:#f59e0b}.notification-icon.blue{background-color:#eff6ff;color:#3b82f6}.notification-icon.red{background-color:#fef2f2;color:#ef4444}.notification-content{flex:1;min-width:0}.notification-message{font-size:.875rem;margin:0 0 .25rem;color:#4b5563}.notification-time{font-size:.75rem;color:#9ca3af}@media (max-width: 1200px){.admin-dashboard-content{flex-direction:column}.admin-dashboard-left,.admin-dashboard-right{width:100%;min-width:auto}}@media (max-width: 768px){.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.quick-actions{grid-template-columns:1fr}}.stat-card{background-color:#fff;border-radius:.5rem;padding:1.25rem;display:flex;align-items:center;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;margin-right:1rem;flex-shrink:0}.stat-card-content{flex:1;min-width:0}.stat-card-title{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .5rem}.stat-card-value-container{display:flex;align-items:center;margin-bottom:.25rem}.stat-card-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0 .5rem 0 0}.stat-card-change{display:flex;align-items:center;font-size:.75rem;font-weight:600;padding:.25rem .375rem;border-radius:9999px}.stat-card-change.increase{background-color:#ecfdf5;color:#10b981}.stat-card-change.decrease{background-color:#fef2f2;color:#ef4444}.stat-card-subtitle{font-size:.75rem;color:#6b7280;margin:0}.stat-card-blue .stat-card-icon{background-color:#eff6ff;color:#3b82f6}.stat-card-green .stat-card-icon{background-color:#ecfdf5;color:#10b981}.stat-card-purple .stat-card-icon{background-color:#f5f3ff;color:#8b5cf6}.stat-card-orange .stat-card-icon{background-color:#fff7ed;color:#f97316}.stat-card-red .stat-card-icon{background-color:#fef2f2;color:#ef4444}.appointment-item{display:flex;align-items:center;padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.appointment-item:last-child{border-bottom:none}.appointment-item:hover{background-color:#f9fafb}.appointment-time{display:flex;align-items:center;min-width:70px;color:#4b5563;font-size:.875rem;font-weight:500}.appointment-time svg{margin-right:.375rem;color:#6b7280}.appointment-info{flex:1;margin:0 1rem;min-width:0}.appointment-patient{display:flex;align-items:center;font-size:.9375rem;font-weight:500;color:#111827;margin-bottom:.25rem}.appointment-patient svg{margin-right:.375rem;color:#6b7280}.patient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-details{font-size:.75rem;color:#6b7280}.appointment-separator{margin:0 .25rem}.appointment-status{margin-left:auto}.appointment-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.appointment-badge svg{margin-right:.25rem}.appointment-badge.confirmed{background-color:#eff6ff;color:#3b82f6}.appointment-badge.waiting{background-color:#fffbeb;color:#f59e0b}.appointment-badge.cancelled{background-color:#fef2f2;color:#ef4444}.appointment-badge.completed{background-color:#ecfdf5;color:#10b981}.chart-container{width:100%;height:300px;margin:0 auto}.recharts-default-tooltip{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:.375rem!important;padding:.5rem .75rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.recharts-tooltip-label{font-weight:500!important;margin-bottom:.25rem!important;color:#1f2937!important}.recharts-tooltip-item{color:#4b5563!important}.recharts-legend-item{margin-right:1rem!important}.recharts-legend-item-text{color:#4b5563!important}.recharts-cartesian-axis-tick-value{font-size:.75rem!important;fill:#6b7280!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e5e7eb!important}.recharts-pie-label-text{font-size:.75rem!important;font-weight:500!important;fill:#374151!important}.patient-management{padding-bottom:2rem}.patient-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.patient-management-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.patient-management-admin-search-bar{position:relative;flex:1;max-width:500px}.patient-management-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.patient-management-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.patient-management-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.patient-action-buttons{display:flex;gap:.75rem}.filter-actions{width:100%;display:flex;justify-content:flex-end;margin-top:1rem}.filter-actions button{max-width:120px;transition:all .2s ease}.filter-actions button:hover{background-color:#f9fafb;border-color:#3b82f6;color:#3b82f6}.patient-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.patient-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.patient-count{font-size:.875rem;color:#6b7280}.patient-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;text-align:center}.admin-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background-color:#f3f4f6;color:#9ca3af;margin-bottom:1.25rem}.admin-empty-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.admin-empty-description{font-size:.875rem;color:#6b7280;max-width:400px;margin:0}.admin-pagination-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #d1d5db;background-color:#fff;color:#4b5563;border-radius:.375rem;margin:0 .25rem;cursor:pointer;transition:all .2s}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;padding:0 .5rem;color:#6b7280}.active-filter-button{background-color:#e0f2fe!important;border-color:#3b82f6!important;color:#3b82f6!important;font-weight:500}.admin-section-header{margin-bottom:1.5rem}.admin-section-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.5rem}.admin-section-description{color:#6b7280;margin-bottom:1rem}@media (max-width: 768px){.patient-management-actions{flex-direction:column}.patient-management-search-filter-container{max-width:100%}.patient-cards{grid-template-columns:1fr}}.patient-card{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s;cursor:pointer}.patient-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.patient-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #f3f4f6}.patient-basic-info{display:flex;align-items:center}.patient-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f3f4f6;margin-right:.75rem;color:#6b7280}.patient-name-info{flex:1;min-width:0}.patient-name{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patient-attributes{display:flex;gap:.5rem}.patient-attribute{font-size:.75rem;color:#6b7280}.patient-badges{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.patient-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;flex-shrink:0}.patient-badge-regular{background-color:#dbeafe;color:#2563eb}.patient-badge-new{background-color:#dcfce7;color:#16a34a}.patient-badge-inactive{background-color:#fef2f2;color:#dc2626}.patient-type-general{background-color:#e0f2fe;color:#0284c7}.patient-type-cosmetic{background-color:#fae8ff;color:#a21caf}.patient-type-complex{background-color:#f0fdf4;color:#15803d}.patient-card-content{padding:1rem}.patient-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;margin-bottom:.625rem}.patient-info-item:last-child{margin-bottom:0}.patient-info-item svg{color:#6b7280}.patient-info-item.upcoming{color:#3b82f6;font-weight:500}.patient-info-item.upcoming svg{color:#3b82f6}.patient-info-item.cosmetic{color:#a21caf}.patient-info-item.cosmetic svg{color:#a21caf}.patient-info-item.procedures{color:#ea580c}.patient-info-item.procedures svg{color:#ea580c}.patient-info-item.photos{color:#0891b2}.patient-info-item.photos svg{color:#0891b2}.patient-card-footer{padding:.75rem 1rem;background-color:#f9fafb}.patient-detail-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;color:#6b7280;font-size:.875rem;transition:all .2s;cursor:pointer}.patient-detail-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.patient-detail-button span{flex:1;text-align:center;margin:0 .5rem}.patient-modal{width:100%;max-width:700px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.patient-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.patient-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s}.patient-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid #e5e7eb}.patient-modal-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;transition:all .2s}.patient-modal-tab:hover{color:#4b5563}.patient-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.patient-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.patient-modal-basic-info,.patient-modal-medical-info{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-group{flex:1;min-width:200px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.patient-modal-footer{padding:1.25rem 0;display:flex;justify-content:space-between;gap:.75rem;border-top:1px solid #e5e7eb}.patient-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.patient-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.patient-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}@media (max-width: 640px){.form-row{flex-direction:column}.action-buttons{width:100%}.patient-modal-cancel-button,.save-button{flex:1}.delete-button{width:100%}}.admin-export-dropdown{position:relative}.admin-button.disabled{opacity:.5;cursor:not-allowed}.admin-export-options{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:220px;overflow:hidden}.admin-export-option{display:flex;align-items:center;width:100%;padding:.75rem 1rem;text-align:left;border:none;background-color:transparent;color:#4b5563;cursor:pointer;transition:all .2s;font-size:.875rem}.admin-export-option svg{margin-right:.75rem;color:#6b7280}.admin-export-option:hover{background-color:#f9fafb;color:#111827}.admin-export-option:not(:last-child){border-bottom:1px solid #f3f4f6}@media (max-width: 768px){.admin-export-options{left:0;right:auto}}.appointment-management{padding-bottom:2rem}.appointment-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.appointment-management-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.appointment-management-admin-search-bar{position:relative;flex:1;max-width:500px}.appointment-management-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.appointment-management-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.appointment-management-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.view-mode-buttons{display:flex;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.view-mode-button{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background-color:#fff;border:none;cursor:pointer;transition:all .2s}.view-mode-button.active{background-color:#eff6ff;color:#3b82f6}.appointment-action-buttons{display:flex;gap:.75rem}.appointment-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.appointment-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.appointment-count{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#6b7280}.patient-name{font-weight:500;color:#111827}.patient-phone{font-size:.75rem;color:#6b7280;margin-top:.25rem}.appointment-datetime{display:flex;flex-direction:column;align-items:center}.appointment-date{font-weight:500}.appointment-time{font-size:.75rem;color:#6b7280;margin-top:.25rem}.status-badge.confirmed{background-color:#eff6ff;color:#3b82f6}.status-badge.cancelled{background-color:#fef2f2;color:#ef4444}.status-badge.rescheduled{background-color:#fffbeb;color:#f59e0b}.status-badge.noshow{background-color:#f3f4f6;color:#6b7280}.appointment-management-table-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.action-button.cancel{color:#ef4444}.action-button.cancel:hover{background-color:#fef2f2}.calendar-view{display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.calendar-navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.calendar-nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .2s}.calendar-nav-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.calendar-date-picker{display:flex;align-items:center}.calendar-date-input{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;font-size:.875rem;transition:all .2s}.calendar-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.calendar-schedule{padding:1rem;overflow-y:auto;max-height:600px}.time-slots{display:flex;flex-direction:column;gap:.75rem}.time-slot{display:flex}.time-label{flex:0 0 70px;display:flex;align-items:flex-start;padding-top:.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.time-content{flex:1;border-left:1px solid #e5e7eb;padding-left:1rem;display:flex;flex-direction:column;gap:.5rem;min-height:80px}.calendar-appointment{display:flex;align-items:center;padding:.75rem;border-radius:.375rem;background-color:#f9fafb;border-left:4px solid #3b82f6;cursor:pointer;transition:all .2s}.calendar-appointment:hover{box-shadow:0 2px 4px #0000001a}.calendar-appointment.confirmed{border-left-color:#3b82f6}.calendar-appointment.completed{border-left-color:#10b981;background-color:#f0fdf4}.calendar-appointment.cancelled{border-left-color:#ef4444;background-color:#fef2f2;text-decoration:line-through;opacity:.7}.calendar-appointment.rescheduled{border-left-color:#f59e0b;background-color:#fffbeb}.calendar-appointment.noshow{border-left-color:#6b7280;background-color:#f3f4f6;opacity:.7}.calendar-appointment-time{flex:0 0 70px;font-size:.875rem;font-weight:600;color:#4b5563}.calendar-appointment-info{flex:1}.calendar-appointment-patient{font-size:.9375rem;font-weight:500;color:#111827;margin-bottom:.25rem}.calendar-appointment-doctor{font-size:.75rem;color:#6b7280}.calendar-appointment-status{margin-left:auto}@media (max-width: 768px){.appointment-management-actions{flex-direction:column}.search-filter-container,.view-mode-buttons{width:100%}.appointment-action-buttons{width:100%;justify-content:space-between}.calendar-navigation{flex-direction:column;gap:.75rem}}.appointment-modal{width:100%;max-width:700px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.appointment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.appointment-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.appointment-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid #e5e7eb}.appointment-modal-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;border-radius:0}.appointment-modal-tab:hover{color:#4b5563}.appointment-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.appointment-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.appointment-modal-appointment-info,.appointment-modal-patient-info{display:flex;flex-direction:column;gap:1rem}.appointment-modal-footer{padding:1.25rem 0;display:flex;justify-content:space-between;gap:.75rem;border-top:1px solid #e5e7eb}.appointment-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.appointment-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.appointment-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.status-selector{display:flex;align-items:center;gap:1rem}.status-badge-container{flex:1}.status-indicator{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;gap:.375rem}.status-indicator.confirmed{background-color:#eff6ff;color:#3b82f6}.status-indicator.completed{background-color:#ecfdf5;color:#10b981}.status-indicator.cancelled{background-color:#fef2f2;color:#ef4444}.status-indicator.rescheduled{background-color:#fffbeb;color:#f59e0b}.status-indicator.noshow{background-color:#f3f4f6;color:#6b7280}.patient-search-button-container{display:flex;justify-content:center;margin-top:1rem}.patient-search-button{padding:.625rem 1rem;background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.patient-search-button:hover{background-color:#e5e7eb;border-color:#d1d5db}.doctor-management{padding-bottom:2rem}.doctor-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.doctor-management-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.doctor-management-admin-search-bar{position:relative;flex:1;max-width:500px}.doctor-management-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.doctor-management-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.doctor-management-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.doctor-action-buttons{display:flex;gap:.75rem}.doctor-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.doctor-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.doctor-count{font-size:.875rem;color:#6b7280}.doctor-management-doctor-name{font-weight:500;color:#111827}.specialties-tags{display:flex;flex-wrap:wrap;gap:.375rem}.specialty-tag{padding:.25rem .5rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.75rem;white-space:nowrap}.doctor-contact{display:flex;flex-direction:column;gap:.375rem}.doctor-phone,.doctor-email{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#4b5563}.doctor-phone svg,.doctor-email svg{color:#6b7280}.status-badge.vacation{background-color:#eff6ff;color:#3b82f6}.status-badge.leave{background-color:#fffbeb;color:#f59e0b}.appointment-count svg{color:#3b82f6}.gallery-info{display:flex;align-items:center;justify-content:center;gap:.5rem}.doctor-actions{display:flex;gap:.5rem}@media (max-width: 768px){.doctor-management-actions{flex-direction:column}.doctor-management-search-filter-container{width:100%}.doctor-action-buttons{width:100%;justify-content:space-between}.admin-table th:nth-child(4),.admin-table td:nth-child(4){display:none}}.doctor-modal{width:100%;max-width:700px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.doctor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.doctor-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.doctor-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid #e5e7eb}.doctor-modal-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;border-radius:0}.doctor-modal-tab:hover{color:#4b5563}.doctor-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.doctor-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.doctor-modal-basic-info,.doctor-modal-specialty-info,.doctor-modal-schedule-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.doctor-modal-footer{padding:1.25rem 0;display:flex;justify-content:space-between;gap:.75rem;border-top:1px solid #e5e7eb}.doctor-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.doctor-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.doctor-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.selected-specialties{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;min-height:4rem}.no-specialties{color:#9ca3af;font-size:.875rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.specialty-chip{display:flex;align-items:center;padding:.375rem .625rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#3b82f6;font-size:.875rem}.remove-specialty{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#3b82f6;margin-left:.375rem;cursor:pointer;padding:0}.add-specialty-container{display:flex;gap:.5rem}.add-specialty-button{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer}.add-specialty-button:disabled{opacity:.5;cursor:not-allowed}.specialty-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.specialty-option{padding:.5rem .75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.specialty-option:hover{border-color:#d1d5db;background-color:#f9fafb}.specialty-option.selected{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.schedule-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.schedule-description{font-size:.875rem;color:#6b7280;margin-top:0;margin-bottom:1rem}.schedule-days{display:flex;flex-direction:column;gap:.75rem}.schedule-day{display:flex;align-items:center}.schedule-input{flex:1}.schedule-presets{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1.5rem}.schedule-presets-title{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.75rem}.schedule-preset-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.schedule-preset-button{padding:.625rem 1rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.schedule-preset-button:hover{background-color:#e5e7eb}.cosmetic-procedure-management{padding-bottom:2rem}.procedure-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.procedure-management-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.procedure-management-admin-search-bar{position:relative;flex:1;max-width:500px}.procedure-management-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.procedure-management-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.procedure-management-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.procedure-action-buttons{display:flex;gap:.75rem}.procedure-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.procedure-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.procedure-count{font-size:.875rem;color:#6b7280}.procedure-name{font-weight:500;color:#111827}.category-badge{display:inline-block;padding:.25rem .5rem;background-color:#f3f4f6;color:#4b5563;border-radius:.375rem;font-size:.75rem;font-weight:500}.procedure-price{display:flex;flex-direction:column;gap:.25rem}.discounted-price{font-weight:500;color:#ef4444}.procedure-duration{display:flex;align-items:center;gap:.5rem;color:#4b5563}.procedure-popularity{display:flex;align-items:center;gap:.25rem}.review-count{font-size:.75rem;color:#6b7280}.procedure-images{display:flex;align-items:center;gap:.5rem;color:#4b5563}.cosmic-procedure-management-no-images{color:#9ca3af;font-size:.75rem}.promotion-status{display:flex;align-items:center;gap:.5rem}.promotion-status.active{color:#ef4444}.promotion-status.inactive{color:#9ca3af}.procedure-status{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.procedure-status.active{background-color:#ecfdf5;color:#10b981}.procedure-status.inactive{background-color:#f3f4f6;color:#6b7280}.procedure-actions{display:flex;justify-content:center;gap:.5rem}.promotion-filter{display:flex;align-items:center}.promotion-filter-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.promotion-filter-checkbox{width:1rem;height:1rem}@media (max-width: 1024px){.admin-table th:nth-child(3),.admin-table td:nth-child(3),.admin-table th:nth-child(7),.admin-table td:nth-child(7){display:none}}@media (max-width: 768px){.procedure-management-actions{flex-direction:column}.procedure-management-search-filter-container{width:100%}.procedure-action-buttons{width:100%;justify-content:space-between}.admin-table th:nth-child(4),.admin-table td:nth-child(4){display:none}}@media (max-width: 640px){.admin-table th:nth-child(6),.admin-table td:nth-child(6){display:none}}.procedure-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.procedure-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.procedure-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.procedure-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.procedure-modal-content{display:flex;flex-wrap:wrap;gap:1.5rem}.procedure-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.procedure-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.procedure-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.input-with-icon .form-input{padding-left:2.5rem}.checkbox-group{margin-top:1rem}.nested-group{margin-top:.875rem;margin-left:1.5rem;padding-left:.875rem;border-left:2px solid #e5e7eb}.pain-level-selector{display:flex;gap:.25rem;margin-bottom:.5rem}.pain-level-option{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;color:#9ca3af;transition:all .2s;flex-grow:1}.pain-level-option.active{background-color:#eff6ff;border-color:#3b82f6;color:#3b82f6}.pain-level-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280}.procedure-modal-preview{padding:1.25rem 1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.procedure-modal-preview h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.procedure-modal-footer{padding:1.25rem 0;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}.procedure-modal-button{padding:.625rem 1.25rem;font-weight:500;font-size:.875rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s}.procedure-modal-button.primary{background-color:#3b82f6;color:#fff}.procedure-modal-button.primary:hover{background-color:#2563eb}.procedure-modal-button.secondary{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.procedure-modal-button.secondary:hover{background-color:#f9fafb}.consultation-management{padding-bottom:2rem}.consultation-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.consultation-management-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.consultation-management-admin-search-bar{position:relative;flex:1;max-width:500px}.consultation-management-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.consultation-management-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.consultation-management-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.consultation-action-buttons{display:flex;gap:.75rem}.consultation-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.consultation-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.consultation-count{font-size:.875rem;color:#6b7280}.client-info{display:flex;flex-direction:column}.client-name{font-weight:500;color:#111827;margin-bottom:.25rem}.client-details{display:flex;flex-direction:column;font-size:.75rem;color:#6b7280;gap:.125rem}.consultation-datetime{display:flex;flex-direction:column}.consultation-date{font-weight:500;color:#111827}.consultation-time{font-size:.75rem;color:#6b7280;margin-top:.25rem}.consultation-type{display:inline-block;padding:.25rem .5rem;background-color:#f3f4f6;color:#4b5563;border-radius:.375rem;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.previous-badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;background-color:#dbeafe;color:#3b82f6;border-radius:9999px;font-size:.675rem;font-weight:500;margin-left:.5rem}.status-badge.scheduled{background-color:#eff6ff;color:#3b82f6}.status-badge.completed{background-color:#ecfdf5;color:#10b981}.status-badge.canceled{background-color:#fef2f2;color:#ef4444}.status-badge.pending{background-color:#fffbeb;color:#f59e0b}.interest-list{display:flex;flex-wrap:wrap;gap:.375rem;max-width:200px}.interest-tag{display:inline-block;padding:.125rem .375rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.675rem;white-space:nowrap}.consultation-notes{color:#6b7280;font-size:.875rem;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-notes{color:#9ca3af;font-style:italic}.consultant{font-size:.875rem;color:#4b5563}.consultation-actions{display:flex;gap:.5rem}@media (max-width: 1200px){.admin-table th:nth-child(5),.admin-table td:nth-child(5),.admin-table th:nth-child(6),.admin-table td:nth-child(6){display:none}}@media (max-width: 992px){.admin-table th:nth-child(3),.admin-table td:nth-child(3),.admin-table th:nth-child(7),.admin-table td:nth-child(7){display:none}}@media (max-width: 768px){.consultation-management-actions{flex-direction:column}.consultation-management-search-filter-container{width:100%}.consultation-action-buttons{width:100%;justify-content:space-between}}@media (max-width: 640px){.admin-table{display:block;overflow-x:auto}}.consultation-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.consultation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.consultation-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.consultation-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.consultation-modal-content{display:flex;flex-wrap:wrap;gap:1.5rem}.consultation-modal-footer{padding:1.25rem 0;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}.consultation-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.consultation-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.consultation-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.form-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.textarea-container{display:flex}.textarea-icon{margin-top:.625rem;margin-right:.75rem;color:#6b7280;flex-shrink:0}.status-select-container{position:relative}.status-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.checkbox-group{display:flex;justify-content:space-between}.checkbox-group .form-group{flex:1}@media (max-width: 768px){.form-row{flex-direction:column;gap:1rem}.form-row .form-group{margin-bottom:0}.checkbox-group{flex-direction:column;gap:.5rem}}.before-after-management{padding-bottom:2rem}.featured-badge{position:absolute;top:.5rem;left:.5rem;background-color:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.before-after-card-content{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.before-after-title{font-size:1rem;font-weight:600;color:#111827;margin:0;line-height:1.25}.before-after-procedure,.before-after-patient{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem}.before-after-procedure svg,.before-after-patient svg{color:#6b7280;flex-shrink:0}.before-after-info{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.before-after-views,.before-after-date{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem}.before-after-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.tag{padding:.125rem .375rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.675rem;white-space:nowrap}.before-after-status{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;border-top:1px solid #f3f4f6}.doctor{font-size:.875rem;color:#4b5563;font-weight:500}.visibility-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.visibility-badge.public{background-color:#ecfdf5;color:#10b981}.visibility-badge.private{background-color:#f3f4f6;color:#6b7280}.before-after-card-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.before-after-card:hover .before-after-card-actions{opacity:1}.action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;background-color:#ffffffe6;border:none;cursor:pointer;transition:all .2s}@media (max-width: 768px){.before-after-management-actions{flex-direction:column}.before-after-management-search-filter-container{width:100%}.before-after-action-buttons{width:100%;justify-content:space-between}}@media (max-width: 640px){.before-after-grid{grid-template-columns:1fr}}.before-after-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.before-after-management-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.before-after-management-search-bar{position:relative;flex:1;max-width:500px}.before-after-management-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.before-after-management-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.before-after-management-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.before-after-action-buttons{display:flex;gap:.75rem}.before-after-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.before-after-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.before-after-count{font-size:.875rem;color:#6b7280}.before-after-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.before-after-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s;cursor:pointer;position:relative;display:flex;flex-direction:column}.before-after-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.before-after-card-image{position:relative;padding-top:75%;background-color:#f3f4f6}.before-after-card-image{position:relative;height:100px;background-color:#f3f4f6;overflow:hidden}.image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;background-color:#e5e5f5}.image-placeholder img{position:absolute;width:100%;object-fit:cover}.image-count{position:absolute;bottom:.5rem;right:.5rem;background-color:#0009;color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.before-after-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.before-after-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.before-after-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.before-after-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.before-after-modal-content{display:flex;flex-wrap:wrap;gap:1.5rem}.before-after-modal-footer{padding:1.25rem 0;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}.before-after-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.before-after-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.before-after-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.before-after-modal-image-panel{flex:1;min-width:300px;display:flex;flex-direction:column;gap:1rem;margin-left:1.5rem}.image-preview-container{width:100%;margin-bottom:.75rem;border-radius:.5rem;overflow:hidden}.image-preview{width:100%;height:300px;position:relative;overflow:hidden}.image-preview img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:contain;background-color:#f4f4fa}.image-type-badge{position:absolute;top:.5rem;left:.5rem;background-color:#0009;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.image-navigation{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#f3f4f6;border-radius:0 0 .5rem .5rem}.nav-button{background:none;border:none;color:#4b5563;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.nav-button:hover:not(:disabled){background-color:#e5e7eb;color:#111827}.nav-button:disabled{color:#d1d5db;cursor:not-allowed}.image-indicator{font-size:.875rem;color:#4b5563}.no-images{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:300px;color:#9ca3af;gap:1rem;background-color:#f4f4fa;border-radius:.5rem}.no-images svg{color:#9ca3af;opacity:.7}.no-images p{margin:0;font-size:.875rem;font-weight:500}.no-images-hint{font-size:.75rem!important;color:#6b7280;font-weight:400!important}.image-thumbnails{display:flex;gap:.5rem;flex-wrap:wrap}.thumbnail-container{position:relative;width:60px;height:60px;border-radius:.25rem;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s}.thumbnail-container.active{border-color:#3b82f6}.thumbnail{width:100%;height:100%}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-remove-button{position:absolute;top:0;right:0;width:18px;height:18px;background-color:#ef4444cc;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .2s}.thumbnail-container:hover .thumbnail-remove-button{opacity:1}.upload-thumbnail{width:60px;height:60px;border-radius:.25rem;background-color:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#6b7280;cursor:pointer;transition:all .2s;border:1px dashed #d1d5db}.upload-thumbnail:hover{background-color:#e5e7eb;color:#4b5563;border-color:#9ca3af}.upload-thumbnail span{font-size:.675rem}.before-after-modal-form{flex:1;min-width:300px;display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:.75rem}.form-row{display:flex;gap:1rem;margin-bottom:.75rem}.form-divider{height:1px;background-color:#e5e7eb;margin:.5rem 0}.patient-info-section{margin-bottom:.5rem}.tags-input-container{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.tags-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.tag-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#eff6ff;color:#3b82f6;border-radius:9999px;font-size:.75rem}.tag-remove{background:none;border:none;color:#3b82f6;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.tag-remove:hover{color:#2563eb}.tags-input{border:none;outline:none;font-size:.875rem;color:#111827;width:100%;background-color:transparent}.featured-checkbox{margin-top:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.form-button{padding:.625rem 1.25rem;font-weight:500;font-size:.875rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s}.form-button.primary{background-color:#3b82f6;color:#fff}.form-button.primary:hover{background-color:#2563eb}.form-button.secondary{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.form-button.secondary:hover{background-color:#f9fafb}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.before-after-modal-content{flex-direction:column}.form-row{flex-direction:column;gap:.75rem}.form-row .form-group{margin-bottom:0}}.package-management{padding-bottom:2rem}.package-management-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.package-management-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.package-management-search-bar{position:relative;flex:1;max-width:500px}.package-management-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.package-management-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.package-management-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.package-sort-options{display:flex;align-items:center;gap:.75rem}.sort-label{font-size:.875rem;color:#6b7280}.sort-buttons{display:flex;background-color:#f3f4f6;border-radius:.375rem;overflow:hidden}.sort-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.75rem;background-color:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.sort-button:hover{background-color:#e5e7eb}.sort-button.active{background-color:#3b82f6;color:#fff}.package-action-buttons{display:flex;gap:.75rem}.package-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.package-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.package-count{font-size:.875rem;color:#6b7280}.featured-row{background-color:#f0f9ff!important}.featured-row:hover{background-color:#e0f2fe!important}.package-name{font-weight:500;color:#111827;display:flex;align-items:center;gap:.5rem}.featured-tag{display:inline-flex;align-items:center;padding:.125rem .375rem;background-color:#ef4444;color:#fff;border-radius:9999px;font-size:.675rem;font-weight:500}.included-procedures{display:flex;flex-wrap:wrap;gap:.375rem;max-width:250px}.procedure-tag{padding:.125rem .375rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.675rem;white-space:nowrap}.package-price{display:flex;flex-direction:column}.current-price{font-weight:500;color:#111827}.original-price{font-size:.75rem;color:#9ca3af;text-decoration:line-through}.discount-rate{display:flex;align-items:center;justify-content:center;gap:.25rem;color:#ef4444;font-weight:500}.validity-period,.sold-count{display:flex;align-items:center;gap:.5rem;color:#4b5563}.validity-period svg,.sold-count svg{color:#6b7280}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.status-badge.active{background-color:#ecfdf5;color:#10b981}.status-badge.inactive{background-color:#f3f4f6;color:#6b7280}.status-badge.coming-soon{background-color:#eff6ff;color:#3b82f6}.package-actions{display:flex;justify-content:center;gap:.5rem}.action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;background-color:transparent;border:none;cursor:pointer;transition:all .2s}.action-button.edit:hover{background-color:#f3f4f6;color:#4b5563}@media (max-width: 1024px){.admin-table th:nth-child(3),.admin-table td:nth-child(3),.admin-table th:nth-child(6),.admin-table td:nth-child(6){display:none}}@media (max-width: 768px){.package-management-actions{flex-direction:column}.package-management-search-filter-container,.package-sort-options{width:100%}.sort-buttons{flex:1}.package-action-buttons{width:100%;justify-content:space-between}.admin-table th:nth-child(4),.admin-table td:nth-child(4),.admin-table th:nth-child(7),.admin-table td:nth-child(7){display:none}}@media (max-width: 640px){.admin-table th:nth-child(5),.admin-table td:nth-child(5){display:none}}.package-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.package-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.package-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.package-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.package-modal-content{display:flex;flex-wrap:wrap;gap:1.5rem}.package-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.package-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.package-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.form-column{flex:1;min-width:300px}.form-row{display:flex;gap:1rem;margin-bottom:1.25rem}.form-row .form-group{flex:1;margin-bottom:0}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#111827;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-textarea{resize:vertical;min-height:80px}.input-with-icon{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280}.input-with-icon .form-input,.input-with-icon .form-select{padding-left:2.5rem}.input-with-button{display:flex;gap:.5rem}.input-with-button .form-input,.input-with-button .form-select{flex:1}.add-button{display:flex;align-items:center;justify-content:center;padding:.625rem;border-radius:.375rem;background-color:#3b82f6;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.add-button:hover:not(:disabled){background-color:#2563eb}.add-button:disabled{background-color:#93c5fd;cursor:not-allowed}.items-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.375rem}.list-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.item-content{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem}.item-content svg{color:#6b7280}.remove-button{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:#ef4444;cursor:pointer;border-radius:.25rem;transition:background-color .2s}.remove-button:hover{background-color:#fecaca}.package-price-display{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#f9fafb;color:#111827;font-weight:500;font-size:.9375rem}.form-help{font-size:.75rem;color:#6b7280;margin-top:.375rem}.form-divider{height:1px;background-color:#e5e7eb;margin:1rem 0}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.checkbox-input{width:1rem;height:1rem}.text-featured{color:#f59e0b}.package-modal-preview{padding:1.25rem 1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.package-modal-preview h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.preview-content{display:flex;flex-wrap:wrap;gap:1rem 2rem}.preview-item{flex:1;min-width:200px}.preview-label{font-size:.75rem;font-weight:500;color:#6b7280;display:block;margin-bottom:.25rem}.preview-value{font-size:.9375rem;color:#111827;display:flex;align-items:center;gap:.5rem}.discount-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;background-color:#fee2e2;color:#ef4444;font-size:.75rem;font-weight:500;border-radius:9999px}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.package-modal-footer{padding:1.25rem 0;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.form-row{flex-direction:column;gap:1rem}.form-row .form-group{margin-bottom:0}.preview-content{flex-direction:column;gap:1rem}.preview-item{min-width:100%}}.settings-container{padding-bottom:2rem}.admin-settings-content{display:flex;gap:1.5rem}.settings-tabs{width:200px;flex-shrink:0}.settings-tab{display:flex;align-items:center;width:100%;padding:.875rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.5rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-tab:hover{background-color:#f9fafb;border-color:#d1d5db}.settings-tab.active{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6}.settings-tab svg{margin-right:.75rem}.settings-panel{flex:1;min-width:0}.admin-settings-section{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.admin-settings-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.settings-subsection-title{font-size:1rem;font-weight:600;color:#374151;margin:1.5rem 0 1rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.toggle-group{display:flex;flex-direction:column;gap:.75rem}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.toggle-label{display:flex;align-items:center;gap:.75rem}.toggle-label svg{color:#6b7280}.toggle-label span{font-size:.875rem;color:#4b5563}.toggle-description{font-size:.75rem;color:#6b7280;margin-left:.5rem}.toggle-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center}.toggle-button.active{color:#3b82f6}.divider{height:1px;background-color:#e5e7eb;margin:.5rem 0}.file-input-container{display:flex;align-items:center;gap:.75rem}.file-input-button{padding:.625rem .875rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.file-input-button:hover{background-color:#e5e7eb}.file-name{font-size:.875rem;color:#6b7280}.input-help{font-size:.75rem;color:#6b7280;margin-top:.375rem}.roles-table-container,.modules-table-container{border:1px solid #e5e7eb;border-radius:.375rem;overflow:auto;max-height:400px;margin-bottom:1rem}.roles-table,.modules-table{width:100%;border-collapse:collapse}.roles-table th,.modules-table th{background-color:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb}.roles-table td,.modules-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#4b5563}.roles-table tr:last-child td,.modules-table tr:last-child td{border-bottom:none}.role-level{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.role-level.full{background-color:#eff6ff;color:#3b82f6}.role-level.hospital{background-color:#f0fdf4;color:#10b981}.role-level.doctor{background-color:#fef3c7;color:#f59e0b}.role-level.receptionist{background-color:#e0e7ff;color:#6366f1}.role-actions{display:flex;gap:.5rem}.role-action-button{padding:.375rem .625rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.75rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s}.role-action-button:hover{background-color:#e5e7eb}.role-action-button.delete{background-color:#fee2e2;border-color:#fecaca;color:#ef4444}.role-action-button.delete:hover{background-color:#fecaca}.add-role-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;width:100%;transition:all .2s}.add-role-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.permission-chips{display:flex;flex-wrap:wrap;gap:.375rem}.permission-chip{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.permission-chip.full{background-color:#eff6ff;color:#3b82f6}.permission-chip.hospital{background-color:#f0fdf4;color:#10b981}.permission-chip.doctor{background-color:#fef3c7;color:#f59e0b}.permission-chip.receptionist{background-color:#e0e7ff;color:#6366f1}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.settings-alert{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-size:.875rem;flex:1}.settings-alert.success{background-color:#f0fdf4;color:#10b981}.settings-alert.error{background-color:#fef2f2;color:#ef4444}.settings-save-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-save-button:hover{background-color:#2563eb}.settings-save-button:disabled{background-color:#93c5fd;cursor:not-allowed}.settings-save-button.saving{background-color:#2563eb}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@media (max-width: 1024px){.admin-settings-content{flex-direction:column}.settings-tabs{width:100%;display:flex;flex-wrap:wrap;gap:.5rem}.settings-tab{width:auto;flex:1;min-width:150px;margin-bottom:0}}@media (max-width: 768px){.settings-tab{width:100%}.settings-actions{flex-direction:column;align-items:stretch}.settings-save-button{margin-top:.5rem}}.role-modal *{box-sizing:border-box}.role-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.role-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.role-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.role-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close-button{display:flex;align-items:center;justify-content:center;color:#6b7280;width:2rem;height:2rem;background:none;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s;padding:0}.role-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.role-modal-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}.role-section{margin-bottom:1.5rem}.role-section:last-child{margin-bottom:0}.role-section-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.role-form-group{margin-bottom:1.25rem}.role-form-group:last-child{margin-bottom:0}.role-form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.role-form-input,.role-form-select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#111827;background-color:#fff;transition:border-color .2s,box-shadow .2s}.role-form-input:focus,.role-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.role-form-help{font-size:.75rem;color:#6b7280;margin-top:.375rem}.level-selection{display:flex;flex-direction:column;gap:.75rem}.custom-level-container{padding-top:.5rem;border-top:1px dashed #e5e7eb;margin-top:.5rem}.permission-matrix{border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.permission-matrix-header{display:flex;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.permission-module-cell{flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:#374151;border-right:1px solid #e5e7eb}.permission-type-cell{width:120px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:#374151;text-align:center}.permission-matrix-row{display:flex;border-bottom:1px solid #e5e7eb}.permission-matrix-row:last-child{border-bottom:none}.permission-switch-cell{width:120px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center}.permission-switch{position:relative;display:inline-block;width:40px;height:22px}.permission-switch input{opacity:0;width:0;height:0}.permission-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:22px}.permission-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.permission-slider{background-color:#3b82f6}input:focus+.permission-slider{box-shadow:0 0 1px #3b82f6}input:checked+.permission-slider:before{transform:translate(18px)}.save-button,.cancel-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.delete-button{background-color:#ef4444;color:#fff;border:none;margin-right:auto}.required{color:#ef4444;margin-left:2px}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}@media (max-width: 768px){.permission-matrix-header,.permission-matrix-row{flex-direction:column}.permission-module-cell,.permission-type-cell,.permission-switch-cell{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.permission-matrix-row:last-child .permission-switch-cell:last-child{border-bottom:none}.role-modal-footer{flex-wrap:wrap}.delete-button{margin-bottom:.75rem;width:100%}}.hospital-profile{padding-bottom:2rem}.profile-notifications{margin-bottom:1.5rem}.notification{display:flex;align-items:center;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:.75rem;font-size:.875rem}.notification-info{background-color:#eff6ff;border:1px solid #dbeafe;color:#1e40af}.notification-warning{background-color:#fffbeb;border:1px solid #fef3c7;color:#92400e}.notification-success{background-color:#ecfdf5;border:1px solid #d1fae5;color:#065f46}.notification-icon{margin-right:.75rem;flex-shrink:0}.notification-dismiss{background:none;border:none;color:currentColor;opacity:.7;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;margin-left:.5rem}.notification-dismiss:hover{opacity:1}.hospital-profile-header{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1.5rem}.profile-cover{height:200px;background-color:#f3f4f6;position:relative}.cover-image{width:100%;height:100%;object-fit:cover}.change-cover-button{position:absolute;bottom:.75rem;right:.75rem;display:flex;align-items:center;padding:.5rem .75rem;background-color:#ffffffe6;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#4b5563;cursor:pointer;gap:.375rem;transition:all .2s}.change-cover-button:hover{background-color:#fff;color:#111827}.profile-info{padding:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;position:relative}.profile-logo{width:120px;height:120px;border-radius:.5rem;border:4px solid white;background-color:#fff;box-shadow:0 1px 3px #0000001a;position:relative;flex-shrink:0}.logo-image{width:100%;height:100%;object-fit:cover;border-radius:.375rem}.change-logo-button{position:absolute;bottom:-.5rem;right:-.5rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#4b5563;cursor:pointer;box-shadow:0 1px 2px #0000001a;transition:all .2s}.change-logo-button:hover{background-color:#f9fafb;color:#111827}.profile-details{flex:1}.hospital-name{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .375rem}.hospital-type{display:inline-block;padding:.25rem .5rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.75rem;font-weight:500;margin-bottom:.75rem}.hospital-contact{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.contact-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#6b7280}.hospital-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.hospital-badge{display:flex;align-items:center;padding:.25rem .5rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.hospital-badge.emergency{background-color:#fee2e2;color:#b91c1c}.profile-actions{display:flex;gap:.75rem;position:absolute;top:1.5rem;right:1.5rem}.profile-action-button{display:flex;align-items:center;padding:.5rem .75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#4b5563;cursor:pointer;gap:.375rem;transition:all .2s}.profile-action-button:hover{background-color:#f9fafb;border-color:#d1d5db}.profile-action-button.primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.profile-action-button.primary:hover{background-color:#2563eb;border-color:#2563eb}.profile-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s}.profile-tab:hover{color:#4b5563}.profile-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.profile-section{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1.5rem}.profile-section-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.profile-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.save-success{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#ecfdf5;color:#065f46;border-radius:.375rem;font-size:.875rem}.profile-section-content{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.5rem}.required{color:#ef4444;margin-left:.25rem}.form-input{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;transition:all .2s}.form-row .form-group{flex:1}.departments-grid,.service-grid,.staff-grid,.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.department-card,.service-card,.staff-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;transition:all .2s}.department-card:hover,.service-card:hover,.staff-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.department-name,.service-name,.staff-name{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.department-description,.service-description{font-size:.875rem;color:#6b7280;margin:0 0 .75rem}.service-price{display:inline-block;padding:.25rem .5rem;background-color:#eff6ff;color:#1e40af;border-radius:.375rem;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.department-meta,.service-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.875rem;color:#4b5563}.department-doctors,.service-meta-item{display:flex;align-items:center;gap:.375rem}.staff-header{display:flex;gap:1rem;margin-bottom:.75rem}.staff-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.staff-position{font-size:.875rem;color:#4b5563;margin:0 0 .25rem}.staff-specialization{font-size:.875rem;color:#6b7280}.gallery-item{position:relative;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s;height:0;padding-bottom:75%}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,#000000b3,#0000);color:#fff;display:flex;flex-direction:column}.gallery-edit{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background-color:#ffffffe6}.tag-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background-color:#f3f4f6;border-radius:.375rem;font-size:.875rem;color:#4b5563}.tag-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;padding:0}.tag-remove:hover{color:#4b5563}.tag-add{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:.375rem;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.tag-add:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#4b5563}.admin-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.admin-loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;background-color:#f9fafb;border-radius:.5rem;border:1px dashed #e5e7eb;text-align:center}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#f3f4f6;color:#9ca3af;margin-bottom:1rem}@media (max-width: 768px){.profile-info{flex-direction:column;align-items:center;text-align:center}.profile-actions{position:static;justify-content:center;margin-top:1rem}.hospital-contact{justify-content:center}.form-row{flex-direction:column;gap:.5rem}.departments-grid,.service-grid,.staff-grid,.gallery-grid{grid-template-columns:1fr}}.reports-page{padding-bottom:2rem}.reports-filter-group{display:flex;align-items:center;gap:.5rem}.reports-filter-label{font-size:.875rem;font-weight:500;color:#4b5563;white-space:nowrap}.reports-filter-select{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#374151;background-color:#fff;cursor:pointer}.reports-filter-datepicker{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#374151;background-color:#fff}.reports-filter-button{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.reports-filter-button:hover{background-color:#2563eb}.report-actions{margin-left:auto;display:flex;gap:.5rem}.reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.report-card{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.report-card-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.report-card-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.report-card-actions{display:flex;gap:.5rem}.report-card-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.report-card-action:hover{background-color:#f3f4f6;color:#4b5563}.report-card-content{padding:1.25rem;height:300px;display:flex;align-items:center;justify-content:center}.metric-row{display:flex;gap:1rem;margin-bottom:1.5rem}.metric-card{flex:1;padding:1.25rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem}.reports-metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;flex-shrink:0}.reports-metric-icon.blue{background-color:#eff6ff;color:#3b82f6}.reports-metric-icon.green{background-color:#ecfdf5;color:#10b981}.reports-metric-icon.amber{background-color:#fffbeb;color:#f59e0b}.reports-metric-icon.purple{background-color:#f5f3ff;color:#8b5cf6}.metric-info{flex:1}.reports-metric-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.reports-metric-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;margin-top:.375rem}.metric-trend.up{color:#10b981}.metric-trend.down{color:#ef4444}.chart-container{width:100%;height:100%}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th{font-weight:600;color:#4b5563;background-color:#f9fafb}.data-table td{color:#6b7280}.data-table tr:last-child td{border-bottom:none}.export-menu{position:absolute;top:100%;right:0;width:150px;background-color:#fff;border-radius:.375rem;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;overflow:hidden}.export-option{padding:.5rem 1rem;font-size:.875rem;color:#4b5563;cursor:pointer;display:flex;align-items:center;gap:.5rem}.export-option:hover{background-color:#f9fafb}.full-width{grid-column:1 / -1}.department-breakdown{display:flex;gap:1.5rem;height:100%}.department-chart{flex:1;height:100%;min-width:0}.department-list{width:200px;overflow-y:auto;flex-shrink:0}.department-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.department-color{width:12px;height:12px;border-radius:3px}.department-name{font-size:.875rem;color:#4b5563}.department-value{margin-left:auto;font-size:.875rem;font-weight:500;color:#111827}.patient-flow-chart{height:100%}.ranking-list{height:230px;overflow-y:auto}.ranking-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.ranking-item:last-child{border-bottom:none}.ranking-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f3f4f6;font-size:.75rem;font-weight:600;color:#4b5563;margin-right:.75rem}.ranking-item:nth-child(1) .ranking-number{background-color:#fef3c7;color:#d97706}.ranking-item:nth-child(2) .ranking-number{background-color:#e5e7eb;color:#6b7280}.ranking-item:nth-child(3) .ranking-number{background-color:#fecaca;color:#b91c1c}.ranking-info{flex:1}.ranking-name{font-size:.875rem;font-weight:500;color:#111827;margin:0 0 .125rem}.ranking-detail{font-size:.75rem;color:#6b7280;margin:0}.ranking-value{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap}@media (max-width: 1024px){.reports-grid{grid-template-columns:1fr}.department-breakdown{flex-direction:column}.department-chart{height:300px}.department-list{width:100%;display:flex;flex-wrap:wrap;gap:1rem}.department-item{padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;min-width:120px}}@media (max-width: 768px){.metric-row{flex-direction:column;gap:1rem}.report-filters{flex-direction:column;align-items:flex-start}.report-actions{margin-left:0;width:100%;justify-content:flex-end}}.patient-analytics-detail{padding-bottom:2rem}.analytics-back-button{display:flex;align-items:center;background:#3b82f6;color:#fff;border:none;font-size:1rem;font-weight:500;cursor:pointer;padding:.75rem 1.25rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:all .2s}.analytics-back-button:hover{background-color:#2563eb;box-shadow:0 2px 4px #0000001a}.analytics-back-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.analytics-back-section{display:flex;align-items:center;margin-top:1rem;background-color:#f9fafb}.analytics-location-info{margin-left:1rem;border-left:1px solid #d1d5db;padding-left:1rem;font-size:.875rem;color:#6b7280}.analytics-location-current{font-weight:500;color:#111827}.analytics-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.analytics-filter-item{display:flex;align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem 1rem}.analytics-filter-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-right:.5rem}.analytics-filter-select{border:none;background:none;font-size:.875rem;color:#111827;padding-right:1.5rem;cursor:pointer;outline:none;-webkit-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='%236B7280'%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 center;background-size:1rem}.chart-placeholder{background-color:#f9fafb;border-radius:.5rem;padding:1rem;display:flex;align-items:center;justify-content:center;text-align:center;color:#6b7280;font-size:.875rem;box-shadow:inset 0 0 0 1px #0000000d}@media (max-width: 768px){.analytics-filters{flex-direction:column;gap:.5rem}.analytics-filter-item{width:100%}.analytics-back-section{flex-direction:column;align-items:flex-start}.analytics-location-info{margin-left:0;margin-top:.75rem;border-left:none;padding-left:0;border-top:1px solid #d1d5db;padding-top:.75rem;width:100%}.analytics-back-button{width:100%;justify-content:center}}.notification-management{padding-bottom:2rem}.notification-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background-color:#fff;border-radius:.5rem;padding:1.25rem;box-shadow:0 1px 3px #0000001a}.notification-stats{display:flex;gap:2rem}.notification-stat-item{display:flex;flex-direction:column}.notification-stat-title{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.notification-stat-value{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.notification-stat-value.unread{color:#ef4444}.notification-actions{display:flex;gap:.75rem}.notification-management-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.notification-search-filter-container{display:flex;gap:.75rem;flex:1;align-items:center}.notification-admin-search-bar{position:relative;flex:1;max-width:500px}.notification-search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#9ca3af}.notification-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;color:#111827;box-sizing:border-box}.notification-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;background-color:#fff}.filter-button{display:flex;align-items:center;gap:.25rem;padding:.625rem 1rem;white-space:nowrap;min-width:90px}.notification-list-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.notification-list{max-height:70vh;overflow-y:auto}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;transition:all .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff}.notification-item.unread:hover{background-color:#dbeafe}.notification-item-left{display:flex;align-items:flex-start;flex:1}.notification-icon{margin-right:.75rem;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-icon.info{background-color:#eff6ff;color:#3b82f6}.notification-icon.success{background-color:#ecfdf5;color:#10b981}.notification-icon.warning{background-color:#fffbeb;color:#f59e0b}.notification-icon.error{background-color:#fef2f2;color:#ef4444}.notification-content{flex:1}.notification-message{font-size:.875rem;margin:0 0 .25rem;color:#111827}.notification-related-info{display:inline-block;font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:.125rem .5rem;border-radius:9999px;margin-bottom:.5rem}.notification-meta{display:flex;align-items:center;gap:.5rem}.notification-time,.notification-time-ago{font-size:.75rem;color:#9ca3af}.notification-actions{display:flex;gap:.5rem;margin-left:1rem}.notification-action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.notification-action-button.read:hover{background-color:#ecfdf5;color:#10b981}.notification-action-button.delete:hover{background-color:#fef2f2;color:#ef4444}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}@media (max-width: 768px){.notification-management-header{flex-direction:column;align-items:flex-start;gap:1rem}.notification-stats{flex-direction:column;gap:.5rem}.notification-management-actions{flex-direction:column;align-items:flex-start;gap:1rem}.notification-search-filter-container{width:100%;flex-direction:column;align-items:flex-start}.notification-admin-search-bar{width:100%;max-width:100%}.filter-button{width:100%;justify-content:center}.filter-options{overflow-x:auto;padding-bottom:.5rem;flex-wrap:nowrap;width:100%}}.notification-settings-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.notification-settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.notification-settings-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.notification-settings-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.notification-settings-modal-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}.notification-settings-section{margin-bottom:2rem}.notification-settings-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.notification-settings-description{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.notification-settings-option{display:flex;justify-content:space-between;align-items:center;padding:.875rem 0;border-bottom:1px solid #f3f4f6}.notification-settings-option:last-child{border-bottom:none}.notification-option-label{display:flex;align-items:center;gap:.75rem}.notification-option-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#f3f4f6;border-radius:50%;color:#6b7280}.notification-option-info{display:flex;flex-direction:column}.notification-option-name{font-size:.9375rem;font-weight:500;color:#111827}.notification-option-description{font-size:.75rem;color:#6b7280;margin-top:.25rem}.notification-toggle{position:relative;display:inline-block;width:3rem;height:1.5rem}.notification-toggle input{opacity:0;width:0;height:0}.notification-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:1.5rem}.notification-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.notification-slider{background-color:#3b82f6}input:focus+.notification-slider{box-shadow:0 0 1px #3b82f6}input:checked+.notification-slider:before{transform:translate(1.5rem)}.notification-quiet-hours{margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.quiet-hours-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quiet-hours-title{font-size:.9375rem;font-weight:500;color:#111827;display:flex;align-items:center;gap:.5rem}.quiet-hours-form{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.quiet-hours-input-group{display:flex;align-items:center;gap:.5rem}.quiet-hours-label{font-size:.875rem;color:#4b5563}.quiet-hours-select{padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#111827;background-color:#fff}.notification-channel-option{margin-top:.5rem;display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.channel-option-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.auto-delete-settings{margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.auto-delete-form{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.auto-delete-select{padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#111827;background-color:#fff}.save-button,.cancel-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.quiet-hours-form{flex-direction:column;gap:.5rem}.auto-delete-form{flex-direction:column;align-items:flex-start}.auto-delete-select{width:100%}}.medical-records-management{padding-bottom:2rem}.records-management-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.records-search-filter-container{display:flex;gap:.75rem;flex:1;align-items:center}.records-admin-search-bar{position:relative;flex:1;max-width:500px}.records-search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#9ca3af}.records-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;color:#111827;box-sizing:border-box}.records-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;background-color:#fff}.records-action-buttons{display:flex;gap:.75rem}.records-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.records-list-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.records-count{font-size:.875rem;color:#6b7280}.admin-table-container{overflow-x:auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.admin-table-wrapper{width:100%;overflow-x:auto;scrollbar-width:thin}.admin-table{width:100%;min-width:1000px;border-collapse:collapse;background-color:#fff}.admin-table th{background-color:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.admin-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;color:#4b5563}.record-row{cursor:pointer;transition:background-color .2s}.record-row:hover{background-color:#f9fafb}.patient-info{display:flex;flex-direction:column}.patient-name{font-weight:500;color:#111827;margin-bottom:.25rem}.patient-id{font-size:.75rem;color:#6b7280}.symptoms-cell{max-width:200px}.symptoms-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.record-status.reviewed{background-color:#ecfdf5;color:#10b981}.record-status.pending{background-color:#fffbeb;color:#f59e0b}.records-table-actions{display:flex;gap:.5rem;justify-content:center}.action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.action-button.edit:hover{background-color:#eff6ff;color:#3b82f6}.action-button.delete:hover{background-color:#fef2f2;color:#ef4444}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.admin-empty-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:#f3f4f6;border-radius:50%;color:#9ca3af;margin-bottom:1rem}.admin-empty-title{font-size:1.125rem;font-weight:600;color:#4b5563;margin:0 0 .5rem}.admin-empty-description{font-size:.875rem;color:#6b7280;margin:0;max-width:24rem}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;margin:0 .25rem;color:#6b7280}.medical-record-modal{width:100%;max-width:700px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.medical-record-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.medical-record-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.medical-record-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.medical-record-modal-footer{padding:1.25rem 0;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}.medical-record-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.medical-record-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.medical-record-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.form-group{margin-bottom:1rem}.form-group.full-width{grid-column:span 2}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;color:#111827;background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;grid-column:span 2}.form-button{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s}.form-button-cancel{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.form-button-cancel:hover{background-color:#f9fafb}.form-button-save{background-color:#3b82f6;color:#fff;border:none}.form-button-save:hover{background-color:#2563eb}@media (max-width: 768px){.records-management-actions{flex-direction:column;align-items:flex-start}.records-search-filter-container{width:100%;margin-bottom:1rem}.records-action-buttons{width:100%}.records-action-buttons button{flex:1}.modal-form{grid-template-columns:1fr}.form-group.full-width,.form-actions{grid-column:span 1}}.admin-page{display:flex;width:100%;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f3f4f6;z-index:999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body:has(.admin-page) #root{max-width:none}.admin-page #root{max-width:none}.admin-main-content{flex:1;transition:margin-left .3s ease;overflow-x:hidden}.admin-main-content.expanded{margin-left:0}.admin-content-container{padding:0 1.5rem;height:calc(100vh - 70px);overflow-y:auto}.admin-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#f3f4f6}.admin-loading-spinner{width:50px;height:50px;border:5px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;animation:admin-spinner 1s linear infinite;margin-bottom:1rem}@keyframes admin-spinner{to{transform:rotate(360deg)}}.admin-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.admin-card-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.admin-card-actions{display:flex;gap:.5rem}.admin-section-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.admin-section-description{color:#6b7280;margin-bottom:2rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.admin-button-primary{background-color:#3b82f6;color:#fff;border:none}.admin-button-primary:hover{background-color:#2563eb}.admin-button-secondary{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.admin-button-secondary:hover{background-color:#f9fafb}.admin-button-danger{background-color:#ef4444;color:#fff;border:none}.admin-button-danger:hover{background-color:#dc2626}.admin-table-container{overflow-x:auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem;background-color:#fff}.admin-table th{background-color:#f9fafb;padding:.75rem 1rem;text-align:center;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.admin-table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid #e5e7eb;color:#4b5563}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:#f9fafb}.admin-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.admin-badge-success{background-color:#ecfdf5;color:#059669}.admin-badge-warning{background-color:#fffbeb;color:#d97706}.admin-badge-danger{background-color:#fef2f2;color:#dc2626}.admin-badge-info{background-color:#eff6ff;color:#3b82f6}.admin-form-group{margin-bottom:1.5rem}.admin-form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.admin-form-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.admin-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.admin-form-help{font-size:.75rem;color:#6b7280;margin-top:.25rem}.admin-pagination{display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.admin-pagination-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #d1d5db;background-color:#fff;color:#4b5563;border-radius:.375rem;margin:0 .25rem;cursor:pointer;transition:all .2s;padding:0}.admin-pagination-button:hover{background-color:#f9fafb}.admin-pagination-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.admin-pagination-button.disabled{cursor:not-allowed;opacity:.5}.admin-filters{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem}.admin-filter-group{min-width:200px;margin-bottom:1rem}.admin-filter-group:last-child{margin-bottom:0}.admin-filter-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.admin-filter-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.admin-filter-option{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.admin-filter-option:hover{border-color:#d1d5db;background-color:#f9fafb}.admin-filter-option.active{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6;font-weight:500;box-shadow:0 1px 2px #3b82f61a}.admin-filter-actions{width:100%;display:flex;justify-content:flex-end;margin-top:1rem}.admin-filter-actions button{max-width:120px;transition:all .2s ease}.admin-filter-actions button:hover{background-color:#f9fafb;border-color:#3b82f6;color:#3b82f6}.appointment-management .admin-table-container{width:100%;position:relative;overflow:hidden;margin-bottom:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.appointment-management .admin-table-wrapper{width:100%;overflow-x:auto;scrollbar-width:thin}.appointment-management .admin-table{width:100%;min-width:790px;table-layout:fixed!important;border-collapse:collapse;background-color:#fff}.appointment-management .admin-table th:nth-child(1),.appointment-management .admin-table td:nth-child(1){width:150px;min-width:150px}.appointment-management .admin-table th:nth-child(2),.appointment-management .admin-table td:nth-child(2){width:120px;min-width:120px}.appointment-management .admin-table th:nth-child(3),.appointment-management .admin-table td:nth-child(3),.appointment-management .admin-table th:nth-child(4),.appointment-management .admin-table td:nth-child(4){width:100px;min-width:100px}.appointment-management .admin-table th:nth-child(5),.appointment-management .admin-table td:nth-child(5),.appointment-management .admin-table th:nth-child(6),.appointment-management .admin-table td:nth-child(6){width:120px;min-width:120px}.appointment-management .admin-table th:nth-child(7),.appointment-management .admin-table td:nth-child(7){width:80px;min-width:80px}.appointment-management .admin-table-wrapper::-webkit-scrollbar{height:8px}.appointment-management .admin-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.appointment-management .admin-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.appointment-management .admin-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 992px){.appointment-management .admin-table-container:after{content:"";position:absolute;top:0;right:0;height:100%;width:20px;background:linear-gradient(to right,transparent,rgba(255,255,255,.8));pointer-events:none;opacity:.7;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}}@media (max-width: 768px){.admin-filter-group{min-width:100%}}.super-admin-sidebar{width:260px;background-color:#1e293b;color:#e2e8f0;height:100vh;display:flex;flex-direction:column;transition:width .3s ease;overflow-x:hidden}.super-admin-sidebar.collapsed{width:70px}.super-admin-sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;height:70px}.super-admin-sidebar-title h1{font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap;color:#fff}.super-admin-platform-info{display:flex;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.super-admin-platform-avatar{width:40px;height:40px;border-radius:8px;background-color:#334155;display:flex;align-items:center;justify-content:center;margin-right:.75rem;color:#60a5fa}.super-admin-platform-details{flex:1;min-width:0}.super-admin-platform-name{font-size:.9375rem;font-weight:600;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.super-admin-platform-type{font-size:.75rem;margin:0;color:#94a3b8}.super-admin-sidebar-menu{flex:1;padding:1.5rem 0;overflow-y:auto}.super-admin-sidebar-section{margin-bottom:1.5rem}.super-admin-sidebar-section-title{padding:0 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 .75rem}.super-admin-sidebar-item{display:flex;align-items:center;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.super-admin-sidebar-item:hover{background-color:#ffffff0d}.super-admin-sidebar-item.active{background-color:#3b82f61a;border-left-color:#3b82f6}.super-admin-sidebar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:.75rem;color:#94a3b8}.super-admin-sidebar-item.active .super-admin-sidebar-icon{color:#3b82f6}.super-admin-sidebar-label{font-size:.9375rem;white-space:nowrap}.super-admin-sidebar-item.active .super-admin-sidebar-label{font-weight:500;color:#fff}.super-admin-sidebar-footer{padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}.super-admin-sidebar-footer .super-admin-sidebar-item{color:#94a3b8}.super-admin-sidebar-footer .super-admin-sidebar-item:hover,.super-admin-sidebar-footer .super-admin-sidebar-icon{color:#ef4444}.super-admin-sidebar.collapsed .super-admin-sidebar-header{justify-content:center}.super-admin-sidebar.collapsed .super-admin-sidebar-title,.super-admin-sidebar.collapsed .super-admin-platform-info,.super-admin-sidebar.collapsed .super-admin-sidebar-section-title,.super-admin-sidebar.collapsed .super-admin-sidebar-label{display:none}.super-admin-sidebar.collapsed .super-admin-sidebar-item{padding:.75rem;justify-content:center}.super-admin-sidebar.collapsed .super-admin-sidebar-icon{margin-right:0}.super-admin-header{height:70px;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:10}.super-admin-header-left{display:flex;align-items:center}.super-admin-header-menu-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#6b7280;width:40px;height:40px;border-radius:.375rem;transition:all .2s;padding:0}.super-admin-header-menu-button:hover{background-color:#f9fafb;color:#111827}.super-admin-header-title{font-size:1.25rem;font-weight:600;margin-left:1rem;color:#111827}.super-admin-header-search{flex:1;max-width:600px;margin:0 2rem}.super-admin-search-container{position:relative;width:100%}.super-admin-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.super-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;color:#111827}.super-admin-search-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 2px #3b82f640}.super-admin-header-right{display:flex;align-items:center}.super-admin-header-item{margin-left:1rem;position:relative}.super-admin-notification-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;width:40px;height:40px;border-radius:.375rem;cursor:pointer;position:relative;transition:all .2s;padding:0}.super-admin-notification-button:hover{background-color:#f9fafb;color:#111827}.super-admin-notification-badge{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;height:18px;padding:0 5px;border-radius:9999px;background-color:#ef4444;color:#fff;font-size:.75rem;font-weight:500}.super-admin-notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:320px;max-height:400px;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;z-index:20}.super-admin-notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.super-admin-notification-header h3{font-size:1rem;font-weight:600;margin:0;color:#111827}.super-admin-notification-read-all{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;padding:0}.super-admin-notification-list{max-height:320px;overflow-y:auto}.super-admin-notification-item{padding:1rem;border-bottom:1px solid #f3f4f6;transition:all .2s}.super-admin-notification-item:hover{background-color:#f9fafb}.super-admin-notification-item.unread{background-color:#eff6ff}.super-admin-notification-item.unread:hover{background-color:#dbeafe}.super-admin-notification-content{display:flex;flex-direction:column}.super-admin-notification-message{font-size:.875rem;margin:0 0 .25rem;color:#4b5563}.super-admin-notification-time{font-size:.75rem;color:#9ca3af}.super-admin-notification-empty{display:flex;justify-content:center;align-items:center;height:100px}.super-admin-notification-empty p{font-size:.875rem;color:#6b7280;margin:0}.super-admin-user-menu-button{display:flex;align-items:center;background:none;border:none;padding:.375rem;border-radius:.375rem;cursor:pointer;transition:all .2s}.super-admin-user-menu-button:hover{background-color:#f9fafb}.super-admin-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:.75rem}.super-admin-user-info{text-align:left;margin-right:.5rem}.super-admin-user-name{font-size:.875rem;font-weight:500;color:#111827}.super-admin-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:260px;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;z-index:20}.super-admin-user-dropdown-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.super-admin-user-dropdown-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:.75rem}.super-admin-user-dropdown-name{font-size:.9375rem;font-weight:600;margin:0 0 .125rem;color:#111827}.super-admin-user-dropdown-email{font-size:.75rem;color:#6b7280;margin:0}.super-admin-user-dropdown-menu{padding:.5rem 0}.super-admin-user-dropdown-item{display:flex;align-items:center;padding:.625rem 1rem;color:#4b5563;font-size:.875rem;text-decoration:none;transition:all .2s}.super-admin-user-dropdown-item svg{margin-right:.75rem;color:#6b7280}.super-admin-user-dropdown-item:hover{background-color:#f9fafb;color:#111827}.super-admin-user-dropdown-footer{padding:.5rem 0;border-top:1px solid #e5e7eb}.super-admin-user-dropdown-footer .super-admin-user-dropdown-item{color:#ef4444}.super-admin-user-dropdown-footer .super-admin-user-dropdown-item svg{color:#ef4444}.super-admin-service-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;height:40px;border-radius:.375rem;cursor:pointer;transition:all .2s;padding:0 12px;gap:8px}.super-admin-service-button:hover{background-color:#f9fafb;color:#111827}.super-admin-service-button span{font-size:.875rem;font-weight:500}@media (max-width: 768px){.super-admin-service-button span{display:none}.super-admin-service-button{width:40px;padding:0}}.super-admin-dashboard{padding-bottom:1.5rem}.super-admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.super-admin-dashboard-filters{display:flex;align-items:center;gap:1rem}.super-admin-time-range{display:flex;align-items:center;gap:.5rem}.super-admin-time-range label{font-size:.875rem;font-weight:500;color:#4b5563}.super-admin-time-range select{padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#111827;background-color:#fff}.super-admin-refresh-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .2s}.super-admin-refresh-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.super-admin-metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.super-admin-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.super-admin-chart-card{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.super-admin-chart-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.super-admin-chart-header h3{font-size:1rem;font-weight:600;color:#111827;margin:0}.super-admin-chart-content{padding:1rem;flex:1;display:flex;align-items:center;justify-content:center}.super-admin-chart-footer{padding:.75rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.super-admin-view-details-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:transparent;border:none;font-size:.875rem;color:#3b82f6;cursor:pointer;border-radius:.375rem;transition:all .2s}.super-admin-view-details-button:hover{background-color:#eff6ff}.super-admin-secondary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.super-admin-card{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.super-admin-top-hospitals{grid-column:span 2}.super-admin-card-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.super-admin-card-header h3{font-size:1rem;font-weight:600;color:#111827;margin:0}.super-admin-card-refresh{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.super-admin-card-refresh:hover{background-color:#f3f4f6;color:#4b5563}.super-admin-card-content{padding:1rem 1.25rem;flex:1}.super-admin-card-footer{padding:.75rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.super-admin-status-item{display:flex;margin-bottom:1rem}.super-admin-status-item:last-child{margin-bottom:0}.super-admin-status-label{width:120px;font-size:.875rem;color:#6b7280}.super-admin-status-value{flex:1;font-size:.875rem;font-weight:500;color:#111827}.super-admin-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-status-badge.healthy{background-color:#ecfdf5;color:#10b981}.super-admin-status-badge.warning{background-color:#fffbeb;color:#f59e0b}.super-admin-status-badge.error{background-color:#fef2f2;color:#ef4444}.super-admin-progress-bars{display:flex;flex-direction:column;gap:.75rem}.super-admin-progress-item{display:flex;align-items:center;gap:.5rem}.super-admin-progress-item span{font-size:.75rem;color:#6b7280;width:50px}.super-admin-progress-container{flex:1;height:8px;background-color:#f3f4f6;border-radius:9999px;overflow:hidden}.super-admin-progress-bar{height:100%;background-color:#3b82f6;border-radius:9999px}.super-admin-activity-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.super-admin-activity-item{display:flex;gap:.75rem}.super-admin-activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.super-admin-activity-icon.hospital{background-color:#eff6ff;color:#3b82f6}.super-admin-activity-icon.user{background-color:#f5f3ff;color:#8b5cf6}.super-admin-activity-icon.appointment{background-color:#fffbeb;color:#f59e0b}.super-admin-activity-icon.payment{background-color:#ecfdf5;color:#10b981}.super-admin-activity-details{flex:1}.super-admin-activity-message{font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.super-admin-activity-time{font-size:.75rem;color:#9ca3af}.super-admin-alerts-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.super-admin-alert-item{display:flex;gap:.75rem;padding:.75rem;border-radius:.375rem}.super-admin-alert-item.warning{background-color:#fffbeb}.super-admin-alert-item.info{background-color:#eff6ff}.super-admin-alert-item.error{background-color:#fef2f2}.super-admin-alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.super-admin-alert-item.warning .super-admin-alert-icon{color:#f59e0b}.super-admin-alert-item.info .super-admin-alert-icon{color:#3b82f6}.super-admin-alert-item.error .super-admin-alert-icon{color:#ef4444}.super-admin-alert-details{flex:1}.super-admin-alert-message{font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.super-admin-alert-time{font-size:.75rem;color:#9ca3af}.super-admin-rating{position:relative;display:inline-block}.super-admin-rating:before{content:"★★★★★";color:#e5e7eb}.super-admin-rating-stars{position:absolute;top:0;left:0;color:#f59e0b;overflow:hidden;white-space:nowrap}.super-admin-rating-stars:before{content:"★★★★★"}.super-admin-rating-value{margin-left:.5rem;font-size:.875rem;font-weight:500;color:#111827}.super-admin-dashboard-footer{display:flex;justify-content:flex-end;margin-top:1.5rem}.super-admin-dashboard-actions{display:flex;gap:1rem}@media (max-width: 1280px){.super-admin-metric-cards{grid-template-columns:repeat(2,1fr)}.super-admin-charts,.super-admin-secondary-cards{grid-template-columns:1fr}.super-admin-top-hospitals{grid-column:span 1}}@media (max-width: 768px){.super-admin-metric-cards{grid-template-columns:1fr}.super-admin-dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.super-admin-dashboard-filters,.super-admin-export-button,.super-admin-export-button button{width:100%}.super-admin-dashboard-actions{width:100%;justify-content:center}}.hospital-management{padding-bottom:2rem}.hospital-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.hospital-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.hospital-admin-search-bar{position:relative;flex:1;max-width:500px}.hospital-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.hospital-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.hospital-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.hospital-action-buttons{display:flex;gap:.75rem}.hospital-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hospital-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.hospital-count{font-size:.875rem;color:#6b7280}.hospital-management-hospital-name{font-weight:500;color:#111827}.hospital-categories{display:flex;flex-wrap:wrap;gap:.25rem}.category-tag{padding:.25rem .5rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.75rem;white-space:nowrap}.hospital-contact{display:flex;flex-direction:column;gap:.25rem}.hospital-phone,.hospital-email{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#4b5563}.hospital-phone svg,.hospital-email svg{color:#6b7280}.super-admin-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.super-admin-status-badge.active{background-color:#ecfdf5;color:#10b981}.super-admin-status-badge.pending{background-color:#fffbeb;color:#f59e0b}.super-admin-status-badge.suspended{background-color:#eff6ff;color:#3b82f6}.super-admin-status-badge.inactive{background-color:#f3f4f6;color:#6b7280}.hospital-actions{display:flex;gap:.25rem;justify-content:center}.hospital-detail-page{display:flex;flex-direction:column;gap:1.5rem}.hospital-detail-header{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.hospital-detail-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;flex:1}.hospital-detail-content{display:flex;gap:1.5rem}.hospital-detail-main{flex:2;display:flex;flex-direction:column;gap:1.5rem}.hospital-detail-sidebar{flex:1;display:flex;flex-direction:column;gap:1.5rem}.hospital-detail-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hospital-detail-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.hospital-detail-card-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.edit-button,.add-button,.view-all-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.edit-button:hover,.add-button:hover,.view-all-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.hospital-detail-card-content{padding:1.5rem}.hospital-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.hospital-detail-info-item{display:flex;flex-direction:column;gap:.5rem}.hospital-detail-info-label{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.hospital-detail-info-value{font-size:.9375rem;color:#111827}.hospital-detail-categories{display:flex;flex-wrap:wrap;gap:.5rem}.hospital-detail-category-tag{display:inline-flex;padding:.25rem .5rem;background-color:#eff6ff;color:#3b82f6;border-radius:9999px;font-size:.75rem}.hospital-detail-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hospital-detail-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#f9fafb;border-radius:.5rem;text-align:center}.hospital-detail-stat-value{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.25rem}.hospital-detail-stat-label{font-size:.875rem;color:#6b7280}.hospital-detail-rating{display:flex;align-items:center;gap:.25rem}.admin-role-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.admin-role-badge.owner{background-color:#eff6ff;color:#3b82f6}.admin-role-badge.manager{background-color:#f0fdf4;color:#10b981}.admin-role-badge.staff{background-color:#f3f4f6;color:#6b7280}.admin-actions{display:flex;justify-content:center;gap:.25rem}.account-management-buttons{display:flex;flex-direction:column;gap:.75rem}.account-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.account-action-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.account-action-button:disabled{opacity:.5;cursor:not-allowed}.account-action-button.active{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.account-action-button.danger{color:#ef4444;border-color:#fca5a5}.account-action-button.danger:hover{background-color:#fef2f2}.operating-hours-list{display:flex;flex-direction:column;gap:.75rem}.operating-hours-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.operating-hours-item:last-child{padding-bottom:0;border-bottom:none}.operating-hours-day{font-size:.875rem;color:#4b5563}.operating-hours-time{font-size:.875rem;font-weight:500;color:#111827}.subscription-info{display:flex;flex-direction:column;gap:1rem}.subscription-plan{display:flex;justify-content:space-between;align-items:center}.subscription-plan-name{font-size:1rem;font-weight:600;color:#111827}.subscription-plan-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.subscription-plan-badge.active{background-color:#ecfdf5;color:#10b981}.subscription-details{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:#f9fafb;border-radius:.375rem}.subscription-detail-item{display:flex;justify-content:space-between}.subscription-detail-label{font-size:.875rem;color:#6b7280}.subscription-detail-value{font-size:.875rem;font-weight:500;color:#111827}.subscription-actions{display:flex;justify-content:flex-end}.subscription-action-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.subscription-action-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.documents-list{display:flex;flex-direction:column;gap:1rem}.document-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;transition:all .2s}.document-item:hover{background-color:#f3f4f6}.document-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.25rem;background-color:#eff6ff;color:#3b82f6}.document-info{flex:1}.document-name{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem}.document-date{font-size:.75rem;color:#6b7280}.document-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;background-color:#fff;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.document-action:hover{background-color:#f3f4f6;color:#4b5563}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hospital-modal{width:100%;max-width:600px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;margin:1rem}.hospital-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.hospital-modal-form{padding:1.5rem;overflow-y:auto;flex:1}.hospital-management-modal-footer{padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.hospital-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;min-width:80px}.hospital-modal-cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.delete-button{background-color:#ef4444;color:#fff;border:none}.delete-button:hover{background-color:#dc2626}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;box-sizing:border-box}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef444440}.error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem}.category-option.selected{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6;font-weight:500}.action-buttons{display:flex;gap:.5rem;align-items:center}.payment-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}@media (max-width: 640px){.hospital-modal{margin:.5rem;max-width:calc(100vw - 1rem)}.hospital-modal-header,.hospital-modal-form,.hospital-modal-footer{padding:1rem}.action-buttons{flex-direction:column;width:100%}.hospital-modal-cancel-button,.save-button,.delete-button{width:100%;justify-content:center}}@media (max-width: 1024px){.hospital-detail-content{flex-direction:column-reverse}.hospital-detail-main,.hospital-detail-sidebar{width:100%}.hospital-detail-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hospital-management-actions{flex-direction:column}.hospital-search-filter-container{width:100%}.hospital-action-buttons{width:100%;justify-content:space-between}.hospital-detail-stats-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.hospital-modal{width:100%;max-width:800px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.hospital-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.hospital-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close-button{background:none;border:none;cursor:pointer;color:#6b7280;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease;padding:.25rem}.hospital-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;overflow-x:auto}.hospital-modal-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;border-radius:0;white-space:nowrap}.hospital-modal-tab:hover{color:#4b5563}.hospital-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.hospital-modal-form{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 181px)}.hospital-modal-basic-info,.hospital-modal-category-info,.hospital-modal-hours-info,.hospital-modal-description-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.description-textarea{resize:vertical;min-height:100px}.selected-categories{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;min-height:4rem}.no-categories{color:#9ca3af;font-size:.875rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.category-chip{display:flex;align-items:center;padding:.375rem .625rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#3b82f6;font-size:.875rem}.remove-category{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#3b82f6;margin-left:.375rem;cursor:pointer;padding:0}.add-category-container{display:flex;gap:.5rem}.add-category-button{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer}.add-category-button:disabled{opacity:.5;cursor:not-allowed}.category-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.category-option{padding:.5rem .75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.category-option:hover{border-color:#d1d5db;background-color:#f9fafb}.category-option.selected{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.operating-hours-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.operating-hours-description{font-size:.875rem;color:#6b7280;margin-top:0;margin-bottom:1rem}.operating-hours-container{display:flex;flex-direction:column;gap:.75rem}.operating-hour-item{display:flex;align-items:center}.day-label{width:5rem;font-size:.875rem;font-weight:500;color:#4b5563}.hours-input{flex:1}.hours-presets{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1.5rem}.hours-presets-title{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.75rem}.hours-preset-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.hours-preset-button{padding:.625rem 1rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.hours-preset-button:hover{background-color:#e5e7eb}.hospital-modal-footer{padding:1.25rem 0;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e7eb}.hospital-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.hospital-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.hospital-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.form-row{flex-direction:column}.hospital-modal{width:95%}.hospital-modal-tabs{overflow-x:auto}}.super-admin-user-management{padding-bottom:2rem}.super-admin-user-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.super-admin-user-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.super-admin-user-admin-search-bar{position:relative;flex:1;max-width:500px}.super-admin-user-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.super-admin-user-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.super-admin-user-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.super-admin-user-action-buttons{display:flex;gap:.75rem}.super-admin-user-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.super-admin-user-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.super-admin-user-count{font-size:.875rem;color:#6b7280}.super-admin-user-info{display:flex;flex-direction:column;gap:.25rem}.super-admin-user-name{font-weight:500;color:#111827;font-size:.9375rem}.super-admin-user-details{display:flex;gap:.5rem;font-size:.75rem;color:#6b7280}.super-admin-user-id{color:#3b82f6;font-weight:500}.super-admin-user-age{color:#6b7280}.super-admin-user-contact{display:flex;flex-direction:column;gap:.25rem}.super-admin-user-email,.super-admin-user-phone{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#4b5563}.super-admin-user-email svg,.super-admin-user-phone svg{color:#6b7280}.super-admin-user-location{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#4b5563}.super-admin-user-location svg{color:#6b7280}.super-admin-user-activity{display:flex;flex-direction:column;gap:.25rem}.super-admin-user-activity-stats{display:flex;flex-direction:column;gap:.125rem;font-size:.75rem;color:#6b7280}.super-admin-user-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.super-admin-user-status-badge.active{background-color:#ecfdf5;color:#10b981}.super-admin-user-status-badge.inactive{background-color:#f3f4f6;color:#6b7280}.super-admin-user-status-badge.suspended{background-color:#fffbeb;color:#f59e0b}.super-admin-user-status-badge.blocked{background-color:#fef2f2;color:#ef4444}.super-admin-user-type-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.super-admin-user-type-badge.patient{background-color:#eff6ff;color:#3b82f6}.super-admin-user-type-badge.admin{background-color:#fef3c7;color:#d97706}.super-admin-user-type-badge.doctor{background-color:#f0fdf4;color:#10b981}.super-admin-activity-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.super-admin-activity-badge.high{background-color:#ecfdf5;color:#10b981}.super-admin-activity-badge.medium{background-color:#eff6ff;color:#3b82f6}.super-admin-activity-badge.low{background-color:#f3f4f6;color:#6b7280}.super-admin-activity-badge.new{background-color:#fef3c7;color:#d97706}.super-admin-appointment-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-appointment-status-badge.completed{background-color:#ecfdf5;color:#10b981}.super-admin-appointment-status-badge.cancelled{background-color:#f3f4f6;color:#6b7280}.super-admin-appointment-status-badge.no-show{background-color:#fef2f2;color:#ef4444}.super-admin-user-actions{display:flex;gap:.25rem;justify-content:center}.action-button.delete{color:#ef4444}.action-button.delete:hover{background-color:#fef2f2}.super-admin-user-detail-page{display:flex;flex-direction:column;gap:1.5rem}.super-admin-user-detail-header{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.super-admin-user-detail-title-section{flex:1}.super-admin-user-detail-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.super-admin-user-detail-subtitle{font-size:.875rem;color:#6b7280}.super-admin-user-detail-status{display:flex;gap:.5rem;align-items:center}.super-admin-user-detail-content{display:flex;gap:1.5rem}.super-admin-user-detail-main{flex:2;display:flex;flex-direction:column;gap:1.5rem}.super-admin-user-detail-sidebar{flex:1;display:flex;flex-direction:column;gap:1.5rem}.super-admin-user-detail-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.super-admin-user-detail-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.super-admin-user-detail-card-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.super-admin-user-detail-card-content{padding:1.5rem}.super-admin-user-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.super-admin-user-detail-info-item{display:flex;flex-direction:column;gap:.5rem}.super-admin-user-detail-info-label{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.super-admin-user-detail-info-value{font-size:.9375rem;color:#111827;font-weight:500}.super-admin-user-detail-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.super-admin-user-detail-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#f9fafb;border-radius:.5rem;text-align:center}.super-admin-user-detail-stat-value{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.25rem}.super-admin-user-detail-stat-label{font-size:.875rem;color:#6b7280}.super-admin-user-detail-table-container{overflow-x:auto;border-radius:.375rem;border:1px solid #e5e7eb}.super-admin-user-detail-reviews-list{display:flex;flex-direction:column;gap:1rem}.super-admin-user-detail-review-item{padding:1rem;border:1px solid #f3f4f6;border-radius:.5rem;background-color:#f9fafb}.super-admin-user-detail-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.super-admin-user-detail-review-hospital{font-weight:500;color:#111827;font-size:.9375rem}.super-admin-user-detail-review-meta{display:flex;align-items:center;gap:.5rem}.super-admin-user-detail-review-rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#f59e0b}.super-admin-user-detail-review-date{font-size:.75rem;color:#6b7280}.super-admin-review-reported-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background-color:#fef2f2;color:#ef4444;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-user-detail-review-content{font-size:.875rem;color:#4b5563;line-height:1.5}.super-admin-user-detail-activity-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.super-admin-user-detail-activity-item{padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb}.super-admin-user-detail-activity-info{display:flex;flex-direction:column;gap:.25rem}.super-admin-user-detail-activity-action{font-size:.875rem;color:#111827;font-weight:500}.super-admin-user-detail-activity-meta{font-size:.75rem;color:#6b7280}.super-admin-user-account-management-buttons{display:flex;flex-direction:column;gap:.75rem}.super-admin-user-account-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.super-admin-user-account-action-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.super-admin-user-account-action-button:disabled{opacity:.5;cursor:not-allowed}.super-admin-user-account-action-button.active{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.super-admin-user-account-action-button.danger{color:#ef4444;border-color:#fca5a5}.super-admin-user-account-action-button.danger:hover{background-color:#fef2f2}.super-admin-user-favorite-hospitals-list{display:flex;flex-direction:column;gap:.75rem}.super-admin-user-favorite-hospital-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb}.super-admin-user-favorite-hospital-info{flex:1}.super-admin-user-favorite-hospital-name{font-weight:500;color:#111827;font-size:.875rem;margin-bottom:.25rem}.super-admin-user-favorite-hospital-meta{display:flex;align-items:center;gap:.5rem}.super-admin-user-favorite-hospital-category{font-size:.75rem;color:#6b7280}.super-admin-user-favorite-hospital-rating{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#f59e0b}.super-admin-user-favorite-hospital-date{font-size:.75rem;color:#6b7280;flex-shrink:0}.super-admin-user-payments-list{display:flex;flex-direction:column;gap:.75rem}.super-admin-user-payment-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb}.super-admin-user-payment-info{flex:1}.super-admin-user-payment-hospital{font-weight:500;color:#111827;font-size:.875rem;margin-bottom:.25rem}.super-admin-user-payment-meta{display:flex;align-items:center;gap:.5rem}.super-admin-user-payment-amount{font-size:.875rem;color:#111827;font-weight:500}.super-admin-user-payment-status-badge{display:inline-flex;padding:.125rem .375rem;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-user-payment-status-badge.completed{background-color:#ecfdf5;color:#10b981}.super-admin-user-payment-status-badge.failed{background-color:#fef2f2;color:#ef4444}.super-admin-user-payment-status-badge.refunded{background-color:#f3f4f6;color:#6b7280}.super-admin-user-payment-date{font-size:.75rem;color:#6b7280;flex-shrink:0}.super-admin-user-settings-list{display:flex;flex-direction:column;gap:.75rem}.super-admin-user-settings-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb}.super-admin-user-settings-label{font-size:.875rem;color:#4b5563}.super-admin-user-settings-value{font-size:.875rem;font-weight:500;color:#111827}.super-admin-user-settings-badge{display:inline-flex;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-user-settings-badge.enabled{background-color:#ecfdf5;color:#10b981}.super-admin-user-settings-badge.disabled{background-color:#f3f4f6;color:#6b7280}@media (max-width: 1024px){.super-admin-user-detail-content{flex-direction:column-reverse}.super-admin-user-detail-main,.super-admin-user-detail-sidebar{width:100%}.super-admin-user-detail-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.super-admin-user-management-actions{flex-direction:column}.super-admin-user-search-filter-container{width:100%}.super-admin-user-action-buttons{width:100%;justify-content:space-between}.super-admin-user-detail-stats-grid,.super-admin-user-detail-info-grid{grid-template-columns:1fr}}@media (max-width: 640px){.super-admin-table th:nth-child(4),.super-admin-table td:nth-child(4),.super-admin-table th:nth-child(6),.super-admin-table td:nth-child(6){display:none}}.super-admin-user-modal{width:100%;max-width:700px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.super-admin-user-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.super-admin-user-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.super-admin-user-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;overflow-x:auto}.super-admin-user-modal-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;border-radius:0;white-space:nowrap}.super-admin-user-modal-tab:hover{color:#4b5563}.super-admin-user-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.super-admin-user-modal-form{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 181px)}.super-admin-user-modal-basic-info,.super-admin-user-modal-contact-info,.super-admin-user-modal-settings-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.age-display{font-size:.75rem;color:#3b82f6;font-weight:500}.checkbox-label{cursor:pointer;font-size:.875rem;color:#4b5563}.settings-info-section{margin-top:1.5rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb}.settings-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.settings-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.settings-info-item{display:flex;flex-direction:column;gap:.25rem}.settings-info-label{font-size:.75rem;color:#6b7280;font-weight:500}.settings-info-value{font-size:.875rem;color:#111827}.activity-level-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.activity-level-badge.high{background-color:#ecfdf5;color:#10b981}.activity-level-badge.medium{background-color:#eff6ff;color:#3b82f6}.activity-level-badge.low{background-color:#f3f4f6;color:#6b7280}.activity-level-badge.new{background-color:#fef3c7;color:#d97706}.danger-actions{display:flex;flex-direction:column;gap:.5rem}.danger-action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:.375rem;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start}.danger-action-button:hover{background-color:#fee2e2;border-color:#f87171}.danger-action-description{font-size:.75rem;color:#6b7280;line-height:1.4}.super-admin-user-modal-footer{padding:1.25rem;display:flex;justify-content:flex-end;border-top:1px solid #e5e7eb}.super-admin-user-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.super-admin-user-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.super-admin-user-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.form-row{flex-direction:column}.super-admin-user-modal{width:95%}.super-admin-user-modal-tabs{overflow-x:auto}.settings-info-grid{grid-template-columns:1fr}}.super-admin-content-management{padding-bottom:2rem}.super-admin-content-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.super-admin-content-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.super-admin-content-admin-search-bar{position:relative;flex:1;max-width:500px}.super-admin-content-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.super-admin-content-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.super-admin-content-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.super-admin-content-action-buttons{display:flex;gap:.75rem}.super-admin-content-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.super-admin-content-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.super-admin-content-count{font-size:.875rem;color:#6b7280}.super-admin-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.super-admin-content-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer;transition:all .2s;position:relative}.super-admin-content-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#d1d5db}.super-admin-content-card-image{position:relative;width:100%;height:150px;overflow:hidden}.super-admin-content-card-image img{width:100%;height:100%;object-fit:cover}.super-admin-content-card-overlay{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.5rem}.super-admin-content-card-content{padding:1.25rem}.super-admin-content-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.75rem}.super-admin-content-card-title{font-size:1rem;font-weight:600;color:#111827;margin:0;line-height:1.4;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.super-admin-content-card-status{flex-shrink:0}.super-admin-content-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.super-admin-content-card-category{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.super-admin-content-card-platform{display:flex;align-items:center}.super-admin-content-card-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0 0 1rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.super-admin-content-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.super-admin-content-card-tag{padding:.25rem .5rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.75rem;white-space:nowrap}.super-admin-content-card-tag-more{padding:.25rem .5rem;background-color:#e5e7eb;color:#6b7280;border-radius:9999px;font-size:.75rem}.super-admin-content-card-stats{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.super-admin-content-card-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.super-admin-content-card-footer{display:flex;justify-content:space-between;align-items:center}.super-admin-content-card-author{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.super-admin-content-card-date{font-size:.75rem;color:#9ca3af}.super-admin-content-card-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.super-admin-content-card:hover .super-admin-content-card-actions{opacity:1}.super-admin-content-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.super-admin-content-status-badge.published{background-color:#ecfdf5;color:#10b981}.super-admin-content-status-badge.draft{background-color:#f3f4f6;color:#6b7280}.super-admin-content-status-badge.scheduled{background-color:#eff6ff;color:#3b82f6}.super-admin-content-status-badge.archived{background-color:#fef2f2;color:#ef4444}.super-admin-content-type-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.super-admin-content-type-badge.blue{background-color:#eff6ff;color:#3b82f6}.super-admin-content-type-badge.green{background-color:#ecfdf5;color:#10b981}.super-admin-content-type-badge.purple{background-color:#f5f3ff;color:#8b5cf6}.super-admin-content-type-badge.gray{background-color:#f3f4f6;color:#6b7280}.super-admin-content-type-badge.amber{background-color:#fffbeb;color:#f59e0b}.super-admin-content-type-badge.red{background-color:#fef2f2;color:#ef4444}.super-admin-content-type-badge.indigo{background-color:#eef2ff;color:#6366f1}.super-admin-content-type-badge.pink{background-color:#fdf2f8;color:#ec4899}.super-admin-content-type-badge.teal{background-color:#f0fdfa;color:#14b8a6}.super-admin-content-priority-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.super-admin-content-priority-badge.high{background-color:#fef2f2;color:#ef4444}.super-admin-content-priority-badge.medium{background-color:#fffbeb;color:#f59e0b}.super-admin-content-priority-badge.low{background-color:#f3f4f6;color:#6b7280}.platform-icon{color:#6b7280}.platform-icon.web{color:#3b82f6}.platform-icon.mobile{color:#10b981}.platform-icon.tablet{color:#f59e0b}.platform-icon.all{color:#8b5cf6}.super-admin-content-detail-page{display:flex;flex-direction:column;gap:1.5rem}.super-admin-content-detail-header{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.super-admin-content-detail-title-section{flex:1}.super-admin-content-detail-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.super-admin-content-detail-subtitle{font-size:.875rem;color:#6b7280}.super-admin-content-detail-status{display:flex;gap:.5rem;align-items:center}.super-admin-content-detail-content{display:flex;gap:1.5rem}.super-admin-content-detail-main{flex:2;display:flex;flex-direction:column;gap:1.5rem}.super-admin-content-detail-sidebar{flex:1;display:flex;flex-direction:column;gap:1.5rem}.super-admin-content-detail-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.super-admin-content-detail-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.super-admin-content-detail-card-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.super-admin-content-detail-card-content{padding:1.5rem}.super-admin-content-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.super-admin-content-detail-info-item{display:flex;flex-direction:column;gap:.5rem}.super-admin-content-detail-info-label{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.super-admin-content-detail-info-value{font-size:.9375rem;color:#111827;font-weight:500}.super-admin-content-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem}.super-admin-content-detail-tag{display:inline-flex;padding:.25rem .5rem;background-color:#eff6ff;color:#3b82f6;border-radius:9999px;font-size:.75rem}.platform-info{display:flex;align-items:center;gap:.5rem}.super-admin-content-detail-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.super-admin-content-detail-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#f9fafb;border-radius:.5rem;text-align:center}.super-admin-content-detail-stat-value{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.25rem}.super-admin-content-detail-stat-label{font-size:.875rem;color:#6b7280}.super-admin-content-preview{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;background-color:#f9fafb}.content-text{font-family:inherit;white-space:pre-wrap;word-wrap:break-word;font-size:.875rem;line-height:1.6;color:#4b5563;margin:0}.super-admin-content-version-list{display:flex;flex-direction:column;gap:.75rem}.super-admin-content-version-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb}.super-admin-content-version-info{flex:1;display:flex;gap:.75rem}.super-admin-content-version-number{font-weight:600;color:#3b82f6;font-size:.875rem;flex-shrink:0}.super-admin-content-version-details{flex:1}.super-admin-content-version-author{font-size:.875rem;color:#111827;font-weight:500;margin-bottom:.25rem}.super-admin-content-version-changes{font-size:.75rem;color:#6b7280}.super-admin-content-version-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.super-admin-content-version-date{font-size:.75rem;color:#6b7280}.super-admin-content-version-size{font-size:.75rem;color:#9ca3af}.super-admin-content-feedback-list{display:flex;flex-direction:column;gap:1rem}.super-admin-content-feedback-item{padding:1rem;border:1px solid #f3f4f6;border-radius:.5rem;background-color:#f9fafb}.super-admin-content-feedback-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.super-admin-content-feedback-author{font-weight:500;color:#111827;font-size:.9375rem}.super-admin-content-feedback-meta{display:flex;align-items:center;gap:.5rem}.super-admin-content-feedback-rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#f59e0b}.star-icon{color:#f59e0b}.super-admin-content-feedback-date{font-size:.75rem;color:#6b7280}.super-admin-feedback-private-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background-color:#fef2f2;color:#ef4444;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-content-feedback-content{font-size:.875rem;color:#4b5563;line-height:1.5}.super-admin-content-management-buttons{display:flex;flex-direction:column;gap:.75rem}.super-admin-content-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.super-admin-content-action-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.super-admin-content-action-button:disabled{opacity:.5;cursor:not-allowed}.super-admin-content-action-button.active{background-color:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.super-admin-content-action-button.danger{color:#ef4444;border-color:#fca5a5}.super-admin-content-action-button.danger:hover{background-color:#fef2f2}.super-admin-content-seo-list,.super-admin-content-settings-list,.super-admin-content-schedule-list{display:flex;flex-direction:column;gap:.75rem}.super-admin-content-seo-item,.super-admin-content-settings-item,.super-admin-content-schedule-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb}.super-admin-content-seo-label,.super-admin-content-settings-label,.super-admin-content-schedule-label{font-size:.875rem;color:#4b5563;font-weight:500;flex-shrink:0;margin-right:1rem}.super-admin-content-seo-value,.super-admin-content-settings-value,.super-admin-content-schedule-value{font-size:.875rem;color:#111827;text-align:right;flex:1;word-break:break-word}.super-admin-content-seo-value a{color:#3b82f6;text-decoration:none;display:flex;align-items:center;gap:.25rem;justify-content:flex-end}.super-admin-content-seo-value a:hover{text-decoration:underline}.super-admin-content-settings-badge{display:inline-flex;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-content-settings-badge.enabled{background-color:#ecfdf5;color:#10b981}.super-admin-content-settings-badge.disabled{background-color:#f3f4f6;color:#6b7280}.super-admin-content-active-badge{display:inline-flex;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-content-active-badge.active{background-color:#ecfdf5;color:#10b981}.super-admin-content-active-badge.inactive{background-color:#f3f4f6;color:#6b7280}.super-admin-content-featured-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#fef3c7;color:#d97706;border-radius:9999px;font-size:.75rem;font-weight:500}@media (max-width: 1024px){.super-admin-content-detail-content{flex-direction:column-reverse}.super-admin-content-detail-main,.super-admin-content-detail-sidebar{width:100%}.super-admin-content-detail-stats-grid{grid-template-columns:repeat(2,1fr)}.super-admin-content-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.super-admin-content-management-actions{flex-direction:column}.super-admin-content-search-filter-container{width:100%}.super-admin-content-action-buttons{width:100%;justify-content:space-between}.super-admin-content-detail-stats-grid,.super-admin-content-detail-info-grid,.super-admin-content-grid{grid-template-columns:1fr}.super-admin-content-card-meta{justify-content:flex-start}.super-admin-content-card-stats{justify-content:space-between}}@media (max-width: 640px){.super-admin-content-card-header,.super-admin-content-card-footer,.super-admin-content-seo-item,.super-admin-content-settings-item,.super-admin-content-schedule-item{flex-direction:column;align-items:flex-start;gap:.5rem}.super-admin-content-seo-label,.super-admin-content-settings-label,.super-admin-content-schedule-label{margin-right:0}.super-admin-content-seo-value,.super-admin-content-settings-value,.super-admin-content-schedule-value{text-align:left}.super-admin-content-version-item{flex-direction:column;align-items:flex-start;gap:.5rem}.super-admin-content-version-meta{align-items:flex-start;flex-direction:row;gap:1rem}}.super-admin-content-modal{width:100%;max-width:900px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.super-admin-content-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.super-admin-content-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.super-admin-content-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;overflow-x:auto}.super-admin-content-modal-tab{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;border-radius:0;white-space:nowrap}.super-admin-content-modal-tab:hover{color:#4b5563}.super-admin-content-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.super-admin-content-modal-form{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 189px)}.super-admin-content-modal-basic-info,.super-admin-content-modal-content-info,.super-admin-content-modal-media-info,.super-admin-content-modal-schedule-info,.super-admin-content-modal-seo-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.form-row{display:flex;gap:1rem}.form-group{flex:1;display:flex;flex-direction:column;gap:.5rem}label{font-size:.875rem;font-weight:500;color:#4b5563}.required{color:#ef4444}.form-input{padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.form-input.error{border-color:#ef4444}.error-message{font-size:.75rem;color:#ef4444}.form-help{font-size:.75rem;color:#6b7280}.content-textarea{resize:vertical;min-height:200px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;min-height:4rem}.no-tags{color:#9ca3af;font-size:.875rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tag-chip{display:flex;align-items:center;padding:.375rem .625rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#3b82f6;font-size:.875rem}.remove-tag{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#3b82f6;margin-left:.375rem;cursor:pointer;padding:0}.add-tag-container{display:flex;gap:.5rem}.add-tag-button{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.add-tag-button:disabled{opacity:.5;cursor:not-allowed}.add-tag-button:hover:not(:disabled){background-color:#dbeafe}.content-preview-section{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1.5rem}.preview-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.content-preview{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;background-color:#f9fafb}.preview-text{font-family:inherit;white-space:pre-wrap;word-wrap:break-word;font-size:.875rem;line-height:1.6;color:#4b5563;margin:0}.image-preview{margin-top:1rem}.image-preview-container{position:relative;max-width:400px;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.image-preview-container img{width:100%;height:auto;max-height:200px;object-fit:cover}.image-error{display:flex;align-items:center;justify-content:center;height:100px;background-color:#f3f4f6;color:#6b7280;font-size:.875rem}.upload-section{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1.5rem}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #d1d5db;border-radius:.5rem;background-color:#f9fafb;cursor:pointer;transition:all .2s}.upload-area:hover{border-color:#3b82f6;background-color:#eff6ff}.upload-area p{margin:.5rem 0;color:#6b7280;font-size:.875rem}.content-modal-upload-button{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;flex-wrap:wrap}.content-modal-upload-button:hover{background-color:#2563eb}.checkbox-group-container{display:flex;flex-direction:column;gap:.25rem}.checkbox-group{display:flex;align-items:center;gap:.5rem}.form-checkbox{width:1rem;height:1rem;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer}.checkbox-label{cursor:pointer;font-size:.875rem;color:#4b5563;display:flex;align-items:center;gap:.375rem}.seo-section,.settings-section{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb;margin-bottom:1.5rem}.seo-section-title,.settings-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.super-admin-content-modal-footer{padding:1.25rem;display:flex;justify-content:flex-end;border-top:1px solid #e5e7eb}.action-buttons{display:flex;gap:.75rem}.super-admin-content-modal-cancel-button,.save-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.super-admin-content-modal-cancel-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.super-admin-content-modal-cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.save-button{background-color:#3b82f6;color:#fff;border:none}.save-button:hover{background-color:#2563eb}.delete-button{background-color:#fff;color:#ef4444;border:1px solid #fca5a5}.delete-button:hover{background-color:#fef2f2;border-color:#ef4444}@media (max-width: 768px){.super-admin-content-modal{width:95%;max-height:95vh}.form-row{flex-direction:column}.super-admin-content-modal-tabs{overflow-x:auto}.settings-grid{grid-template-columns:1fr}.upload-area{padding:1.5rem}.image-preview-container{max-width:100%}}.payment-management{padding-bottom:2rem}.payment-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.payment-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.payment-admin-search-bar{position:relative;flex:1;max-width:500px}.payment-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.payment-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.payment-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.payment-action-buttons{display:flex;gap:.75rem}.payment-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.payment-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.payment-count{font-size:.875rem;color:#6b7280}.payment-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.payment-status-badge.completed{background-color:#ecfdf5;color:#10b981}.payment-status-badge.pending{background-color:#fffbeb;color:#f59e0b}.payment-status-badge.failed{background-color:#fef2f2;color:#ef4444}.payment-status-badge.refunded{background-color:#f0f9ff;color:#0ea5e9}.payment-status-badge.cancelled{background-color:#f3f4f6;color:#6b7280}.payment-type-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem}.payment-type-badge.subscription{background-color:#eff6ff;color:#3b82f6}.payment-type-badge.commission{background-color:#f0fdf4;color:#16a34a}.payment-type-badge.fee{background-color:#fef3c7;color:#d97706}.payment-type-badge.penalty{background-color:#fef2f2;color:#dc2626}.payment-type-badge.bonus{background-color:#f0fdfa;color:#0d9488}.payment-method-info{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#4b5563}.payment-method-icon{color:#6b7280}.payment-hospital-info{display:flex;flex-direction:column;gap:.25rem}.payment-hospital-name{font-weight:500;color:#111827;font-size:.875rem}.payment-hospital-type{font-size:.75rem;color:#6b7280}.payment-amount{font-weight:600;color:#111827}.payment-amount.positive{color:#059669}.payment-amount.negative{color:#dc2626}.payment-date{font-size:.875rem;color:#4b5563}.payment-actions{display:flex;gap:.25rem;justify-content:center}.action-button.download{color:#059669}.action-button.download:hover{background-color:#ecfdf5}.action-button.refund{color:#dc2626}.action-button.refund:hover{background-color:#fef2f2}.payment-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.payment-stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;display:flex;align-items:center;gap:1rem}.payment-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;flex-shrink:0}.payment-stat-icon.blue{background-color:#eff6ff;color:#3b82f6}.payment-stat-icon.green{background-color:#ecfdf5;color:#10b981}.payment-stat-icon.amber{background-color:#fffbeb;color:#f59e0b}.payment-stat-icon.red{background-color:#fef2f2;color:#ef4444}.payment-stat-info{flex:1}.payment-stat-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.payment-stat-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.payment-stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;margin-top:.375rem}.payment-stat-trend.up{color:#10b981}.payment-stat-trend.down{color:#ef4444}.payment-detail-page{display:flex;flex-direction:column;gap:1.5rem}.payment-detail-header{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.payment-detail-title-section{flex:1}.payment-detail-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.payment-detail-subtitle{font-size:.875rem;color:#6b7280}.payment-detail-status{display:flex;gap:.5rem;align-items:center}.payment-detail-content{display:flex;gap:1.5rem}.payment-detail-main{flex:2;display:flex;flex-direction:column;gap:1.5rem}.payment-detail-sidebar{flex:1;display:flex;flex-direction:column;gap:1.5rem}.payment-detail-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.payment-detail-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.payment-detail-card-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.payment-detail-card-content{padding:1.5rem}.payment-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.payment-detail-info-item{display:flex;flex-direction:column;gap:.5rem}.payment-detail-info-label{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.payment-detail-info-value{font-size:.9375rem;color:#111827;font-weight:500}.transaction-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{display:flex;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6}.transaction-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-right:1rem;flex-shrink:0}.transaction-icon.incoming{background-color:#ecfdf5;color:#10b981}.transaction-icon.outgoing{background-color:#fef2f2;color:#ef4444}.transaction-info{flex:1}.transaction-title{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem}.transaction-description{font-size:.75rem;color:#6b7280}.transaction-amount{font-size:1rem;font-weight:600;text-align:right}.transaction-amount.positive{color:#059669}.transaction-amount.negative{color:#dc2626}.transaction-date{font-size:.75rem;color:#9ca3af;text-align:right;margin-top:.25rem}.settlement-management-buttons{display:flex;flex-direction:column;gap:.75rem}.settlement-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.settlement-action-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.settlement-action-button:disabled{opacity:.5;cursor:not-allowed}.settlement-action-button.primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.settlement-action-button.primary:hover{background-color:#2563eb}.settlement-action-button.danger{color:#ef4444;border-color:#fca5a5}.settlement-action-button.danger:hover{background-color:#fef2f2}.payment-method-details{display:flex;flex-direction:column;gap:.75rem}.payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:.375rem}.payment-method-label{font-size:.875rem;color:#4b5563;font-weight:500}.fee-settings-list{display:flex;flex-direction:column;gap:1rem}.fee-setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6}.fee-setting-info{flex:1}.fee-setting-name{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem}.fee-setting-description{font-size:.75rem;color:#6b7280}.fee-setting-value{font-size:1rem;font-weight:600;color:#3b82f6}.fee-setting-actions{display:flex;gap:.5rem;margin-left:1rem}.edit-button,.view-all-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.edit-button:hover,.view-all-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.settlement-schedule-list{display:flex;flex-direction:column;gap:.75rem}.settlement-schedule-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb}.settlement-schedule-label{font-size:.875rem;color:#4b5563;font-weight:500;flex-shrink:0;margin-right:1rem}.settlement-schedule-value{font-size:.875rem;color:#111827;text-align:right;flex:1;word-break:break-word}.settlement-schedule-badge{display:inline-flex;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.settlement-schedule-badge.active{background-color:#ecfdf5;color:#10b981}.settlement-schedule-badge.inactive{background-color:#f3f4f6;color:#6b7280}.payment-chart-container{height:300px;background-color:#f9fafb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#6b7280;border:1px solid #e5e7eb}.super-admin-empty-description{color:#6b7280;max-width:400px}@media (max-width: 1024px){.payment-detail-content{flex-direction:column-reverse}.payment-detail-main,.payment-detail-sidebar{width:100%}.payment-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.payment-management-actions{flex-direction:column}.payment-search-filter-container{width:100%}.payment-action-buttons{width:100%;justify-content:space-between}.payment-detail-info-grid,.payment-stats-grid{grid-template-columns:1fr}.fee-setting-item{flex-direction:column;align-items:flex-start;gap:.75rem}.fee-setting-actions{margin-left:0;width:100%;justify-content:flex-end}.settlement-schedule-item{flex-direction:column;align-items:flex-start;gap:.5rem}.settlement-schedule-label{margin-right:0}.settlement-schedule-value{text-align:left}}.payment-modal{width:100%;max-width:700px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.payment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.payment-modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.payment-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;overflow-x:auto;flex-shrink:0;min-height:57px}.payment-modal-tab{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;border-radius:0;white-space:nowrap;flex-shrink:0}.payment-modal-tab:hover{color:#4b5563}.payment-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.payment-modal-content{flex:1;overflow-y:auto;padding:1.5rem;min-height:0;scroll-behavior:smooth}.payment-modal-details-content{display:flex;flex-direction:column;gap:2rem}.payment-modal-section{margin-bottom:2rem}.payment-modal-section:last-child{margin-bottom:0}.payment-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.payment-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.payment-info-item{display:flex;flex-direction:column;gap:.5rem}.payment-info-label{font-size:.875rem;color:#6b7280;font-weight:500}.payment-info-value{font-size:.9375rem;color:#111827;font-weight:500}.payment-amount-breakdown{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.payment-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.payment-breakdown-item:last-child{border-bottom:none;padding-bottom:0;font-weight:600;border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:1rem}.payment-breakdown-label{font-size:.875rem;color:#4b5563}.payment-breakdown-value{font-size:.875rem;color:#111827;font-weight:500}.payment-breakdown-item:last-child .payment-breakdown-label,.payment-breakdown-item:last-child .payment-breakdown-value{font-weight:700;color:#111827}.payment-status-info{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.payment-status-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.payment-status-icon.completed{background-color:#ecfdf5;color:#10b981}.payment-status-icon.pending{background-color:#fffbeb;color:#f59e0b}.payment-status-icon.failed{background-color:#fef2f2;color:#ef4444}.payment-status-icon.refunded{background-color:#f0f9ff;color:#0ea5e9}.payment-status-details{flex:1}.payment-status-title{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .25rem}.payment-status-description{font-size:.75rem;color:#6b7280;margin:0}.payment-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.payment-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.payment-action-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.payment-action-button:disabled{opacity:.5;cursor:not-allowed}.payment-action-button.primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.payment-action-button.primary:hover{background-color:#2563eb}.payment-action-button.success{background-color:#10b981;color:#fff;border-color:#10b981}.payment-action-button.success:hover{background-color:#059669}.payment-action-button.danger{background-color:#ef4444;color:#fff;border-color:#ef4444}.payment-action-button.danger:hover{background-color:#dc2626}.payment-method-details{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.payment-method-item:last-child{border-bottom:none;padding-bottom:0}.payment-method-label{font-size:.875rem;color:#6b7280;font-weight:500}.payment-method-value{font-size:.875rem;color:#111827;font-weight:500}.settlement-details{background-color:#f0fdfa;border:1px solid #a7f3d0;border-radius:.5rem;padding:1rem}.settlement-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #a7f3d0}.settlement-item:last-child{border-bottom:none;padding-bottom:0}.settlement-label{font-size:.875rem;color:#047857;font-weight:500}.settlement-value{font-size:.875rem;color:#065f46;font-weight:600}.refund-form{background-color:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;padding:1.5rem;margin-top:1rem;scroll-margin-top:1rem}.refund-form-title{font-size:1rem;font-weight:600;color:#dc2626;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.refund-form-group{margin-bottom:1rem}.refund-form-group:last-child{margin-bottom:0}.refund-form-label{display:block;font-size:.875rem;font-weight:500;color:#7f1d1d;margin-bottom:.5rem}.refund-form-input{width:100%;padding:.625rem .75rem;border:1px solid #fca5a5;border-radius:.375rem;font-size:.875rem;background-color:#fff;color:#111827;transition:all .2s;box-sizing:border-box}.refund-form-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #dc262640}.refund-form-textarea{resize:vertical;min-height:80px}.refund-form-help{font-size:.75rem;color:#991b1b;margin-top:.25rem}.refund-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #fca5a5}.refund-cancel-button{padding:.625rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.refund-cancel-button:hover{background-color:#f9fafb}.refund-confirm-button{padding:.625rem 1rem;background-color:#dc2626;border:none;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.refund-confirm-button:hover{background-color:#b91c1c}.refund-confirm-button:disabled{opacity:.5;cursor:not-allowed}.transaction-history{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.transaction-history-header{padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.transaction-history-title{font-size:.875rem;font-weight:600;color:#111827;margin:0}.transaction-history-list{max-height:300px;overflow-y:auto}.transaction-history-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.transaction-history-item:last-child{border-bottom:none}.transaction-history-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-right:.75rem;flex-shrink:0}.transaction-history-icon.payment{background-color:#eff6ff;color:#3b82f6}.transaction-history-icon.refund{background-color:#fef2f2;color:#ef4444}.transaction-history-info{flex:1;min-width:0}.transaction-history-action{font-size:.875rem;font-weight:500;color:#111827;margin:0 0 .25rem}.transaction-history-time{font-size:.75rem;color:#6b7280;margin:0}.transaction-history-amount{font-size:.875rem;font-weight:600;text-align:right;white-space:nowrap;flex-shrink:0}.transaction-history-amount.positive{color:#059669}.transaction-history-amount.negative{color:#dc2626}.modal-close-button{background:none;border:none;cursor:pointer;color:#6b7280;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease;padding:.25rem;flex-shrink:0}.modal-close-button:hover{background-color:#f3f4f6;color:#111827}@media (max-width: 768px){.payment-modal{width:95%;max-height:95vh;margin:1rem}.payment-modal-content{padding:1rem}.payment-info-grid,.payment-actions-grid{grid-template-columns:1fr}.refund-buttons{flex-direction:column-reverse}.refund-cancel-button,.refund-confirm-button{width:100%}.payment-modal-tabs{padding:0 1rem}.payment-modal-tab{padding:.75rem .5rem;font-size:.8125rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.system-settings{padding-bottom:2rem}.system-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.system-settings-title-section h2{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.system-settings-subtitle{font-size:.875rem;color:#6b7280}.system-settings-actions{display:flex;gap:.75rem}.super-admin-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid;cursor:pointer;transition:all .2s;text-decoration:none;background:#fff}.super-admin-button-primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.super-admin-button-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.super-admin-button-primary:disabled{background-color:#9ca3af;border-color:#9ca3af;color:#d1d5db;cursor:not-allowed}.super-admin-button-secondary{background-color:#fff;border-color:#d1d5db;color:#374151}.super-admin-button-secondary:hover{background-color:#f9fafb;border-color:#9ca3af;color:#111827}.unsaved-changes-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;color:#92400e;font-size:.875rem;font-weight:500}.unsaved-indicator{width:8px;height:8px;background-color:#f59e0b;border-radius:50%;animation:pulse 2s infinite}.system-settings-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.system-settings-tabs::-webkit-scrollbar{display:none}.system-settings-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;border-radius:0}.system-settings-tab:hover{color:#374151;background-color:#f9fafb}.system-settings-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#fff}.system-settings-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;background-color:#ef4444;color:#fff;border-radius:9999px;font-size:.625rem;font-weight:600}.system-settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.settings-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb}.settings-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin:0}.settings-section-description{font-size:.75rem;color:#6b7280;margin-top:.25rem}.settings-section-toggle{display:flex;align-items:center;gap:.5rem}.settings-section-content{padding:1.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.settings-form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form-label{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:#374151}.settings-form-label .required{color:#ef4444}.settings-form-input,select.settings-form-input{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.5;color:#111827;background-color:#fff;transition:all .2s;min-height:2.5rem;box-sizing:border-box}.settings-form-input:focus,select.settings-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.settings-form-input:disabled,select.settings-form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.settings-form-input::placeholder{color:#9ca3af}.settings-form-help{font-size:.75rem;color:#6b7280;margin-top:.25rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:#374151}.array-manager{display:flex;flex-direction:column;gap:.75rem}.array-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem}.array-item-input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;color:#111827;background-color:#fff;min-height:2rem}.array-item-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.array-item-actions{display:flex;gap:.25rem}.array-item-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.array-item-button:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.array-item-button.danger:hover{background-color:#fef2f2;border-color:#ef4444;color:#ef4444}.array-add-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.375rem;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s}.array-add-button:hover{background-color:#eff6ff;border-color:#3b82f6;color:#3b82f6}.password-input-wrapper{position:relative}.password-toggle-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.password-toggle-button:hover{color:#374151;background-color:#f3f4f6}.progress-bar-container{display:flex;flex-direction:column;gap:.5rem}.progress-bar-header{display:flex;justify-content:space-between;align-items:center}.progress-bar-label{font-size:.875rem;color:#374151;font-weight:500}.progress-bar-value{font-size:.875rem;color:#6b7280;font-weight:600}.progress-bar{width:100%;height:8px;background-color:#f3f4f6;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#3b82f6;border-radius:9999px;transition:width .3s ease}.progress-bar-fill.warning{background-color:#f59e0b}.progress-bar-fill.danger{background-color:#ef4444}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;margin-bottom:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background-color:#10b981}.status-dot.offline{background-color:#ef4444}.status-dot.maintenance{background-color:#f59e0b}.api-key-display{position:relative;display:flex;align-items:center;gap:.5rem}.api-key-text{font-family:Courier New,monospace;font-size:.875rem;color:#374151;background-color:#f9fafb;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.25rem;flex:1;-webkit-user-select:none;user-select:none;min-height:2rem;display:flex;align-items:center}.api-key-text.revealed{-webkit-user-select:text;user-select:text}.api-key-actions{display:flex;gap:.25rem}.api-key-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;color:#6b7280;cursor:pointer;transition:all .2s}.api-key-button:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.save-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.save-status.success{background-color:#ecfdf5;border:1px solid #10b981;color:#059669}.save-status.error{background-color:#fef2f2;border:1px solid #ef4444;color:#dc2626}.save-status.saving{background-color:#eff6ff;border:1px solid #3b82f6;color:#2563eb}.settings-card{border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;overflow:hidden}.settings-card-header{padding:1rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb}.settings-card-title{font-size:.875rem;font-weight:600;color:#111827;margin:0}.settings-card-content{padding:1rem}.danger-zone{border:1px solid #fca5a5;border-radius:.5rem;background-color:#fef2f2;overflow:hidden}.danger-zone-header{padding:1rem;border-bottom:1px solid #fca5a5;background-color:#fee2e2}.danger-zone-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#dc2626;margin:0}.danger-zone-content{padding:1rem}.danger-zone-description{font-size:.875rem;color:#7f1d1d;margin-bottom:1rem}.danger-button{display:inline-flex;align-items:center;gap:.5rem;background-color:#dc2626;color:#fff;border:none;padding:.625rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.danger-button:hover{background-color:#b91c1c}.settings-notification{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;border-radius:.5rem;border:1px solid}.settings-notification.info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.settings-notification.warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.settings-notification.error{background-color:#fef2f2;border-color:#fca5a5;color:#991b1b}.settings-notification-icon{flex-shrink:0}.settings-notification-content{flex:1}.settings-notification-title{font-weight:600;margin:0 0 .25rem}.settings-notification-message{font-size:.875rem;margin:0}input[type=checkbox]{width:1rem;height:1rem;margin-right:.5rem;accent-color:#3b82f6}@media (max-width: 1024px){.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.system-settings-header{flex-direction:column;align-items:flex-start;gap:1rem}.system-settings-actions{width:100%;justify-content:flex-end}.system-settings-tabs{padding:0 1rem;margin:0 -1rem 2rem}.settings-grid{grid-template-columns:1fr}.array-item{flex-direction:column;align-items:stretch;gap:.5rem}.array-item-actions{justify-content:flex-end}.api-key-display{flex-direction:column;align-items:stretch;gap:.75rem}.api-key-actions{justify-content:center}}@media (max-width: 640px){.progress-bar-header{flex-direction:column;align-items:flex-start;gap:.25rem}.settings-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-section-toggle{width:100%;justify-content:flex-end}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}.settings-form-input:focus,.array-item-input:focus,select.settings-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.settings-section{transition:all .2s}.settings-section:hover{box-shadow:0 4px 6px #0000001a}.array-item.dragging{opacity:.5;transform:rotate(5deg)}.array-item.drag-over{border-color:#3b82f6;background-color:#eff6ff}.settings-form-input.invalid{border-color:#ef4444;box-shadow:0 0 0 2px #ef444440}.settings-form-input.valid{border-color:#10b981;box-shadow:0 0 0 2px #10b98140}.validation-message{font-size:.75rem;margin-top:.25rem}.validation-message.error{color:#dc2626}.validation-message.success{color:#059669}.logs-reports{padding-bottom:2rem}.logs-reports-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.logs-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.logs-admin-search-bar{position:relative;flex:1;max-width:500px}.logs-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.logs-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.logs-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.logs-action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.logs-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logs-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.logs-count{font-size:.875rem;color:#6b7280}.reports-section{margin-bottom:3rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem}.report-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;min-height:320px}.report-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#d1d5db}.report-card-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.report-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;flex-shrink:0}.report-card-icon.blue{background-color:#eff6ff;color:#3b82f6}.report-card-icon.green{background-color:#ecfdf5;color:#10b981}.report-card-icon.amber{background-color:#fffbeb;color:#f59e0b}.report-card-icon.purple{background-color:#f5f3ff;color:#8b5cf6}.report-card-icon.red{background-color:#fef2f2;color:#ef4444}.report-card-info{flex:1;min-width:0}.report-card-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.4;word-break:keep-all}.report-card-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4;word-break:keep-all}.report-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.report-meta-info{font-size:.75rem;color:#64748b;margin-bottom:1.5rem;line-height:1.4;background-color:#f8fafc;padding:.75rem;border-radius:.375rem;border-left:3px solid #3b82f6}.report-meta-info strong{color:#374151;font-weight:600}.report-card-stats{display:grid;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:.5rem;border:1px solid #f1f5f9}.report-card-stats[data-count="1"]{grid-template-columns:1fr}.report-card-stats[data-count="2"]{grid-template-columns:1fr 1fr}.report-card-stats[data-count="3"]{grid-template-columns:1fr 1fr 1fr}.report-card-stats[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.report-card-stats[data-count="5"]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.report-card-stats[data-count="5"] .report-stat:nth-child(4){grid-column:1 / 3}.report-card-stats[data-count="5"] .report-stat:nth-child(5){grid-column:3}.report-card-stats[data-count="6"]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.report-stat{text-align:center;padding:.75rem .5rem;background-color:#fff;border-radius:.375rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;min-width:0}.report-stat:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.report-stat-value{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.015em;display:block;font-size:clamp(.875rem,2.5vw,1.125rem)}.report-stat-label{font-size:.75rem;color:#64748b;margin:0;line-height:1.3;font-weight:500;display:block;word-break:keep-all;-webkit-hyphens:auto;hyphens:auto}.report-card-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.report-action-button{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .875rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1;min-height:36px;white-space:nowrap}.report-action-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.report-action-button:disabled{opacity:.5;cursor:not-allowed}.report-action-button.primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.report-action-button.primary:hover:not(:disabled){background-color:#2563eb}.report-status-badge{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.report-status-badge.ready{background-color:#ecfdf5;color:#10b981}.report-status-badge.generating{background-color:#fffbeb;color:#f59e0b}.report-status-badge.scheduled{background-color:#eff6ff;color:#3b82f6}.log-level-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;gap:.25rem;white-space:nowrap}.log-level-badge.info{background-color:#eff6ff;color:#3b82f6}.log-level-badge.warning{background-color:#fffbeb;color:#f59e0b}.log-level-badge.error{background-color:#fef2f2;color:#ef4444}.log-level-badge.success{background-color:#ecfdf5;color:#10b981}.log-level-badge.debug{background-color:#f3f4f6;color:#6b7280}.log-category-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.log-category-badge.system{background-color:#f5f3ff;color:#8b5cf6}.log-category-badge.user{background-color:#ecfdf5;color:#10b981}.log-category-badge.payment{background-color:#fffbeb;color:#f59e0b}.log-category-badge.security{background-color:#fef2f2;color:#ef4444}.log-category-badge.api{background-color:#f0fdfa;color:#0d9488}.log-entry{display:flex;align-items:flex-start;padding:1rem;border-bottom:1px solid #f3f4f6;transition:all .2s}.log-entry:hover{background-color:#f9fafb}.log-entry:last-child{border-bottom:none}.log-entry-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-right:1rem;flex-shrink:0}.log-entry-icon.info{background-color:#eff6ff;color:#3b82f6}.log-entry-icon.warning{background-color:#fffbeb;color:#f59e0b}.log-entry-icon.error{background-color:#fef2f2;color:#ef4444}.log-entry-icon.success{background-color:#ecfdf5;color:#10b981}.log-entry-icon.debug{background-color:#f3f4f6;color:#6b7280}.log-entry-content{flex:1;min-width:0}.log-entry-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.log-entry-time{font-size:.75rem;color:#9ca3af;white-space:nowrap}.log-entry-message{font-size:.875rem;color:#111827;margin:0 0 .5rem;line-height:1.5;word-break:break-word}.log-entry-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.log-entry-detail{font-size:.75rem;color:#6b7280;background-color:#f9fafb;padding:.25rem .5rem;border-radius:.25rem;display:flex;align-items:center;white-space:nowrap}.log-entry-user{font-size:.75rem;color:#4b5563;font-weight:500}.log-entry-ip{font-size:.75rem;color:#6b7280;font-family:monospace}.system-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.system-status-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;display:flex;align-items:center;gap:1rem}.system-status-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;flex-shrink:0}.system-status-icon.healthy{background-color:#ecfdf5;color:#10b981}.system-status-icon.warning{background-color:#fffbeb;color:#f59e0b}.system-status-icon.critical{background-color:#fef2f2;color:#ef4444}.system-status-info{flex:1;min-width:0}.system-status-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.system-status-value{font-size:1.25rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.system-status-detail{font-size:.75rem;color:#6b7280;margin-top:.25rem;line-height:1.2}.super-admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;text-align:center}.super-admin-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background-color:#f3f4f6;color:#6b7280;margin-bottom:1.5rem}.super-admin-empty-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.super-admin-empty-description{color:#6b7280;max-width:400px;line-height:1.5}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;height:2rem;margin:0 .25rem;color:#6b7280}@media (max-width: 1200px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 1024px){.reports-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.system-status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.report-card-stats[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.report-card-stats[data-count="3"] .report-stat:nth-child(3){grid-column:1 / 3}.report-card-stats[data-count="4"],.report-card-stats[data-count="5"],.report-card-stats[data-count="6"]{grid-template-columns:1fr 1fr}.report-card-stats[data-count="5"] .report-stat:nth-child(4),.report-card-stats[data-count="5"] .report-stat:nth-child(5){grid-column:unset}.report-stat-value{font-size:clamp(.875rem,2.2vw,1rem)}}@media (max-width: 640px){.logs-reports-actions{flex-direction:column}.logs-search-filter-container{width:100%}.logs-action-buttons{width:100%;justify-content:space-between}.reports-grid,.system-status-grid{grid-template-columns:1fr}.log-entry{flex-direction:column;align-items:flex-start}.log-entry-icon{margin-right:0;margin-bottom:.5rem}.log-entry-header{flex-direction:column;align-items:flex-start;gap:.5rem}.report-card-actions{flex-direction:column}.report-action-button{width:100%}.report-card{min-height:auto}.report-card-header,.report-card-content{padding:1rem}.report-card-stats[data-count="1"]{grid-template-columns:1fr}.report-card-stats[data-count="2"],.report-card-stats[data-count="3"],.report-card-stats[data-count="4"],.report-card-stats[data-count="5"],.report-card-stats[data-count="6"]{grid-template-columns:1fr 1fr}.report-card-stats[data-count="3"] .report-stat:nth-child(3){grid-column:1 / 3}.report-card-stats[data-count="5"] .report-stat:nth-child(5){grid-column:1 / 3}.report-stat-value{font-size:clamp(1rem,3vw,1.25rem)}.report-stat-label{font-size:.8125rem}}@media (max-width: 380px){.report-card-stats{padding:.75rem;gap:.5rem}.report-stat{padding:.5rem .25rem}.report-card-stats[data-count="2"],.report-card-stats[data-count="3"],.report-card-stats[data-count="4"],.report-card-stats[data-count="5"],.report-card-stats[data-count="6"]{grid-template-columns:1fr}.report-card-stats .report-stat{grid-column:unset!important}}.customer-support{padding-bottom:2rem}.support-stats-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}.support-stat-icon.pending{background-color:#fffbeb;color:#f59e0b}.support-inquiry-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.support-inquiry-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.support-inquiry-count{font-size:.875rem;color:#6b7280}.support-inquiry-table-container{overflow-x:auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.support-inquiry-info{display:flex;flex-direction:column;gap:.5rem;min-width:250px}.support-inquiry-header{display:flex;align-items:center;gap:.5rem}.support-inquiry-id{font-family:monospace;font-size:.75rem;color:#3b82f6;font-weight:600;background-color:#eff6ff;padding:.125rem .375rem;border-radius:.25rem}.support-inquiry-title{font-weight:500;color:#111827;font-size:.875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.support-inquiry-meta{display:flex;flex-wrap:wrap;gap:.25rem}.support-inquiry-hospital{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .375rem;background-color:#ecfdf5;color:#10b981;border-radius:9999px;font-size:.625rem;font-weight:500}.support-inquiry-attachment{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .375rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.625rem;font-weight:500}.support-customer-info{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.support-customer-header{display:flex;align-items:center;gap:.5rem}.support-customer-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;flex-shrink:0}.support-customer-details{flex:1;min-width:0}.support-customer-role{font-size:.75rem;color:#6b7280}.support-status-badge.escalation{background-color:#fef2f2;color:#dc2626;animation:pulse 2s infinite}.support-priority-badge.낮음{background-color:#f0fdf4;color:#15803d}.support-priority-badge.보통{background-color:#fefce8;color:#ca8a04}.support-priority-badge.높음{background-color:#fef2f2;color:#dc2626}.support-priority-badge.긴급{background-color:#fdf2f8;color:#be185d;animation:pulse 2s infinite}.support-category-badge.기술지원{background-color:#f0f9ff;color:#0284c7}.support-category-badge.계정관리{background-color:#fef3c7;color:#d97706}.support-category-badge.기능요청{background-color:#f5f3ff;color:#7c3aed}.support-category-badge.버그신고{background-color:#fef2f2;color:#dc2626}.support-category-badge.일반문의{background-color:#f3f4f6;color:#6b7280}.support-user-type-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0}.support-inquiry-actions{display:flex;gap:.25rem;justify-content:center}.action-button.edit{color:#10b981}.action-button.edit:hover{background-color:#ecfdf5}.action-button.more{color:#8b5cf6}.action-button.more:hover{background-color:#f5f3ff}@media (max-width: 1280px){.support-stats-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.support-stats-cards{grid-template-columns:repeat(2,1fr)}.support-management-actions{flex-direction:column}.support-search-filter-container{width:100%}.support-action-buttons{width:100%;justify-content:space-between}}@media (max-width: 640px){.support-stats-cards{grid-template-columns:1fr}.super-admin-table th:nth-child(6),.super-admin-table td:nth-child(6),.super-admin-table th:nth-child(7),.super-admin-table td:nth-child(7),.super-admin-table th:nth-child(8),.super-admin-table td:nth-child(8){display:none}}.support-inquiry-table-container::-webkit-scrollbar{height:6px}.support-inquiry-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.support-inquiry-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.support-inquiry-table-container::-webkit- .customer-support{padding-bottom:2rem}.support-stats-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.support-stat-card{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;padding:1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s}.support-stat-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000001a}.support-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;background-color:#f3f4f6;color:#6b7280;flex-shrink:0}.support-stat-icon.active{background-color:#eff6ff;color:#3b82f6}.support-stat-icon.resolved{background-color:#ecfdf5;color:#10b981}.support-stat-info{flex:1;min-width:0}.support-stat-value{font-size:1.25rem;font-weight:700;color:#111827;line-height:1.2}.support-stat-label{font-size:.75rem;color:#6b7280;margin-top:.125rem}.support-management-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.support-search-filter-container{display:flex;gap:.75rem;flex:1;min-width:300px}.support-admin-search-bar{position:relative;flex:1;max-width:500px}.support-admin-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#f9fafb;transition:all .2s;box-sizing:border-box;color:#111827}.support-admin-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.support-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.support-action-buttons{display:flex;gap:.75rem}.support-ticket-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.support-ticket-list-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.support-ticket-count{font-size:.875rem;color:#6b7280}.count-highlight{font-weight:600;color:#3b82f6}.support-ticket-table-container{overflow-x:auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.support-ticket-info{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.support-ticket-header{display:flex;align-items:center;gap:.5rem}.support-ticket-id{font-family:monospace;font-size:.75rem;color:#3b82f6;font-weight:600;background-color:#eff6ff;padding:.125rem .375rem;border-radius:.25rem}.support-ticket-title{font-weight:500;color:#111827;font-size:.875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.support-ticket-meta{display:flex;flex-wrap:wrap;gap:.25rem}.support-ticket-tag{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .375rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.625rem;font-weight:500}.support-customer-info{display:flex;flex-direction:column;gap:.25rem;min-width:180px}.support-customer-name{font-weight:500;color:#111827;font-size:.875rem}.support-customer-contact{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.support-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.support-status-badge.open{background-color:#fef3c7;color:#d97706}.support-status-badge.in_progress{background-color:#eff6ff;color:#3b82f6}.support-status-badge.pending{background-color:#fffbeb;color:#f59e0b}.support-status-badge.resolved{background-color:#ecfdf5;color:#10b981}.support-status-badge.closed{background-color:#f3f4f6;color:#6b7280}.support-priority-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.support-priority-badge.low{background-color:#f0fdf4;color:#15803d}.support-priority-badge.medium{background-color:#fefce8;color:#ca8a04}.support-priority-badge.high{background-color:#fef2f2;color:#dc2626}.support-priority-badge.urgent{background-color:#fdf2f8;color:#be185d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.support-category-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.support-category-badge.technical{background-color:#f0f9ff;color:#0284c7}.support-category-badge.billing{background-color:#ecfdf5;color:#059669}.support-category-badge.account{background-color:#fef3c7;color:#d97706}.support-category-badge.feature{background-color:#f5f3ff;color:#7c3aed}.support-category-badge.bug{background-color:#fef2f2;color:#dc2626}.support-category-badge.general{background-color:#f3f4f6;color:#6b7280}.support-source-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.support-source-icon.email{background-color:#eff6ff;color:#3b82f6}.support-source-icon.phone{background-color:#ecfdf5;color:#10b981}.support-source-icon.chat{background-color:#fef3c7;color:#d97706}.support-source-icon.form{background-color:#f5f3ff;color:#8b5cf6}.support-source-icon.social{background-color:#fdf2f8;color:#ec4899}.support-assignee{min-width:100px}.support-assigned{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#111827}.support-unassigned{color:#9ca3af;font-style:italic;font-size:.875rem}.support-update-time{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;white-space:nowrap}.support-ticket-actions{display:flex;gap:.25rem;justify-content:center}.action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;background-color:transparent;border:none;cursor:pointer;transition:all .2s;padding:0}.action-button.view{color:#3b82f6}.action-button.view:hover{background-color:#eff6ff}.action-button.edit{color:#6b7280}.action-button.edit:hover{background-color:#f3f4f6}.action-button.more{color:#6b7280}.action-button.more:hover{background-color:#f3f4f6}.support-ticket-detail{display:flex;flex-direction:column;gap:1.5rem}.support-ticket-detail-header{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.back-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:#f3f4f6;border:none;cursor:pointer;color:#4b5563;transition:all .2s}.back-button:hover{background-color:#e5e7eb;color:#111827}.support-ticket-detail-title-section{flex:1}.support-ticket-detail-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.support-ticket-detail-subtitle{font-size:.875rem;color:#6b7280}.support-ticket-detail-status{display:flex;gap:.5rem;align-items:center}.support-ticket-detail-content{display:flex;gap:1.5rem}.support-ticket-detail-main{flex:2;display:flex;flex-direction:column;gap:1.5rem}.support-ticket-detail-sidebar{flex:1;display:flex;flex-direction:column;gap:1.5rem}.support-ticket-detail-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.support-ticket-detail-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.support-ticket-detail-card-header h3{font-size:1rem;font-weight:600;color:#111827;margin:0}.support-ticket-detail-card-content{padding:1.5rem}.ticket-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.ticket-info-item{display:flex;flex-direction:column;gap:.25rem}.ticket-info-item label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ticket-info-item div{font-size:.875rem;color:#111827;font-weight:500}.customer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.customer-info-item{display:flex;flex-direction:column;gap:.25rem}.customer-info-item label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.customer-info-item div{font-size:.875rem;color:#111827;font-weight:500}.support-ticket-actions{display:flex;gap:.5rem;align-items:center}.status-select{padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#fff;color:#111827}.assign-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.assign-button:hover{background-color:#2563eb}.satisfaction-rating{display:flex;align-items:center;gap:.25rem}.satisfaction-rating span{margin-left:.25rem;font-size:.75rem;color:#6b7280}.ticket-tags{display:flex;flex-wrap:wrap;gap:.25rem}.ticket-tag{padding:.125rem .375rem;background-color:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.625rem;font-weight:500}.message-count{font-size:.875rem;color:#6b7280}.message-thread{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.message-item{display:flex;gap:.75rem;padding:1rem;border-radius:.5rem}.message-item.customer{background-color:#f0f9ff;margin-left:0;margin-right:2rem}.message-item.agent{background-color:#f9fafb;margin-left:2rem;margin-right:0}.message-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#fff;color:#6b7280;flex-shrink:0}.message-item.customer .message-avatar{background-color:#3b82f6;color:#fff}.message-item.agent .message-avatar{background-color:#10b981;color:#fff}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-sender{font-size:.875rem;font-weight:600;color:#111827}.message-time{font-size:.75rem;color:#6b7280}.message-text{font-size:.875rem;color:#4b5563;line-height:1.5;white-space:pre-wrap}.message-attachments{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.attachment-item{display:flex;align-items:center;gap:.375rem;padding:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#4b5563}.reply-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.reply-header h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.reply-input-section{display:flex;flex-direction:column;gap:.75rem}.reply-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s}.reply-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.reply-actions{display:flex;justify-content:space-between;align-items:center}.reply-tools{display:flex;gap:.5rem}.reply-tool-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.reply-tool-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.reply-buttons{display:flex;gap:.5rem}.reply-save-button{padding:.5rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.reply-save-button:hover{background-color:#f9fafb}.reply-send-button{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.reply-send-button:hover:not(:disabled){background-color:#2563eb}.reply-send-button:disabled{opacity:.5;cursor:not-allowed}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.quick-action-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.quick-action-button.priority{border-color:#f59e0b;color:#d97706}.quick-action-button.priority:hover{background-color:#fffbeb}.quick-action-button.danger{border-color:#ef4444;color:#dc2626}.quick-action-button.danger:hover{background-color:#fef2f2}.related-tickets{display:flex;flex-direction:column;gap:.75rem}.related-ticket-item{padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb;cursor:pointer;transition:all .2s}.related-ticket-item:hover{border-color:#e5e7eb;background-color:#f3f4f6}.related-ticket-id{font-family:monospace;font-size:.75rem;color:#3b82f6;font-weight:600}.related-ticket-title{font-size:.875rem;color:#111827;font-weight:500;margin:.25rem 0}.related-ticket-date{font-size:.75rem;color:#6b7280}.activity-log{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto}.activity-item{padding:.75rem;border:1px solid #f3f4f6;border-radius:.375rem;background-color:#f9fafb}.activity-time{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.activity-description{font-size:.875rem;color:#4b5563}.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}.assign-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;width:100%;max-width:400px;overflow:hidden}.assign-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.assign-modal-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.modal-close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:0}.modal-close-button:hover{color:#111827}.assign-modal-content{padding:1rem}.assignee-list{display:flex;flex-direction:column;gap:.5rem}.assignee-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.assignee-item:hover{background-color:#f3f4f6;border-color:#3b82f6;color:#111827}.support-stats-dashboard{padding-bottom:2rem}.support-stats-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.support-stats-header h2{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.support-stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stats-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:1px solid #e5e7eb}.stats-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-card-header h3{font-size:1rem;font-weight:600;color:#4b5563;margin:0}.stats-card-content{text-align:center}.stats-value{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.25rem}.stats-label{font-size:.875rem;color:#6b7280}.support-stats-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;border:1px solid #e5e7eb}.chart-container h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.chart-placeholder{display:flex;justify-content:space-around;align-items:end;height:200px;padding:1rem 0}.chart-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bar{width:40px;border-radius:.25rem .25rem 0 0;transition:all .3s ease}.chart-label{font-size:.75rem;color:#6b7280;text-align:center}@media (max-width: 1280px){.support-stats-cards{grid-template-columns:repeat(3,1fr)}.support-ticket-detail-content{flex-direction:column}.support-ticket-detail-main,.support-ticket-detail-sidebar{width:100%}.support-stats-overview{grid-template-columns:repeat(2,1fr)}.support-stats-charts{grid-template-columns:1fr}}@media (max-width: 768px){.support-stats-cards{grid-template-columns:repeat(2,1fr)}.support-management-actions{flex-direction:column}.support-search-filter-container{width:100%}.support-action-buttons{width:100%;justify-content:space-between}.support-stats-overview,.ticket-info-grid,.customer-info-grid{grid-template-columns:1fr}.message-item.customer{margin-right:0}.message-item.agent{margin-left:0}.reply-actions{flex-direction:column;align-items:stretch;gap:.75rem}.reply-tools{justify-content:center}.reply-buttons{justify-content:stretch}.reply-save-button,.reply-send-button{flex:1}}@media (max-width: 640px){.support-stats-cards{grid-template-columns:1fr}.super-admin-table th:nth-child(6),.super-admin-table td:nth-child(6),.super-admin-table th:nth-child(7),.super-admin-table td:nth-child(7),.super-admin-table th:nth-child(8),.super-admin-table td:nth-child(8){display:none}.support-ticket-detail-title{font-size:1.25rem}.support-ticket-detail-status{flex-direction:column;align-items:flex-start;gap:.25rem}}.super-admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.super-admin-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background-color:#f3f4f6;color:#9ca3af;margin-bottom:1rem}.super-admin-empty-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.super-admin-empty-description{font-size:.875rem;color:#6b7280;margin:0;max-width:400px}.text-muted{color:#6b7280}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.bg-success{background-color:#ecfdf5}.bg-warning{background-color:#fffbeb}.bg-danger{background-color:#fef2f2}.border-success{border-color:#10b981}.border-warning{border-color:#f59e0b}.border-danger{border-color:#ef4444}.message-thread::-webkit-scrollbar,.activity-log::-webkit-scrollbar{width:6px}.message-thread::-webkit-scrollbar-track,.activity-log::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.message-thread::-webkit-scrollbar-thumb,.activity-log::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.message-thread::-webkit-scrollbar-thumb:hover,.activity-log::-webkit-scrollbar-thumb:hover{background:#94a3b8}.support-admin-search-input:focus,.reply-textarea:focus,.status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.support-stat-card,.support-ticket-detail-card,.quick-action-button,.related-ticket-item,.activity-item,.assignee-item{transition:all .2s ease-in-out}.super-admin-table tbody tr:hover{background-color:#f8fafc;cursor:pointer}.support-ticket-detail-card:hover{box-shadow:0 4px 6px #0000000d}@media (min-width: 641px) and (max-width: 1024px){.support-stats-cards{grid-template-columns:repeat(3,1fr)}.support-stats-overview,.ticket-info-grid{grid-template-columns:repeat(2,1fr)}}.support-modal{width:100%;max-width:900px;max-height:90vh;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;overflow:hidden}.support-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.support-modal-header-left{flex:1;min-width:0}.support-modal-title-section{margin-right:1rem}.support-modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.4}.support-modal-subtitle{font-size:.875rem;color:#6b7280}.support-modal-header-right{display:flex;align-items:flex-start;gap:1rem;flex-shrink:0}.support-modal-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.modal-close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.modal-close-button:hover{color:#111827;background-color:#f3f4f6}.support-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.support-modal-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;border-radius:0}.support-modal-tab:hover{color:#4b5563;background-color:#f3f4f6}.support-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#fff}.support-modal-content{flex:1;padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 200px)}.support-conversation-tab{display:flex;flex-direction:column;gap:1.5rem}.support-customer-summary{display:flex;gap:1rem;padding:1rem;background-color:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.support-customer-avatar-section{position:relative;flex-shrink:0}.support-customer-avatar-large{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.support-user-type-icon{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px solid white}.support-user-type-icon.patient{background-color:#eff6ff;color:#3b82f6}.support-user-type-icon.hospital{background-color:#ecfdf5;color:#10b981}.support-user-type-icon.doctor{background-color:#fef3c7;color:#d97706}.support-customer-info-section{flex:1;min-width:0}.support-customer-name-large{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.support-customer-role-large{font-size:.875rem;color:#6b7280;margin:0 0 .5rem}.support-customer-hospital{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#4b5563;margin:0 0 .75rem}.support-customer-contacts{display:flex;flex-direction:column;gap:.25rem}.support-customer-contact-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.support-customer-actions{display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.support-status-controls,.support-assign-controls{display:flex;flex-direction:column;gap:.5rem}.support-control-label{font-size:.75rem;font-weight:500;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.support-status-select{padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#fff;color:#111827;min-width:120px}.support-assign-wrapper{position:relative}.support-assign-button{display:flex;align-items:center;gap:.375rem;padding:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s;min-width:120px;justify-content:flex-start}.support-assign-button:hover{border-color:#3b82f6;color:#111827}.support-assign-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;z-index:10;overflow:hidden}.support-assign-menu-item{display:block;width:100%;padding:.5rem;background:none;border:none;text-align:left;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .2s}.support-assign-menu-item:hover{background-color:#f3f4f6;color:#111827}.support-inquiry-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.support-content-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.support-content-description{font-size:.875rem;color:#4b5563;line-height:1.6;white-space:pre-wrap;margin-bottom:1rem}.support-content-attachments{border-top:1px solid #f3f4f6;padding-top:1rem}.support-attachments-title{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .75rem}.support-attachments-list{display:flex;flex-direction:column;gap:.5rem}.support-attachment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.375rem}.support-attachment-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#e5e7eb;border-radius:.375rem;color:#6b7280;flex-shrink:0}.support-attachment-info{flex:1;min-width:0}.support-attachment-name{display:block;font-size:.875rem;font-weight:500;color:#111827}.support-attachment-size{font-size:.75rem;color:#6b7280}.support-attachment-download{background:none;border:none;color:#3b82f6;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.support-attachment-download:hover{background-color:#eff6ff}.support-message-thread{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.support-thread-title{font-size:1rem;font-weight:600;color:#111827;margin:0;padding:1rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb}.support-messages-container{max-height:400px;overflow-y:auto;padding:1rem}.support-message-item{display:flex;gap:.75rem;margin-bottom:1rem}.support-message-item.customer{margin-right:2rem}.support-message-item.agent{margin-left:2rem}.support-message-item.internal{background-color:#fffbeb;border:1px solid #fef3c7;border-radius:.5rem;padding:.75rem;margin-left:0;margin-right:0}.support-message-avatar{flex-shrink:0}.support-message-customer-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600}.support-message-agent-avatar{width:32px;height:32px;border-radius:50%;background-color:#10b981;color:#fff;display:flex;align-items:center;justify-content:center}.support-message-content{flex:1;min-width:0}.support-message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.support-message-sender{font-size:.875rem;font-weight:600;color:#111827}.support-message-internal-badge{display:flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background-color:#fbbf24;color:#92400e;border-radius:9999px;font-size:.625rem;font-weight:500}.support-message-time{font-size:.75rem;color:#9ca3af;margin-left:auto}.support-message-text{font-size:.875rem;color:#374151;line-height:1.5;white-space:pre-wrap}.support-message-attachments{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.support-message-attachment{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background-color:#f3f4f6;border-radius:.25rem;font-size:.75rem;color:#4b5563}.support-reply-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.support-reply-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb}.support-reply-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.support-reply-options{display:flex;gap:1rem}.support-reply-option{display:flex;align-items:center;gap:.375rem;cursor:pointer}.support-reply-option input[type=checkbox]{width:1rem;height:1rem}.support-reply-option-label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#4b5563}.support-reply-input-section{padding:1rem}.support-reply-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s;margin-bottom:.75rem}.support-reply-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.support-reply-actions{display:flex;justify-content:space-between;align-items:center}.support-reply-tools{display:flex;gap:.5rem}.support-reply-tool-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.support-reply-tool-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.support-reply-buttons{display:flex;gap:.5rem}.support-reply-send-button{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.support-reply-send-button:hover:not(:disabled){background-color:#2563eb}.support-reply-send-button:disabled{opacity:.5;cursor:not-allowed}.support-details-tab{display:flex;flex-direction:column;gap:1.5rem}.support-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.support-details-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.support-details-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0;padding:1rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb}.support-details-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.support-details-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #f9fafb}.support-details-item:last-child{border-bottom:none;padding-bottom:0}.support-details-item label{font-size:.875rem;color:#6b7280;font-weight:500}.support-details-item span{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#111827;font-weight:500}.support-satisfaction-rating{display:flex;align-items:center;gap:.25rem}.support-quick-actions{padding:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.support-quick-action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.support-quick-action-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.support-quick-action-button:disabled{opacity:.5;cursor:not-allowed}.support-quick-action-button.priority{border-color:#f59e0b;color:#d97706}.support-quick-action-button.priority:hover{background-color:#fffbeb}.support-quick-action-button.resolved{border-color:#10b981;color:#059669}.support-quick-action-button.resolved:hover{background-color:#ecfdf5}.support-quick-action-button.closed{border-color:#6b7280;color:#4b5563}.support-quick-action-button.closed:hover{background-color:#f3f4f6}.support-history-tab{display:flex;flex-direction:column;gap:1.5rem}.support-timeline{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.support-timeline-title{font-size:1rem;font-weight:600;color:#111827;margin:0;padding:1rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb}.support-timeline-container{padding:1rem;position:relative}.support-timeline-container:before{content:"";position:absolute;left:2rem;top:1rem;bottom:1rem;width:2px;background-color:#e5e7eb}.support-timeline-item{display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.support-timeline-item:last-child{margin-bottom:0}.support-timeline-marker{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;position:relative;z-index:1;border:2px solid white}.support-timeline-marker.created{background-color:#eff6ff;color:#3b82f6}.support-timeline-marker.assigned{background-color:#f0fdf4;color:#10b981}.support-timeline-marker.replied{background-color:#f5f3ff;color:#8b5cf6}.support-timeline-marker.internal{background-color:#fffbeb;color:#f59e0b}.support-timeline-marker.resolved{background-color:#ecfdf5;color:#10b981}.support-timeline-marker.closed{background-color:#f3f4f6;color:#6b7280}.support-timeline-marker.satisfaction{background-color:#fffbeb;color:#f59e0b}.support-timeline-content{flex:1;min-width:0}.support-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.support-timeline-action{font-size:.875rem;font-weight:600;color:#111827}.support-timeline-time{font-size:.75rem;color:#9ca3af}.support-timeline-description{font-size:.875rem;color:#6b7280;line-height:1.4}.support-related-inquiries{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.support-related-title{font-size:1rem;font-weight:600;color:#111827;margin:0;padding:1rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb}.support-related-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.support-related-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.375rem;cursor:pointer;transition:all .2s}.support-related-item:hover{border-color:#e5e7eb;background-color:#f3f4f6}.support-related-info{display:flex;flex-direction:column;gap:.25rem}.support-related-id{font-family:monospace;font-size:.75rem;color:#3b82f6;font-weight:600}.support-related-title-text{font-size:.875rem;color:#111827;font-weight:500}.support-related-date{font-size:.75rem;color:#6b7280}.support-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.support-modal-footer-info{flex:1}.support-modal-footer-text{font-size:.875rem;color:#6b7280}.support-modal-footer-actions{display:flex;gap:.75rem}.support-modal-footer-button{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.support-modal-footer-button.secondary{background-color:#fff;border:1px solid #e5e7eb;color:#4b5563}.support-modal-footer-button.secondary:hover{background-color:#f9fafb;border-color:#d1d5db}.support-modal-footer-button.primary{background-color:#3b82f6;border:none;color:#fff}.support-modal-footer-button.primary:hover:not(:disabled){background-color:#2563eb}.support-modal-footer-button:disabled{opacity:.5;cursor:not-allowed}.support-modal-content::-webkit-scrollbar,.support-messages-container::-webkit-scrollbar{width:6px}.support-modal-content::-webkit-scrollbar-track,.support-messages-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.support-modal-content::-webkit-scrollbar-thumb,.support-messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.support-modal-content::-webkit-scrollbar-thumb:hover,.support-messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.support-modal{width:95%;max-height:95vh}.support-modal-header{flex-direction:column;align-items:flex-start;gap:1rem}.support-modal-header-right{width:100%;justify-content:space-between}.support-modal-badges{flex-direction:row;align-items:center}.support-customer-summary{flex-direction:column;text-align:center}.support-customer-actions{flex-direction:row;justify-content:space-around}.support-details-grid,.support-quick-actions{grid-template-columns:1fr}.support-message-item.customer,.support-message-item.agent{margin-left:0;margin-right:0}.support-reply-actions{flex-direction:column;align-items:stretch;gap:.75rem}.support-reply-tools{justify-content:center}.support-modal-footer{flex-direction:column;gap:1rem;align-items:stretch}.support-modal-footer-actions{justify-content:stretch}.support-modal-footer-button{flex:1;justify-content:center}}@media (max-width: 640px){.support-modal-tabs{overflow-x:auto}.support-modal-tab{white-space:nowrap;flex-shrink:0}.support-timeline-container:before{left:1rem}.support-timeline-item{margin-left:-.5rem}}.support-status-select:focus,.support-reply-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.support-modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.support-assign-menu{animation:menuSlideDown .2s ease-out}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.super-admin-page{display:flex;width:100%;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f3f4f6;z-index:999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body:has(.super-admin-page) #root{max-width:none}.super-admin-page #root{max-width:none}.super-admin-main-content{flex:1;transition:margin-left .3s ease;overflow-x:hidden}.super-admin-main-content.expanded{margin-left:0}.super-admin-content-container{padding:0 1.5rem;height:calc(100vh - 70px);overflow-y:auto}.super-admin-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#f3f4f6}.super-admin-loading-spinner{width:50px;height:50px;border:5px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;animation:super-admin-spinner 1s linear infinite;margin-bottom:1rem}@keyframes super-admin-spinner{to{transform:rotate(360deg)}}.super-admin-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.super-admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.super-admin-card-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.super-admin-card-actions{display:flex;gap:.5rem}.super-admin-section-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.super-admin-section-description{color:#6b7280;margin-bottom:2rem}.super-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.super-admin-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.super-admin-button-primary{background-color:#3b82f6;color:#fff;border:none}.super-admin-button-primary:hover{background-color:#2563eb}.super-admin-button-secondary{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.super-admin-button-secondary:hover{background-color:#f9fafb}.super-admin-button-danger{background-color:#ef4444;color:#fff;border:none}.super-admin-button-danger:hover{background-color:#dc2626}.super-admin-table-container{overflow-x:auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.super-admin-table{width:100%;border-collapse:collapse;font-size:.875rem;background-color:#fff}.super-admin-table th{background-color:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.super-admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;color:#4b5563}.super-admin-table tr:last-child td{border-bottom:none}.super-admin-table tr:hover{background-color:#f9fafb}.super-admin-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.super-admin-badge-success{background-color:#ecfdf5;color:#059669}.super-admin-badge-warning{background-color:#fffbeb;color:#d97706}.super-admin-badge-danger{background-color:#fef2f2;color:#dc2626}.super-admin-badge-info{background-color:#eff6ff;color:#3b82f6}.super-admin-form-group{margin-bottom:1.5rem}.super-admin-form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.super-admin-form-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.super-admin-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.super-admin-form-help{font-size:.75rem;color:#6b7280;margin-top:.25rem}.super-admin-pagination{display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.super-admin-pagination-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #d1d5db;background-color:#fff;color:#4b5563;border-radius:.375rem;margin:0 .25rem;cursor:pointer;transition:all .2s;padding:0}.super-admin-pagination-button:hover{background-color:#f9fafb}.super-admin-pagination-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.super-admin-pagination-button.disabled{cursor:not-allowed;opacity:.5}.super-admin-filters{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem}.super-admin-filter-group{min-width:200px;margin-bottom:1rem}.super-admin-filter-group:last-child{margin-bottom:0}.super-admin-filter-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.super-admin-filter-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.super-admin-filter-option{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.super-admin-filter-option:hover{border-color:#d1d5db;background-color:#f9fafb}.super-admin-filter-option.active{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6;font-weight:500;box-shadow:0 1px 2px #3b82f61a}.super-admin-filter-actions{width:100%;display:flex;justify-content:flex-end;margin-top:1rem}.super-admin-filter-actions button{max-width:120px;transition:all .2s ease}.super-admin-filter-actions button:hover{background-color:#f9fafb;border-color:#3b82f6;color:#3b82f6}.super-admin-metric-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;display:flex;align-items:center;gap:1rem}.super-admin-metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;flex-shrink:0}.super-admin-metric-icon.blue{background-color:#eff6ff;color:#3b82f6}.super-admin-metric-icon.green{background-color:#ecfdf5;color:#10b981}.super-admin-metric-icon.amber{background-color:#fffbeb;color:#f59e0b}.super-admin-metric-icon.purple{background-color:#f5f3ff;color:#8b5cf6}.super-admin-metric-info{flex:1}.super-admin-metric-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.super-admin-metric-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.super-admin-metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;margin-top:.375rem}.super-admin-metric-trend.up{color:#10b981}.super-admin-metric-trend.down{color:#ef4444}@media (max-width: 768px){.super-admin-filter-group{min-width:100%}}