.page-module__SYtZTG__hero{background:linear-gradient(135deg,#0a2e28 0%,#0d5a4a 60%,#0e9f8d 100%);align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.page-module__SYtZTG__heroOverlay{background:linear-gradient(90deg,#05161299 0%,#0516121a 100%);position:absolute;inset:0}.page-module__SYtZTG__heroContent{z-index:1;padding-top:48px;padding-bottom:48px;position:relative}.page-module__SYtZTG__heroTitle{color:#fff;margin:0 0 12px;font-size:44px;font-weight:700;line-height:1.15}.page-module__SYtZTG__heroDesc{color:#ffffffd1;margin:0;font-size:16px;line-height:1.6}.page-module__SYtZTG__pageBody{background:var(--bg-main);padding:40px 0 80px}.page-module__SYtZTG__searchFilterBar{gap:16px;margin-bottom:20px;display:flex}@media (max-width:768px){.page-module__SYtZTG__searchFilterBar{flex-direction:column}}.page-module__SYtZTG__searchField{border:1px solid var(--light-gray);border-radius:var(--radius-full);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;flex:1;align-items:center;gap:12px;padding:14px 20px;display:flex}.page-module__SYtZTG__searchField:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.page-module__SYtZTG__searchIcon{flex-shrink:0;font-size:16px}.page-module__SYtZTG__searchInput{color:var(--black);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.page-module__SYtZTG__clearBtn{color:var(--dark-gray);cursor:pointer;border-radius:var(--radius-button);transition:background var(--transition-fast);flex-shrink:0;padding:2px 6px;font-size:13px}.page-module__SYtZTG__clearBtn:hover{background:var(--light-gray)}.page-module__SYtZTG__filterField{border:1px solid var(--light-gray);border-radius:var(--radius-full);box-shadow:var(--shadow-card);min-width:260px;transition:border-color var(--transition-fast);background:#fff;align-items:center;gap:10px;padding:14px 20px;display:flex;position:relative}.page-module__SYtZTG__filterField:focus-within{border-color:var(--primary)}.page-module__SYtZTG__filterIcon{flex-shrink:0;font-size:16px}.page-module__SYtZTG__filterSelect{color:var(--black);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;flex:1;padding-right:20px;font-family:inherit;font-size:14px}.page-module__SYtZTG__selectArrow{color:var(--dark-gray);pointer-events:none;font-size:12px;position:absolute;right:20px}.page-module__SYtZTG__countText{color:var(--dark-gray);margin:0 0 24px;font-size:14px}.page-module__SYtZTG__countText strong{color:var(--black)}.page-module__SYtZTG__dokterGrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:768px){.page-module__SYtZTG__dokterGrid{grid-template-columns:1fr}}.page-module__SYtZTG__dokterCard{border:1px solid var(--light-gray);border-radius:var(--radius-container);box-shadow:var(--shadow-card);transition:all var(--transition-normal);background:#fff;align-items:stretch;display:flex;overflow:hidden}.page-module__SYtZTG__dokterCard:hover{box-shadow:var(--shadow-hover);border-color:#0e9f8d4d;transform:translateY(-3px)}@media (max-width:576px){.page-module__SYtZTG__dokterPhoto{width:100px}}.page-module__SYtZTG__dokterPhoto{aspect-ratio:3/4;flex-shrink:0;justify-content:center;align-items:center;width:140px;min-height:160px;display:flex;position:relative;overflow:hidden}.page-module__SYtZTG__dokterInitials{opacity:.7;font-size:32px;font-weight:800}.page-module__SYtZTG__dokterInfo{flex-direction:column;gap:8px;padding:20px;display:flex}.page-module__SYtZTG__dokterName{color:var(--black);margin:0;font-size:16px;font-weight:700;line-height:1.3}.page-module__SYtZTG__dokterSpecialty{color:var(--primary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.page-module__SYtZTG__specialtyIcon{font-size:14px}.page-module__SYtZTG__dokterDesc{color:var(--dark-gray);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.page-module__SYtZTG__dokterLink{color:var(--primary);transition:color var(--transition-fast);margin-top:4px;font-size:13px;font-weight:700;display:inline-block}.page-module__SYtZTG__dokterLink:hover{color:var(--primary-hover)}.page-module__SYtZTG__emptyState{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.page-module__SYtZTG__emptyIcon{opacity:.4;font-size:48px}.page-module__SYtZTG__emptyState p{color:var(--dark-gray);margin:0;font-size:15px}.page-module__SYtZTG__resetBtn{background:var(--primary);color:#fff;border-radius:var(--radius-button);cursor:pointer;transition:background var(--transition-fast);padding:10px 24px;font-size:14px;font-weight:700}.page-module__SYtZTG__resetBtn:hover{background:var(--primary-hover)}.page-module__SYtZTG__dokterPhotoImg{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes page-module__SYtZTG__shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.page-module__SYtZTG__skeleton{pointer-events:none}.page-module__SYtZTG__skeletonPhoto{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%) 0 0/800px 100%;border-radius:50%;flex-shrink:0;width:80px;height:80px;animation:1.4s infinite page-module__SYtZTG__shimmer}.page-module__SYtZTG__skeletonInfo{flex-direction:column;flex:1;gap:10px;padding:4px 0;display:flex}.page-module__SYtZTG__skeletonLine{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%) 0 0/800px 100%;border-radius:6px;height:14px;animation:1.4s infinite page-module__SYtZTG__shimmer}.page-module__SYtZTG__skeletonShort{width:60%}