:root{--color-primary: #1e8e3e;--color-secondary: #007bff;--color-warning: #ffc107;--color-danger: #dc3545;--color-background: #f8f8f8;--color-card-bg: #ffffff;--shadow-light: 0 4px 12px rgba(0, 0, 0, .08);--shadow-icon: 0 2px 4px rgba(0, 0, 0, .1)}::-webkit-scrollbar{width:0}html,body{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;background-color:var(--color-background);font-family:Inter,system-ui,sans-serif;color:#333;min-height:100vh}.app-screen{width:100%;max-width:450px;margin:0 auto;min-height:100vh;background-color:var(--color-background);box-shadow:0 0 20px #0000001a;position:relative;padding-bottom:80px}.main-content{padding:16px;background-color:var(--color-background)}.header-top{position:sticky;top:0;z-index:10;background-size:cover;background-position:center;padding:40px 16px 20px;position:relative;overflow:hidden}.header-top:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--color-background) 0%,rgba(248,248,248,.7) 40%,transparent 100%);z-index:1}.logo-title,#searchForm{position:relative;z-index:2}.logo-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo{max-width:40px;height:auto;border-radius:8px}.title-text{line-height:1.2}.title-text h1{font-size:1.2rem;font-weight:800;margin:0;color:#1a1a1a;text-shadow:0 1px 3px #ffffffa8}.title-text p{font-size:.8rem;color:#333;font-weight:600;margin:0;text-shadow:0 1px 3px #ffffffa8}.search-bar{background-color:#ffffffe6;border:1px solid #eee;border-radius:12px;padding:8px 14px;display:flex;align-items:center;transition:background-color .3s ease}.search-bar input:focus{outline:none!important;box-shadow:none!important}#searchInput{padding-right:2rem}#clearSearch{right:.5rem;color:#999;transition:color .2s ease}#clearSearch:hover{color:#000}#searchResults a:hover{text-decoration:underline}.feature-grid{margin-top:0;background-color:var(--color-card-bg);border-radius:16px;padding:16px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;box-shadow:var(--shadow-light);animation:fadeIn .8s ease-out}.grid-item{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#333;transition:transform .2s ease}.grid-item:hover{transform:scale(.95);color:var(--color-primary)}.icon-circle{width:48px;height:48px;border-radius:50%;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;margin-bottom:4px;font-size:1.2rem;box-shadow:var(--shadow-icon)}.icon-label{font-size:.7rem;font-weight:600;line-height:1.2}.icon-profile .icon-circle{color:#34572d}.icon-jadwal .icon-circle{color:var(--color-primary)}.icon-pendaftaran .icon-circle{color:#ff69b4}.icon-paket .icon-circle{color:#3498db}.icon-homecare .icon-circle{color:#df7fcf}.icon-ranap .icon-circle{color:#3498db}.icon-darah .icon-circle{color:var(--color-danger)}.icon-artikel .icon-circle{color:#2ecc71}.section-card{margin-top:20px;background-color:var(--color-card-bg);border-radius:16px;box-shadow:var(--shadow-light);overflow:hidden;animation:fadeIn 1s ease-out}.section-header{font-size:1.1rem;font-weight:700;padding:16px;border-bottom:1px solid #eee}.list-link{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:#333;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.list-link:last-child{border-bottom:none}.list-link:hover{background-color:#f9f9f9}.list-link i{width:20px;margin-right:12px;color:var(--color-primary);font-size:1rem}.list-link span{flex-grow:1;font-size:.9rem;font-weight:600}.list-link .badge{font-size:.7rem;padding:4px 8px;border-radius:8px;font-weight:700}.bg-primary{background-color:var(--color-secondary)!important;color:#fff!important}.bg-warning{background-color:var(--color-warning)!important;color:#333!important}.doctor-photo{position:relative;width:60px;height:60px;border-radius:50%;margin-right:16px;flex-shrink:0;overflow:hidden;border:2px solid #f0f0f0}.doctor-photo img{width:100%;height:100%;object-fit:cover}.bed-capacity-chart{display:block;text-decoration:none;color:inherit;padding:16px}.bar-row{margin-bottom:12px}.bar-row:last-child{margin-bottom:0}.bar-label{font-size:.8rem;font-weight:600;margin-bottom:4px;color:#555;display:flex;justify-content:space-between}.bar-container{display:flex;width:100%;height:22px;background-color:#e9ecef;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.bar-segment{height:100%;transition:width .8s ease-in-out;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700}.emergency-bar{position:fixed;bottom:0;width:100%;max-width:450px;background-color:var(--color-card-bg);padding:12px 16px;box-shadow:0 -4px 12px #0000000d;z-index:20}.emergency-btn{background-color:var(--color-danger);color:#fff;text-align:center;padding:14px 20px;border-radius:14px;font-weight:700;font-size:1rem;text-decoration:none;display:block;transition:background-color .3s ease;box-shadow:0 4px 10px #dc354566}.emergency-btn:hover{background-color:#c82333;color:#fff}#background-overlay{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.swiper{width:100%;max-width:450px;margin:16px auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.swiper-slide img{width:100%;height:auto;display:block}.swiper-pagination-bullet-active{background:#1e8e3e}